phnml1
ProjectsBlogSearch
⌕Contact

Tags

Allreactnextjstypescriptreact-querycacheperformancecodematesetQueryDatainvalidateQuerieswebsocketrealtimecommentsserver-componentspromise-alloptimizationreact native드래그 앤 드롭성능 최적화ZustandReact.memoselector칸반보드props drillingPanResponderuseMemouseRefuseNativeDriver리렌더링자동 스크롤requestAnimationFramePortalContext APIAnimatedhooks트러블슈팅google mapexpo-location졸업작품JavaScriptdeepdiveuseStatehooknext.jsSSRSuspense렌더링테스트dev toolsSSGAlgorithm프로그래머스PCCPlv2이분탐색클로저생명주기Virtual DOM백준golddfslv3bfs

next.js.

3 articles
React와 Next.js의 Suspense에 대해 알아보자
react2024.11.25

React와 Next.js의 Suspense에 대해 알아보자

React와 Next.js에서 Suspense를 어떤 방식으로 다르게 다루는지, 그리고 Next.js에서 이로인해 발생할 수 있는 에러와 해결방법에 대해 알아보자.

reactnext.jsdeepdiveSSRSuspense렌더링
React 개발자 도구(React dev tools)로 불필요한 렌더링을 없애본 경험
react2024.11.12

React 개발자 도구(React dev tools)로 불필요한 렌더링을 없애본 경험

React 개발자 도구(React dev tools)의 기능들과 이를 활용해본 경험을 공유해보겠다.

reactnext.js렌더링트러블슈팅deepdivedev tools
서버사이드 렌더링에 대해 알아보자(Feat: next.js, SSG)
react2024.11.04

서버사이드 렌더링에 대해 알아보자(Feat: next.js, SSG)

클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)에 대해서 그리고 SSR을 활용한 next.js 예제와 SSG의 개념과 예제까지 알아보자.

reactnext.jsdeepdiveSSRSSG렌더링
phnml1

성능 병목을 측정하고, 복잡한 상태 흐름을 정리하며, 오래 유지되는 프론트엔드 구조를 기록합니다.

© 2026 Jooyoung. Built with Next.js.

Navigate

ProjectsBlogSearch

Connect

GitHubEmail