profile
프론트엔드 주니어 개발자
post-thumbnail

npm에서 pnpm으로 마이그레이션하기

npm에서 pnpm으로 업데이트 하고싶으신 당신 들어오세요

2023년 10월 31일
·
0개의 댓글
·
post-thumbnail

NextJs next/image Sharp vs Squoosh

next/image에서 sharp를 사용하게된 이유

2023년 9월 17일
·
0개의 댓글
·
post-thumbnail

NextJs에서 react-query SSR 사용시 dehydratedstate error

NextJs에서 react-query SSR 사용 dehydratedstate error

2023년 9월 7일
·
0개의 댓글
·
post-thumbnail

NextJs에서 react-query SSR 대응하기

NextJS + react-query SSR 데이터 사용하기

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

[React] useState + useEffect => useQuery 로 대체하기

Vue에서 React(NextJs)로 마이그레이션 일대기

2023년 4월 9일
·
0개의 댓글
·
post-thumbnail

URL / URI / URN 한방에 이해하기!

URL? URI? URN? 모르겠으면 들어와서 한번 정리하기!

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

Preload, Prefetch, Preconnect 차이점이 뭘까?

Preload, Prefetch, Preconnect 에 대해 잘 모르는 당신 잠시 들어와서 보는게 어떤가요?

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

n을 활용한 node.js 버전 관리

node.js 버전 변경 할때마다 삭제하고 재설치하는 사람들은 주목!

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

useEffect 덜어내기

성능 최적화의 한걸음 나아가기!

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

Build: Cannot use JSX unless the '--jsx' flag is provided. 이게 뭔데...

Typescript 로 클립보드 관련 오픈소스를 만들어 중 다른 프로젝트에 적용하다 마주한 에러였다...정말 처음보는 에러들은 항상 주구장창 나오는거같다 ㅎㅎ처음 의심을 해본곳은 적용시킨 프로젝트의 셋팅이었다.그렇게 구글링을 해서 찾아본 결과 vsc 세팅 문제라고 하여

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

useEffect?? useLayoutEffect?? 차이점을 알아보자!

useEffect , useLayoutEffect가 궁금한 사람 손!

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

Debounce로 성능 향상 시키기

웹성능 최적화 지킴이는 바로 나!!

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

IntersectionObserver로 무한 스크롤 만들기

무한 스크롤 만들기가 이렇게 편리하다고??

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

Cookie , Session 의 차이점

쿠키, 세션 ,HTTP 프로토콜의 특징 및 차이점을 알아보자!

2022년 5월 29일
·
0개의 댓글
·
post-thumbnail

Github Actions으로 오픈소스 Test 자동화

자동화에 관심이 많은 요즘 오픈소스 Test도 자동화해보자!!

2022년 5월 22일
·
0개의 댓글
·
post-thumbnail

GitHub Action으로 Next.js + Typescript 배포하기

NextJs + Typescript + Github Action으로 gh-pages 배포하기

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

Next 배포시 Image Optimization 에러

최근에 NextJs + Typescript 를 gh-pages를 통해 배포 진행 중에 생긴 이미지 로더 에러를 파헤쳐 보았습니다.해당 에러가 무슨 이유로 뜨는지 알아 보자 공식문서(https://nextjs.org/docs/api-reference/next

2022년 4월 30일
·
0개의 댓글
·
post-thumbnail

Default export vs Named export

Export 뭐가 뭔지 알고 쓰자.

2022년 4월 24일
·
0개의 댓글
·
post-thumbnail

React.lazy와 Suspense 컴포넌트를 활용한 코드 스플리팅

react v16.6 이후부터는 코드 스플리팅을 위한 내장 함수인 React.lazy와 Suspense 컴포넌트가 생겼습니다.다른 곳에 여러 설명이 있지만 내가 이해한 대로 설명을 하자면 지금 당장 필요한 코드가 아니라면 따로 분리시켜서, 나중에 필요할때 불러와서 사용

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

[React] Canvas에서 CORS 에러가 왠 말이야!!

CORS 에러에 대한 공부 및 해결 방법

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