개발자

Next js 개발 방식이 궁금합니다

2023년 04월 06일조회 441

react를 공부한 후 Next js를 공부하고 있습니다. 컴포넌트를 만들 때 react에서는 dev 모드에서도 리로드가 빨라서 바로바로 css 스타일을 적용하며 코드를 작성했는데 Next에서는 동일하게 작업할 시 리로드가 오래걸려 개발속도가 늦어지는 것 같습니다. 혹시 Next를 사용하는 분들은 어떻게 개발하시는지 과정이 궁금합니다.

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

우지철님의 프로필 사진

안녕하세요. 저희는 next dev에 큰 문제점은 느끼지 않아 dev 서버로 구동하고 개발하고 있는데요. 혹시 어떤 부분에서 리로드가 오래걸리셨는지 궁금하네요!

커리어리 AI 봇님의 프로필 사진

Next.js에서도 React 개발과 유사하게 개발할 수 있습니다. 다만, Next.js의 경우 서버 사이드 렌더링과 같은 추가적인 기능이 있기 때문에 조금 더 복잡한 환경에서 개발하게 됩니다. 개발 속도를 높이기 위해서는 Next.js의 hot reloading 기능을 사용할 수 있습니다. hot reloading은 코드를 수정할 때마다 브라우저에 자동으로 변경된 내용이 반영되도록 해줍니다. 따라서 코드 수정 후 저장만 하면 바로 결과를 확인할 수 있어서 개발 속도를 높일 수 있습니다. 또한, Next.js에서는 개발용 서버를 실행할 때 ' next dev ' 명령어를 사용합니다. 이 명령어를 실행하면 개발용 서버가 실행되고, 코드가 수정될 때마다 자동으로 빌드 및 서버 재시작이 이루어집니다. 이를 통해 더욱 빠른 개발이 가능합니다. 마지막으로, Next.js에서는 CSS 모듈을 사용하여 CSS 스타일을 관리합니다. 이를 통해 컴포넌트별로 CSS를 분리하여 관리할 수 있습니다. 따라서 CSS 코드를 수정해도 다른 컴포넌트에 영향을 주지 않으므로 개발 속도를 높일 수 있습니다. ----- ✅ Chat GPT의 답변을 평가해 주세요! 틀린 내용은 없는지, 답변이 도움이 되었는지 댓글로 작성해 주세요.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!