이번 next.js 를 하면서 글을 써야지 하고 마음먹은 것이 이녀석 때문입니다. Turbopack이란? 갑자기 설치를 하면 좋을 것 같은 이름이었습니다.하지만 아무것도 모르고 설치를 해야 하나? 괜히 ESline 에 걸려 에러만 나는 것은 아닌지 찾아봤습니다. Turbopack는 JavaScript와 TypeScript에 최적화된 점진적 번들러로, Rust로 작성되었으며 Next.js에 내장되어 있다라고 하는데요 점진적 번들러? Rust로 작성? Next에 내장? webpack의 후속작?여러 알 수 없는 말을이 있을 겁니다. 이걸 다 설명하기는 너무 루즈하고 Vite와 비슷한데 성능이 우수하다고 생가하면 되는데요그럼 Vite가 무엇인지 모를 수도 있고요  다시 쉽게 정리하자면 빌드를 빠륵게 하기 위해 ..

next를 설치하다 보니 src를 사용할 거니?import alias를 사용할 거니? 하고 물어봤다 src에 담아서 개발을해? import alias는 '@/~' 을 사용한다고 ? 당연하지 라고 생각을 했어요 그럼 왜 당연할까요? 또 import alias는 기본 no로 되어 있어요 뭐 관리가 쉬워지고 import 코드가 깔끔해져서 그러긴 한데요 좀더 찾아봤어요  src/ 디렉토리를 사용하는 장점프로젝트 구조의 명확성모든 소스 코드 파일을 src/ 디렉토리 아래로 정리하여 루트 디렉토리가 깔끔해집니다.루트 디렉토리에는 설정 파일(예: package.json, next.config.js)만 남고, 소스 코드와 명확히 분리됩니다.대규모 프로젝트 관리프로젝트가 커질수록 디렉토리가 많아지는데, src/ 디렉토리..

next.js 를 시작하면서 이것 저것 나오는데 궁금한 것들이 있어 정리해 보았습니다.npx create-next-app@latest .처음 next를 설치를 하게 되면서 여러가지 물어보더라고요1. 타입스크립트를 사용할 거니? yes~! 이거 써야 할 말이 있으니까요?! 다음 ESline을 사용할 거니? Would you like to use eslint?  여시거 no를 사용하고 싶었지만 왜 no여야 하는지 왜 yes여야 하는지 고민을 해보고 싶었어요물론 ESline을 사용하면 많은 어려움이 있었기 때문에 사용을 하고 싶지 않았어요하지만 왜 나에게 문제가 발생을 했는지 찾는 것도 좋을 것 같아 ESline을 찾아봤어요 ESLint는 JavaScript 및 TypeScript 코드에서 오류를 찾아내고 스..