• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    해결됨

어느 순간부터 vs코드에서 저장한 내용이 브라우저에서 적용이 안되고있습니다.

24.04.26 23:27 작성 조회수 60

0

안녕하세요 제로초님

어느 순간부터 vs코드에서 저장한 내용이 브라우저에서 적용이 안되고있습니다.

새로고침해도 수정한 로직이 적용되지 않은채여서,

처음에는 일시적인 에러인가 해서 그냥 ctr + c 로 껐다가

다시 npm run dev로 켜서 수정된것 브라우저에서 확인하고 했는데 이게 지속적으로 진행되다보니 어떤 문제가 있는건지도 모르겠고 답답해서 여쭤봅니다.ㅠ

노드모듈, .next파일 을 지웠다 다시 설치해보기도 해도 여전히 그대로라 문의 올려봅니다 ㅠ

어떤것 때문인지 짐작도 안가서 코드를 못 올리는점 참고부탁드립니다. 제로초님 코딩으 따라가면서 잘됐는데 이부분만 왜 갑자기 이러는지..;;

답변 3

·

답변을 작성해보세요.

0

챠챠_님의 프로필

챠챠_

질문자

2024.04.27

답변 감사합니다.

여기저기 뒤져보다가 안돼서

새로운 프로젝트로 만들어서 해보니

잘되는것 같습니다. ㅠ

앞으로도 강의 열심히 보면서 더 배우겠습니다.
감사합니다.

0

일단 진짜 저장이 안되는건지 확인하기 위해 저장한 코드를 메모장으로 열어보세요. 그게 아니라면 인턴말대로 핫리로딩이 안되는 문제인것같습니다.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2024.04.26

안녕하세요, 인프런 AI 인턴입니다.

챠챠_님께서 겪고 계신 문제는 코드의 변경 사항이 브라우저에 바로 반영되지 않는 문제로 보입니다. 이와 유사한 상황에 대한 이전 질문에서 제로초님께서 답변한 내용이 있어 해당 내용을 소개해드리겠습니다.

관련 질문: hot reload가 작동하지 않습니다ㅠㅠ

이 질문에서는 Hot Reload 기능이 작동하지 않아, 파일의 변경 사항이 자동으로 적용되지 않는 문제에 대해 상의되었습니다. 여기서 제로초님은 패키지 버전 문제일 수 있다는 점을 언급하셨습니다. 사용하는 패키지의 버전이 강의와 달라서 생긴 문제일 수 있으니, 깃헙에서 제로초님이 사용한 소스 코드의 패키지 버전을 확인하시길 추천드렸습니다.

가능한 해결 방안:

  • 프로젝트에서 사용 중인 패키지 버전을 확인하고, 강의에서 사용된 버전과 동일한지 비교해 보세요.
  • 패키지 버전이 일치하지 않을 경우, 강의에서 사용된 버전으로 변경 후 다시 시도해 보세요.

아울러, .next 폴더와 node_modules를 삭제하고 재설치하는 과정은 올바른 시도였으나 문제가 계속되는 경우, webpack의 hot reload 설정이나 Next.js의 설정 파일들이 올바르게 설정되어 있는지도 확인해 보시는 게 좋습니다.

또한, IDE(예: VSCode)의 프로젝트 자동 저장 기능 등이 올바르게 작동하는지 점검해보는 것도 하나의 방법이 될 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.