분류 전체보기62 Next.js 프로젝트에 TypeScript 타입 체크 설정하기: 놓치기 쉬운 필수 설정 Next.js 프로젝트에 TypeScript 타입 체크 설정하기: 놓치기 쉬운 필수 설정Next.js로 새 프로젝트를 시작할 때 npx create-next-app@latest를 사용하면 TypeScript가 기본으로 설정되지만, 의외로 타입 체크 명령어는 포함되어 있지 않습니다. 이 글에서는 Next.js 15와 TypeScript 5.x 환경에서 타입 체크를 설정하는 간단하면서도 유용한 방법을 소개합니다.알고 계셨나요? Next.js의 next build 명령어는 기본적으로 타입 체크를 수행하지만, 개발 중에는 별도의 타입 체크 명령어가 필요합니다.왜 타입 체크가 필요한가요?Next.js의 개발 서버(next dev)는 실시간으로 타입 에러를 보여주지만, 다음과 같은 상황에서는 별도의 타입 체크가 필.. 2025. 7. 14. [Next.js14.0.2] Yarn berry v4 적용 후 체감 성능 비교(feat. Yarn berry v3, yarn, 배포: vercel) ※ 비교한 내용만 있을 뿐 적용 방법은 포함되어 있지 않습니다. ※ Next.js 14.0.2 버전이며, Vercel이 아닌 다른 곳에 배포 시 결과가 다를 수 있습니다. 비교 대상: yarn berry v3, yarn 테스트 배포 사이트: Vercel 테스트 항목: dependency 최초 설치 속도 git에 대한 부하 Vercel에 배포 시 CI 속도 dependency가 추가 됐을 때 dependency 변경 없을 때 Yarn dependency 최초 설치 속도 Yarn berry v3보다 빠름 ( Yarn berry v3는 처음 dependency를 설치 할 때 캐시를 같이 추가하기 때문으로 보임) git에 대한 부하 node_modules에 패키지들이 있으며, gitIgnore에 있으므로 git.. 2023. 11. 28. [Error] Next.js14.0.3에서 three/drei 라이브러리 에러 💣Attempted import error: 'webgl-sdf-generator' does not contain a default export (imported as 'createSDFGenerator') 에러 환경: Window IDE: Vscode 프레임워크 버전: Next.js14.0.3 오류 난 라이브러리 이름/버전: @react-three/drei: 9.75.0 최근 업데이트한 Next.js 14.0.3에서 three/drei를 import하여 사용만 해도 위와 같은 에러 메세지가 나옴. dev모드인 경우 log에 계속 에러가 나오고 있는 상황이며, createSDFGenerator를 사용하지 않는 컴포넌트는 동작함. vercel에 테스트 배포를 실험해 본 결과, 아래 사진과 같이 error를.. 2023. 11. 27. git에서 잘못 올린 파일의 이전 내역을 전부 제거하는 방법 😊 이 글을 쓰게 된 계기 처음부터 잘 설정하여 env파일 같은 중요파일을 .gitignore에 잘 설정하여 올리면 아무 문제 없지만 나중에서야 그런 부분을 캐치하게 되면 마음이 아픕니다. 나중에 알게 됐기 때문에 그 이전에 올린 git 이력들에 포함 된 history가 많으면 많을 수록 더욱 심란해지죠... 그러한 일이 없길 바라지만 있다면 있다면 손가락만 빨 순 없으니 최근 이런 심란한 일을 겪은 김에 해결방법을 공유 합니다. 👩💻 해결 방법 가. 파일 삭제 1) 전체 branch에서 파일을 삭제하는 경우 맨 마지막에 보이는 cat 단어 뒤에 붙는 -- --all 을 붙이는 경우 모든 branch에 있는 파일을 삭제하게 됩니다. git filter-branch --force --index-filte.. 2023. 10. 12. 이전 1 2 3 4 5 ··· 16 다음
