에러ChunkLoadError: Loading chunk 608 failed.Uncaught Error: Minified React error #423; visitvercel에 배포해놓은 몇개월 지난 애플리케이션에서 이런 에러가 생성됐다. 에러와 같이 노출된 화면에 써있던 문구application error : a client-side exception has occurred (see the browser console for more information). 잘 작동하던 애플리케이션이기 때문에 좀 당황스러웠다. 심지어 내 컴퓨터에서는 작동하는데 다른 컴퓨터에선 작동 안하는 버그였다. (이 부분은 아직도 왜 그러는지 모름ㅜㅜ)해결과정몇 시간 헤맸지만 일단 처음에는 먼저 검색을 했다.일반적으로 첫번째 에러..

본 글은 Next.js14 기반으로 작성 됐습니다. 설치 create-next-app npx 패키지를 사용하여 next.js 프로젝트를 생성할 수 있지만 프로젝트 초기세팅을 경험해보기 위해 typescript 를 적용한 프로젝트를 직접 A to Z로 생성해봤다. npx create-next-app@latest --typescript // 타입스크립트를 사용하는 프로젝트 생성 수동설치 결론부터 말하자면 수동으로 프로젝트를 생성하는 건 생각했던 거만큼 어렵지 않았다. 오히려 npx로 생성할 때보다 직관적이고 필요 없는 파일들을 생성하지 않아도 된다는 게 맘에 들었다. 프로젝트를 생성 하는 과정은 다음과 같다. 프로젝트 폴더생성 mkdir next-test 생성해준 폴더에 명령어를 입력 해준다. npm ini..

(Next.js14 기준으로 작성된 글 입니다.) Next.js란? React를 기반으로하는 웹 개발 프레임워크 React는 UI를 만들기위한 JavaScript 라이브러리이며, React로 작성된 애플리케이션은 SPA(Single Page Application)이라함 2016년에 Vercel 이라는 회사에서 공개함 주요기능 Full-Stack 개발 File-based Routing API Routing SEO, Dynamic Metadata SSR Pre-Rendering WHY NEXT.JS? 대표적으로 Next.js 는 SSR(Server Side Rendering)을 지원한다. 기본적으로 React는 CSR(Client Side Rendering)을 한다. 이는 브라우저에서 html을 요청했을때 ..