변경사항 생겼는데 화면 변화가 일어나지 않습니다

[Gyeong a Kim]

제 컴퓨터에서 설치 상에 오류가 있었는지 원인을 찾지 못한 채
npm start로 서버를 시작하고나면
변경사항이 바로 적용되지 않아 서버를 껐다가 다시 켜면서 하고 있습니다.
(npm start하고 서버를 껐다가 다시 시작하면 시간도 오래 걸려서 많이 답답하지만 참고 해보려다가 질문드립니다..)

분명 문제가 있는 것으로 보이는데 구글링을 해도 해답을 찾지 못했습니다.
리액트 특성이 새로고침을 하지 않더라도 변경사항이 반영된다고 하셨던 것 같아 질문드립니다.

[codingapple]

저장잘하고 브라우저 새로고침해도 별변화없나요?

[Gyeong a Kim]

VScode에 저장하고 새로고침 해도 변화가 안 뜨고,
재실행(npm start)를 해야만 변화가 보입니다.!

[codingapple]

바탕화면같은 다른폴더에 다시 프로젝트 만들어봅시다

[Gyeong a Kim]

바탕화면에 새로운 폴더를 만들고 npx create-react-app shop 으로
설치 완료했는데

npm start 이후
사진을 지우거나 글씨를 변경해도 강의처럼 바로 변경이 되지 않습니다.!

========
강의랑 제가 설치에서 다른 부분이 있는지 다시 천천히 살펴보니

맨 처음 폴더 생성을 할 때 우분투? 라는 터미널에서 폴더를 생성했고,
이후에 VSCode에서도 
"wsl"로 설정이 된 터미널에서 npm start를 했더니
서버는 불러와지고, 위와 같이 바로 업데이트는 안 되었습니다.

강의에서 터미널은
"powershell"로 설정된 상황에서 npm start를 하신 것을 다시 발견해서
모드?를 바꾸고 다시 진행해보니 이번에는 깔려있지 않다고 확인했습니다.


다시 powershell에서 create-react-app을 깔고
vscode에서 터미널을 powershell로 작동하니

node라고 바뀌면서 새로고침을 누르지 않아도
코드 저장만 해도 바로바로 변경되는 것을 확인했고,
서버 연결도 훨씬 빨라진 것을 확인할 수 있었습니다!

맨 처음 폴더를 어떤 터미널로 생성하느냐에 따라
작동이 달리 되는 것인지 궁금합니다.!

[codingapple]

wsl은 https://github.com/facebook/create-react-app/issues/10253 이런거 설정해줘야하나봅니다

[Gyeong a Kim]

 감사합니다!!!

[글쓴이]

글