인프런 커뮤니티 질문&답변

문제 해결하였습니다.

1. netsh interface ipv4 show excludedportrange protocol=tcp로 체크해보니 제외 목록에 5173 포트가 등록 되어 있더라구요 (사내 백신 프로그램이 restart로 계속 요청을 하니 DDOS 공격으로 인식하여 제외 한것으로 추측됨. )
   
   2. wsl2에서 실행하였을 때 인터넷 오류인지 계속 버그가 나서 powershell로 실행하였더니 위 사진과 같이 CRLF로 실행되어 npm start:dev에서 문장이 깨져서 관련 오류가 나는 것이더라구요 LF형식으로 바꿔 주었더니 127.0.0.1:80으로 접속후 실행 잘 되는 것 확인하였습니다.

1. 방법 : api 폴더, client 폴더 둘다 node_modules 안에 라이브러리 파일이 있어야 합니다.

   1. chapter2/02_complete 폴더에서 다음을 실행합니다.(내용은 api 폴더 들어가서 설치하고 나와서 client 폴더 들어가서 설치후 다시 나온다는 것임)

cd ./api && npm i && cd .. && ./client && npm i && cd ..

2. 적어주신 터미널 명령어를 wsl2에서 도커를 실행하신게 아니것 같습니다. 윈도우에서 wsl에서 실행하시면 / 이렇게 슬래쉬가 들어가거든요.

   1. 그럼 wsl2은 설치하셔야 하는데 인터넷에 많은 자료가 있지만, 이는 제 colini 강의에서도 설명하고 있습니다. 그래서 해당 강의자료를 올려드릴테니 wsl2를 설치하시고 실행해보세요. 제가 방금 깃에서 받아서 실행해봤는데 작동됩니 분명 wsl2에서도 작동될 것 입니다. wsl2에서 실행하시면 리눅스에서 실행하시는 것을 보장받으시기에 화면과 같은 코드로 스트레스 없이 작업가능하십니다. (자료는 여기에 등록안되어 새소식란에 올리겠습니다)

 새소식에 파일이 안올라가서 https://blog.ssaple.com 에 올려놨습니다. 참고하세요(코린이 웹개발 가이드 8~28 참고)

인터넷, 시중에 나온 어떤 자료 보다도 깔끔하게 정리되어 있습니다 ^^*

지금까지 많은 도움을 주신 덕분에 알려주신 방법과 명령어 사용하여 wsl2를 설치하고 npm을 모두 설치한 상황인데도 여전히 오류가 해결되지 않습니다.


docker 자체를 전체 지웠다가 다시 설치 해야 할까요???

이정도로 열심히 하셨는데 오류가 해결되지 않으셨다고 하면 코드를 봐드려야 하는게 맞는것 같아요. 질문자처럼 열정을 가지고 질문하시는 분들은 코드를 확인하고 도움을 드려야 하는게 맞는것 같습니다. ^^

해당 깃 코드를 올려주시면 퇴근 후 집에가서 윈도우 노트북으로 실행후 에러를 찾아드리겠습니다(바로 해결못드려서 죄송합니다. ^^; 하필 오늘은 Mac 만 들고 나왔네요...)

[깃 저장소 주소 보내실 이메일 주소] sideproject0214@gmail.com

git에 올리기 전에 혹시나 해서 백신 프로그램에서 방화벽을 내렸더니
다른 오류로 변경 되었네요

가장 기본적인건데 당연히 될 거라고 생각 했던 게 문제였네요 ㅠㅠ

현재 이 오류는 http://127.0.0.1:8080으로 접속하였을 때 생기는 이슈입니다 ㅠㅠㅠㅠㅠㅠㅠㅠ
번거로우시겠지만 도와주세요

✅ 일단 코드는 모두 제대로 작성된 상태를 전제로 합니다 ✅

Cannot set headers after they are sent to the client 에러

해당 에러는 Express 애플리케이션에서 헤더를 두 번 이상 보내려고 할 때 발생하는 일반적인 오류입니다. 이는 주로 express에서 각종 미들웨어 순서가 엉켰을때 발생합니다.

일단 chapter2->02_complete -> api -> src -> server.js 파일을 열어보시면 62줄에 제가 주석을 달아놓은게 있습니다.

라우터는 언제나 app.use(express.json()) app.use(express.urlencoded({ extended: true })) 다음에 써줘야 한다. 즉, 언제나 맨 마지막에 써줘야 함을 기억하자. 만약 순서가 뒤바뀌면 json 파일로 넘어오는 것을 해석하지 못한다. 언제나 undefined라고 나온다

이렇게 적은 이유는 저도 해당 express 라우터와 에러헨들러 그리고 각종 parser 들 순서를 바꿨다가 에러를 본 기억이 있어서 저렇게 적어놓은 것입니다.

<해결책> express 는 위에서 아래로 코드를 읽어가기에

app.use(notFound);
app.use(errorHandler);

app.listen(port, async () => {
  try {
    await sequelize.authenticate();
    console.log(`🚀 Express server is running at http://localhost:${port}`);
  } catch (error) {
    console.error(error);
  }
});

순으로 배치해보시기 바랍니다.

※ 이래도 해결안되면 또 물어보세요 ^^

알려주신 방식대로 해도 안되어 02_Complete 폴더에서 여태까지의 작업을 진행하였으나,

여전히 http://127.0.0.1:84, 8080 두 포트 모두에 접속을 하지 못합니다. 추가로 데이터 베이스에 데이터가 존재 여부를 체크하였습니다.

• 8080포트 결과

• 84번 포트 결과

• 데이터 베이스에서 조회 결과

  

알려주신대로 바꿨더니 80관련 에러는 사라졌는데 위와같은 에러를 발생합니다.

혹시 새로운 챕터에서 시작하셨나요? 해당 에러는 도커 볼륨을 이용하는데 볼륨과 연결된 호스트 node_modules 폴더내에 관련 라이브러리 파일이 없을때 발생하는 화면 같습니다.

해결방법은 간단합니다. api 폴더로 들어가셔서 npm i 명령어를 입력하여 package.json에 적힌 라이브러리를 설치해주면 됩니다

npm i 이후에도 아래와 증상이 동일합니다.

지금 에러는 다음과 같습니다

npm ERR! Missing script: "start:dev"

이것은 package.json에 해당 스크립트가 없기 때문입니다. 아마도 새로 package.json 파일을 만드셔서 script 부분이 날라갔기 때문인 것 같습니다.

그러면 원래 작동되던 package.json 파일에서 해당 스크립트를 가져와서 붙이시던가 또는

"scripts": {
    "start:dev": "nodemon ./server.js",
    "start:prod": "node ./prod/server.js",
    "build": "./node_modules/.bin/babel src --out-dir prod"
  },

이것을 붙여 넣으시면 되실 것입니다.