반응형
Next.js 초보들이 실수하는 최적화, 코드 간소화, 팁 정리
2023. 12. 31. 17:13

최근 회사에 새로 들어오신 분이 Next 를 한 번도 해보지 않은 분이셨는데, 함께 작업하게 되면서 Next 혹은 JS 초보분들이 보실 수 있는 코드 작성 팁을 굵 직하게 많이 사용하실 것 같은 내용만 몇 가지 적어보려고 한다. (생각나거나 또 생긴다면 정리할 예정) Next 개발 2년차가 되어서도 늘 느끼지만 내 코드가 모두 정답은 아닐 수 있고, 지금 적은 내용들도 나중에 가면 바뀔 수도 있으니 가볍게 읽어보셨으면 한다. (코드 작성이 옳다, 그르다 보다는 지금 현 상황에서 Next 를 이용할 때 이런 것은 주의하는게 좋다~ 가 이 글의 요지란 이야기.) useEffect 의 사용은 최대한 적게 useEffect 는 최초 한 번 혹은 의존성 리스트 안의 요소가 호출되었을 때 실행되는 성질이 있어, "..

Next.js 공식 홈페이지에서 추천하는 빌드 속도 올리기(+SWC, 터보팩)
2023. 1. 11. 19:44

프로젝트에 사용하던 버전의 Next.js 속도를 개선하려고 빌드 툴을 찾아보는데, 시중에 나와있는 여러 빌드 툴들(Vite, Snowpack)은 안정성이라던가 업데이트 안함 등으로 아직은 사용하기가 꺼려졌었다 그런데 12.3으로 버전 업을 하면서 넥스트 공식 홈페이지에서 SWC 라는 빌드 툴을 안정화까지 했다고 🎉🎉🎉 SWC란? SWC는 자바스크립트 프로젝트의 컴파일과 번들링 모두에 사용될 수 있는, Rust라는 언어로 제작된 빌드 툴입니다. SWC는 Speedy Web Compiler의 약자로, 말 그대로 매우 빠른 웹 컴파일러의 기능을 제공하는 툴입니다. 카카오 기술블로그에서 자세한 내용을 확인할 수 있다.(https://fe-developers.kakaoent.com/2022/220217-learn..

반응형