Next.js package.json 보는 법: scripts, dependencies, App Router까지
이 글에서 정리하는 내용 Next.js 프로젝트를 처음 열었을 때 많이 보게 되는 package.json, scripts, dependencies, devDependencies, next dev/build/start, App Router를 초심자 기준으로 한 흐름으로 정리합니다. 용어를 따로 외우기보다 프로…
더 읽기 →BlogFlow | 블로그
프론트엔드 개발과 IT 기술을 중심으로 실무 경험과 학습을 기록합니다.
React
React
React와 Next.js 메타데이터 API 완벽 정리
주요 포인트 한눈에 보기 이 문서는 React와 Next.js에서 메타데이터를 다루는 방식의 차이를 철학부터 실제 코드 구조까지 단계적으로 정리한 학습 문서입니다. 단순한 API 사용법이 …
더 읽기 →
React·Next.js에서 Axios를 제대로 쓰는 법
주요 포인트 한눈에 보기 Axios는 단순히 HTTP 요청을 보내는 도구가 아니라, 프론트엔드 개발자가 복잡한 비동기 통신을 체계적으로 관리할 수 있게 돕는 강력한 라이브러리입니다. 자동 JSON 변환, 요청/응답 인터셉터, 공통 설정 관…
더 읽기 →
React 렌더링 성능을 높이는 Next.js 최적화 방법
주요 포인트 한눈에 보기 React의 렌더링 성능은 사용자 경험(UX)과 검색 엔진 최적화(SEO)에 결정적인 영향을 미칩니다. Next.js는 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG) 등 강력한 기능을 통해 React의 성능을 극대화하는 프레임워크입니…
더 읽기 →