profile
차곡차곡 지식을 쌓아가는 저장소를 만들고 싶습니다
태그 목록
전체보기 (43)deep dive(26)Java Script(15)JavaScript(13)js(12)React(9)Event(4)typescript(3)global(2)local(2)object(2)parse()(2)github(2)social-login(2)REST API(2)kakao api(2)stringify()(2)try catch(2)ajax(2)알고리즘(2)http(2)redux saga(2)project(2)PR(2)local storage(2)issue(2)this(2)&&(2)자료구조(1)propagation(1)프로퍼티(1)stack(1)queue(1)전역(1)객체 타입(1)이벤트 전파(1)heap(1)프로미스(1)obejct(1)객체(1)generator(1)velog(1)XMLHTTPRequest(1)취준(1)CommonJS(1)ESM(1)Module(1)이벤트 타깃(1)call stack(1)면접(1)MPA(1)프론트엔드(1)지역(1)throttle(1)debounce(1)디바운스(1)await(1)event loop(1)고차 함수(1)react redux(1)async(1)비동기(1)name binding(1)branch(1)렉시컬 스코프(1)reducer(1)error(1)인스턴스(1)json(1)next(1)const(1)let(1)var(1)화이팅(1)기명 함수(1)teamProject(1)ClearTimeout(1)즉시 실행 함수(1)new(1)함수(1)setInterval(1)setTimeout(1)메서드(1)타이머(1)DOM(1)axios(1)함수 표현식(1)면접준비(1)협업(1)CSR(1)SSR(1)생성자 함수(1)type(1)clearInterval(1)localstorage(1)함수 선언문(1)execution context(1)binding(1)데이터 타입(1)호출 스케줄링(1)strict mode(1)spa(1)use strict(1)next.js(1)변수(1)이벤트 버블링(1)마이크로태스크 큐(1)life cycle(1)팀프로젝트(1)정적 타이핑(1)CRUD(1)원시 타입(1)블록 레벨 스코프(1)이벤트 캡처링(1)redux(1)정적 스코프(1)modal(1)Spring(1)emotion(1)task queue(1)infinite scrolling(1)scope(1)함수 리터럴(1)익명 함수(1)tag(1)function(1)primitive value(1)cors(1)회고(1)검색어(1)동적 타이핑(1)이벤트 위임(1)promise(1)태스크 큐(1)쓰로틀(1)boiler-plate(1)동기(1)
post-thumbnail

프론트엔드 면접 준비 하시는 분...?

레포지토리 바로 가기 ① Computer Science 프로세스와 스레드 🔥 프로세스가 뭔가요? 스레드가 뭔가요? 프로세스와 스레드는 어떤 차이가 있나요? 싱글 스레드와 멀티 스레드 🔥 싱글 스레드 장점 싱글 스레드 단점 멀티 스레드

2021년 11월 23일
·
24개의 댓글
post-thumbnail

BOJ 2798 블랙잭

문제 제목: 블랙잭문제 난이도: 하문제 유형: 배열, 완전 탐색추천 풀이 시간: 20분첫 번째 인풋 N, M두 번째 인풋 N에 해당하는 카드 배열첫 번째 예제의 경우 5C3 5개중에 3개를 선택하는 경우이다완전 탐색을 통해 m (max) 값을 넘지 않는 선에서 반복문을

2021년 11월 18일
·
0개의 댓글
post-thumbnail

BOJ 2920 음계

문제 제목 응계문제 난이도 하문제 유형: 배열, 구현추천 풀이 시간: 15분문제를 사이트에서 처음 풀어서 input으로 받아야 하는지 모르고 기존에 파이썬 코드에 받던 식으로(?) 작성했다음계를 문자열에 맞춰 1,2,3,...,8로 변환까지 해줘야 하는 줄 알았다배열

2021년 11월 18일
·
0개의 댓글
post-thumbnail

웰시코딩 서비스 배포 회고 🐶

👉 프로젝트 소개 IT 종사자들을 위한 웹 앱이며, 프로젝트 명은 웰시코딩(WellSeeCoding) 입니다. '코딩을 곧 잘 알게 될거야' 라는 의미로 지었습니다. 주 목적은 스터디나 팀 프로젝트 등 함께 목적 달성을 이루기 위한 사람들을 매칭 시켜주는 플

2021년 11월 15일
·
5개의 댓글
post-thumbnail

가볍게 훑어보는 자료구조 (with python)

출처: https://jjalbang.today/view/%EB%AD%90%EC%A7%80/4696공부하고 알아야 할 만한 기본적인 자료구조에 대해 정리합니다python으로 작성된 코드의 예시들이 있지만, JS와는 큰 차이가 없기 때문에 예시 코드로는 파이썬을

2021년 11월 14일
·
0개의 댓글
post-thumbnail

[React] Next 환경에서 최근 검색어 저장 및 구현하기

localStorageJSON 정적 메서드 (JSON.stringify/ JSON.parse)Array.prototype.map()Array.prototype.filter()velog, 리액트로 최근 검색어 기능 구현해보기 🔥기존에 다른 벨로거 분이 공유해주신 코드를

2021년 9월 29일
·
0개의 댓글
post-thumbnail

CSR, SSR

각 두개의 단어는 서로의 대척점에 있다고 볼 수 있다. CSR 와 SSR SPA 와 MPA 해당 개념에 대해 헷갈리지 않도록 조금 더 쉽게 작성해보기로 하였다. 웹 브라우저(크롬, 웨일, 파이어폭스, IE, ...)에서 실제로 우리가 볼 수 있는 화면이 있다.

2021년 9월 20일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (실행 컨텍스트)

실행 컨텍스트(execution context)는 자바스크립트의 동작 원리를 담고 있는 핵심 개념이다. 실행 컨텍스트를 바르게 이해하면 자바스크립트가 스코프를 기반으로 식별자와 식별자에 바인딩된 값(식별자 바인딩)을 관리하는 방식과 호이스팅이 발생하는 이유, 클로저의

2021년 9월 16일
·
0개의 댓글
post-thumbnail

[React] 리액트, 리덕스, 타입스크립트환경에서 살아남기

📍 redux-saga / axios / typescript quick start! 이번에는 리덕스 미들웨어 중 리덕스사가에 타입스크립트를 적용해보도록 하겠습니다. 리덕스 사가에 타입스크립트를 적용하기에 앞서 리덕스-사가에 대한 지식이 부족하시다면 벨로퍼트님의 리덕

2021년 9월 14일
·
0개의 댓글
post-thumbnail

[React] 전역으로 관리하는 모달 만들기

이번에 만들어 볼 것은 모달인데, ios에서 기본적으로 제공하는 것처럼 생긴 모달을 만들 것입니다!먼저 완성본부터 보겠습니다디자인에 관련된 정확한 측정이 스스로의 힘으로는 불가능하였지만, 같이 협업하고 계신 디자이너님께서 만들어서 제공해주셨습니다👍프론트 작업 시에,

2021년 9월 14일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (this)

객체지향 프로그래밍에서 살펴보았듯이 객체 는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드를 하나의 논리적인 단위로 묶은 복합적인 자료구조다. 동작을 나타내는 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 한다. 이때 메서드가 자신이

2021년 9월 14일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (빌트인 객체)

자바스크립트 객체는 다음과 같이 크게 3개의 객체로 분류할 수 있다.표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말하며, 애플리케이션 전역의 공통 기능을 제공한다.표준 빌트인 객체는 ECMAScript 사양에 정의된 객체이므로 자바스크립트 실행 환경(브

2021년 9월 13일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (생성자 함수에 의한 객체 생성)

앞서 '\*\*객체 리터럴(https://velog.io/@junh0328/DEEP-DIVE-%ED%95%9C-%EC%9E%A5-%EC%9A%94%EC%95%BD-%EA%B0%9D%EC%B2%B4'객체 리터럴' 이외의 객체 생성 방법에 대해 알아본다.생성자 함

2021년 9월 13일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (let, const 키워드와 블록 레벨 스코프)

let, const 키워드와 블록 레벨 스코프 ① var 키워드로 선언한 변수의 문제점 ES5까지 변수를 선언할 수 있는 유일한 방법은 var 키워드를 사용하는 것이었다. var 키워드로 선언된 변수는 다음과 같은 특징이 있다.다른 언어와는 구별되는 독특한 특징으로

2021년 9월 12일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (전역 변수의 문제점)

전역 변수의 무분별한 사용은 위험하다. 전역 변수를 반드시 사용해야 할 이유를 찾지 못한다면 지역 변수를 사용해야 한다. 이번 장에서는 전역 변수의 문제점과 전역 변수의 사용을 억제할 수 있는 방법을 알아본다.지역 변수의 생명 주기변수는 선언에 의해 생성되고 할당을 통

2021년 9월 12일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (스코프)

스코프(scope, 유효범위) 는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적이며 중요한 개념이며, 스코프의 이해가 부족하면 다른 개념을 이해하기 어려울 수 있다. 더욱이 자바스크립트의 스코프는 다른 언어의 스코프와 구별되는 특징(렉시컬 스코프, 정적 스코프)이

2021년 9월 12일
·
0개의 댓글
post-thumbnail

[React] CORS요..? 제 잘못,,, 인가요?

CORS요..? 혹쉬,, 백엔드 쪽 문제 아닌가요..?프론트엔드 개발자로서 HTTP 통신은 프론트에서 다루는 가장 중요한 기술 중 하나라고 생각합니다.빌트인 객체인 ① XMLHttpRequest 부터 ② fetch, ③ axios 까지 HTTP 통신을 위한 다양한 빌트

2021년 9월 8일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (모듈)

모듈(module)이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다.일반적으로 모듈은 기능을 기준으로 파일 단위로 분리한다. 이때 모듈이 성립하려면 모듈은 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다.자신만의 파일 스코프를 갖

2021년 9월 8일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (에러처리)

에러가 발생하지 않는 코드를 작성하는 것은 불가능하다고 볼 수 있다. 발생한 에러에 대해 대처하지 않고 방치한다면 프로그램을 강제 종료될 것이다.try catch 문을 사용해 발생한 에러를 적절하게 대응하면 프로그래밍이 강제 종료되지 않고 계속해서 코드를 실행시킬 수

2021년 9월 8일
·
0개의 댓글
post-thumbnail

DEEP DIVE 한 장 요약 (제너레이터 async/await)

사실 async await가 제너레이터에서 비롯되었다는 것 조차 몰랐다. 기존 한 장 요약 (프로미스) 에서도 말했지만, async await에 대해 조금 더 아는 이유는 단지 Promise 문법이 어려워서였다.then().catch().finally()와 같은 프로미

2021년 9월 6일
·
0개의 댓글