profile
For the enjoyful FE development
post-thumbnail

FE 개발자의 혹한기 회고

험난했던 2023년.

2023년 12월 30일
·
0개의 댓글
·
post-thumbnail

[번역] React Query 적으로 사고하기

React Query Maintainer인 Tkdodo가 알려주는 리액트 쿼리적으로 사고할 수 있는 3가지 요소들을 다루어봅니다.

2023년 6월 21일
·
0개의 댓글
·
post-thumbnail

React 18 Concurrent 로 UX 개선하기

React 18이 선보이는 Concurrent 기능들을 알아보며 실제 프로젝트에 적용해본 경험을 작성해보았다.

2023년 5월 5일
·
1개의 댓글
·
post-thumbnail

Suspense 도입과 Waterfall 현상 해결하기

Suspense를 도입하는 과정과 이때 발생한 Waterfall 현상을 해결해본 과정에 대해서 작성해보았습니다.

2023년 2월 13일
·
0개의 댓글
·
post-thumbnail

클린한 모달 사용하기 - 모달과 컴포넌트의 분리

가독성과 확장성이 높은 코드를 위해 컴포넌트와 강하게 결합된 모달을 분리 시켜보자.

2023년 1월 24일
·
2개의 댓글
·
post-thumbnail

SSR 환경의 다크모드 깜빡임 현상 해결하기

Next.js SSR 환경에서 Emotion 기반의 다크모드를 적용했을때 발생하는 깜빡임 현상을 해결해 보자!

2022년 12월 6일
·
2개의 댓글
·
post-thumbnail

Prototype에 대해 이해하기

자바스크립트에서는 다른 상속 기반의 언어와 달리, prototype(원형) 기반의 언어로, 모든 객체는 특정 객체를 원형(prototype)으로 삼고 이를 복제(참조)하는 방식을 통해 상속과 비슷한 효과를 가지게 한다.프로토타입을 추상화 하면 위와 같은 그림이 나오는

2022년 10월 2일
·
0개의 댓글
·
post-thumbnail

자바스크립트와 이벤트루프

자바스크립트 엔진 자체는 싱글 스레드로 동작하고 자바스크립트를 구동하는 환경이 멀티스레드 환경에서 동작하게한다.

2022년 8월 14일
·
1개의 댓글
·
post-thumbnail

자바스크립트는 Compiler / Interpreter 언어다?

자바스크립트는 인터프리터언어이다. 그런데 컴파일러를 얹은.

2022년 7월 29일
·
2개의 댓글
·
post-thumbnail

Context API 를 컴포넌트로 사용하기

Context API를 컴포넌트화하여 간결하게 사용하는 방법에 대해 알아본디/

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

NextJS와 ISR

ISR과 On-demand revlidation을 이용하면 정적생성으로도 사용자에게 실시간으로 업데이트된 페이지를 제공할 수 있다!

2022년 7월 7일
·
3개의 댓글
·
post-thumbnail

CSR & SSR

이번 포스트에서는 프론트엔드의 대표적인 렌더링 방식인 CSR(Client Side Renering)과 SSR(Server Side Rendering)에 특징과 어떤 시기에 사용해야 가장 좋은지에 알아보겠다.

2022년 6월 17일
·
0개의 댓글
·
post-thumbnail

Webstorm에서 ESLint + Prettier 적용하기

이번 포스트에서는 타입스크립트 기반의 NextJS 프로젝트에서 설정된 ESLint와 Prettier를 Websotrm 에디터에서도 적용할 수 있도록 할 것이다.

2022년 6월 13일
·
1개의 댓글
·
post-thumbnail

NextJS + Typescript Template

프로젝트 개발을 위해서 NextJS + Typescript + Emotion 기반 템플릿을 만들면서 이에 대한 설명을 다룬 내용들을 공유하기 위해 이 포스트를 올립니다.

2022년 6월 12일
·
0개의 댓글
·
post-thumbnail

Execution Context (실행 컨텍스트)

Lexical Environment Record와 Outer Environment Reference에 대해 이해하고 호이스팅과 스코프에 대해서도 이해한다.

2022년 6월 9일
·
0개의 댓글
·
post-thumbnail

CORS 에러와 해결법

프론트엔드에서 백엔드서버로 api 요청을 보낼 때 흔히 볼 수 있는 에러들 중 하나이다.

2022년 6월 8일
·
0개의 댓글
·
post-thumbnail

NextJS에서 ToastUI Viewer 적용하기

지난 포스트에 이어서 ToastUI Viewer를 적용해보려고 한다. 여기서 Viewer란 Editor에서 만든 게시글의 내용을 보여주는 도구이다. Editor에서 소개한 방법과 비슷하게 dynamic import를 이용해서 적용하면 된다! 간단하지만 공식문서만 보았을

2021년 7월 23일
·
0개의 댓글
·
post-thumbnail

NextJS에서 Toastui Editor 적용하기

NextJS와 React를 사용하는 프로젝트를 진행하면서 게시글을 작성하고 읽는 기능이 필요해졌다. 이를 위해 찾아본 결과 ToastUI에서 제공하는 Editor가 있어서 사용해보았다. 그런데 공식문서대로 적용해보았으나 오류(~ is not defined)가 발생하며

2021년 7월 21일
·
0개의 댓글
·