localhost에서 연결을 거부했습니다

Question

안녕하세요! 맥북 프로를 사용하고 있는 사용자입니다. 가르쳐주신대로 프로그램에 입력을 하고 있는데 localhost:3000에 들어가니 어느 순간부터 연결을 거부했습니다, 라고 뜨면서 페이지가 뜨지 않습니다. 마커를 표시시작하는 수업 부분에서 마커를 만들고 localhost:3000을 입력하니 저렇게 되더군요. vs code 상에서 에러는 없다고 뜨는데, 이런 경우에는 어떻게 해결하나요?ㅠㅠ  강의와 관련있는 질문 을 남겨주세요. &bull; 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등) &bull; 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색 을 해주세요. (중복 질문을 자제해주세요.) &bull; 서비스 운영 관련 질문은 인프런 우측 하단 &lsquo;문의하기&rsquo; 를 이용해주세요.  (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달 에도 요령이 필요합니다. &bull; 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요. &bull; 강의실 페이지 (/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다. &bull; 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재 해주세요.  &bull; 수업 특정 구간에 대한 질문은 꼭 영상 타임코드 를 남겨주세요! 구체적인 질문 일수록 명확한 답을 받을 수 있어요. &bull; 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요. &bull; 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요 . &bull; 정확한 질문 내용과 함께 코드 를 적어주시거나, 캡쳐 이미지 를 첨부하면 더욱 좋습니다. 기본적인 예의 를 지켜주세요. &bull; 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다.  &bull; 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요.  &bull; 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용 은 스팸 처리 등 제재를 가할 수 있습니다.

이동훈 · Answer

현재 스크린샷을 보면 터미널의 위치가 my first map에 있는 것 같습니다!! cd myfirstmap을 입력하고 엔터를 눌러주시고 그후에 다시한번 nodemon ./bin/www를 입력해보시기 바랍니다!!! 해당 문제가 다시 발생한다면 동일하게 캡쳐해서 보내주세요~~!!!🤗

이동훈 · Answer

지금 보내주신 상태로는 서버가 켜지지 않은 것 같습니다~!! 터미널에 nodemon ./bin/www 를 쳐보시고 다시한번 브라우저에 localhost:3000 으로 접속해보시기 바랍니당~!!! 만약 또 안될 시 터미널 사진을 캡쳐해서 보내주시면 다시 답변 드리겠습니다~!!!! 감사합니다~~!!

이동훈 · Answer

Hyon Soo Jeong님 질문주셔서 감사드립니다!!! 우선 localhost에 접속이 안되는 걸 보니 vscode를 확인해봐야 해결할 수 있을것 같습니다!! 혹시 vscode 터미널을 캡쳐해서  보여주실 수 있을까요. 문제를 해결할 때 까지 계속해서 도와드리도록 하겠습니다!! 다시한번 감사드립니다~!!!

Choh Young · Answer

해결이 되었는지 모르겠는데.. new naver.maps.LatLng  으로 바꿔보세요. 둘다 대문자 L 입니다.

Hyon Soo Jeong · Answer

감사합니다. 말씀해주신대로 Latlng의 스펠링을 고쳤는데 다음과 같습니다..! 21번째 줄에 제가 잘못 입력한건가요..?

이동훈 · Answer

지금 확인한 결과로는 naver.maps.Latlng에 문제가 있는 것 같습니다~!!! 혹시 Latlng의 스펠링이 올바른지 확인 부탁드립니다~!! L만 대문자 이고 나머지 글자는 소문자 입니다~!!!

Hyon Soo Jeong · Answer

감사합니다! console 섹션은 다음과 같습니다!

이동훈 · Answer

해결 되었다니 정말 다행입니다~!!!😆 마커가 나오지 않는 문제의 경우 브라우저단에서 확인 후 해결해야 할 듯합니다!! 크롬 브라우져를 키신 후 f12키를 누르면 개발자 도구가 나오는데 그곳에서 console 섹션을 클릭한 후  해당 페이지를 캡쳐해서 보내주시면 빠르게 해결해드리도록 하겠습니다!!! 질문 주셔서 감사드립니다!!!😆

Hyon Soo Jeong · Answer

이제 localhost는 정상적으로 연결이 됩니다! 감사합니다 :) 다만 이후에 마커 표시가 되지 않는데 무엇이 문제일까요..? index.ejs / style.css / data.js 캡처 첨부합니다..!

Hyon Soo Jeong · Answer

답변 감사드립니다! 터미널에 입력해보았는데 여전히 localhost:3000 접속이 되지 않습니다 ㅠㅠ  항상 친절하게 알려주셔서 감사합니다!

Hyon Soo Jeong · Answer

안녕하세요! 제 터미널에는 아무것도 적혀있지 않네요, npm install은 했었고 sudo로 했었습니다. 그런데 맥북을 한번 재부팅하고 나서 프로그램을 켠적이 있는데 혹시 그래서 터미널에 아무것도 안 적혀있는건가 합니다. 한 번 봐주시면 감사하겠습니다!