profile
개발하면서 행복하기

[Next] 기본 개념(3)(feat. SSR, CSR)

내가 기억하기 위해 정리하는 Next.js 기본 개념(3)

2023년 3월 11일
·
0개의 댓글
·

[Next] 기본 개념(2)(feat. ISR)

내가 기억하기 위해 정리하는 Next.js 기본 개념(2)

2023년 2월 25일
·
0개의 댓글
·

[Next] 기본 개념(1)(feat. Route, SSG)

내가 기억하기 위해 정리하는 Next.js 기본 개념(1)

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

[korea-map-note] CSS Animation 속도 최적화

브라우저 Layout 리렌더링 과정을 고려하여 animation 속도 최적화를 해보았다.

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

[기본 개념] controlled vs unControlled component (feat. react-hook-form)

controlled와 uncontrolled component에 대해서 알아보자. 그리고 많이 사용하는 react hook form 라이브러리는 왜 다른 form 라이브러리에 비해 성능이 좋을까?

2022년 12월 16일
·
0개의 댓글
·

[cocktail-life] OPTIONS 메서드란 (feat. preflight 최적화)

OPTIONS 메서드 그리고 preflight 최적화 방법에 대해 알아보자.

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

[cocktail-life] Lighthouse 성능 최적화 과정 정리

사이트 완성 후의 lighthouse 점수 85점에서 98점으로 올리기까지의 최적화 과정을 정리해보았다.

2022년 11월 7일
·
0개의 댓글
·

[cocktail-life] 이미지 호출 시 레이아웃 고정하기

리팩토링 중 발견한 이미지 호출 시 레이아웃 무너짐 현상 해결 과정..

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

[korea-map-note] react-query에 디바운싱 적용하기

불필요한 api 호출을 줄이기 위해 react-query에 디바운싱을 적용하였다.

2022년 10월 4일
·
0개의 댓글
·

[korea-map-note] firestore onSnapshot을 이용한 데이터 실시간 감지

Firestore의 onSnapshot을 이용해서 실시간 state 변경 감지를 하였다.

2022년 9월 29일
·
0개의 댓글
·

[korea-map-note] kakao location search api와 react-query 사용하기

react-query의 useQuery의 원리를 파악하고, 이를 프로젝트에 적용해보았다.

2022년 9월 28일
·
0개의 댓글
·

[React-Query] React Query 공식 문서 간단 정리

react-query 공식문서를 번역해보았습니다.

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

[React] React suspense를 이용한 waterfall 현상 개선

React suspense를 이용하여 waterfall 현상을 개선할 수 있다.

2022년 9월 25일
·
0개의 댓글
·

[React18] Batching

React18의 Batching에 대해 알아보았다.

2022년 9월 23일
·
0개의 댓글
·

[world-map-note] 프로젝트를 시작하면서

React 함수 컴포넌트를 활용하기 위한 map 라이브러리 선정과 모달 기준을 고민한 과정.

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

[React] react-helmet 과 react-helmet-async 차이

react-helmet 과 react-helmet-async의 차이에 대해 정리해보았다.

2022년 9월 20일
·
0개의 댓글
·

[task-dashboard] useTransition, useDeferredValue를 이용하여 사용성 높이기(feat. React18)

React18의 concurrent 기능의 useDeferredValue를 사용하여 사용성을 높이다.

2022년 9월 18일
·
0개의 댓글
·

[React] useRef, Callback ref, Foward ref

useRef, Callback ref, Foward ref에 대한 정리.

2022년 8월 12일
·
0개의 댓글
·

[movie-app] Intersection Observer api 무한스크롤 구현

프로젝트에 Intersection Observer api를 이용하여 무한스크롤 구현한 이야기.

2022년 5월 13일
·
0개의 댓글
·

[React] React.lazy와 Suspense

React.lazy와 Suspense

2022년 5월 10일
·
0개의 댓글
·