인프런 커뮤니티 질문&답변
작성한 질문수
localhost:3000 오류
해결된 질문
작성
·
65
1
localhost:3000 을 입력하여 접속했을때 cannot get/ 라는 문구가 화면에 뜨고, localhost:3000/all 과 같이 뒤에 이름을 붙여 접속하면 정상으로 작동하네요 왜이런걸까요? 그리고 vscode go live 으로 켰을때 첫 페이지에 아무 사진도 없는상태(아무 탭 바도 클릭되지 않은상태) 가 맞는건가요?
퀴즈
컴포넌트 기반 웹 개발에서 '상태 관리'를 적용하는 주된 이유는 무엇일까요?
서버 부하를 줄이기 위해
변하는 데이터를 효율적으로 관리하고 불필요한 화면 재렌더링을 막기 위해
초기 페이지 로딩 속도를 빠르게 하기 위해
데이터베이스 연동을 쉽게 하기 위해
답변 2
0
안녕하세요 🙂 질문 감사합니다.
해당 오류는 Express에서 발생하는 오류인데요, server.js 코드를 올려주시면 확인해보겠습니다!!
그리고 VSCode의 Go Live를 사용해서 코드를 실행하더라도, 아래와 같이 페이지에 사진들이 알맞게 나오는데요, 제가 제공해드리는 핸드북과 https://github.com/hbin12212/animal-album 를 참고해서 작성하신 코드와 제가 작성한 코드를 비교해보시면 좋을 것 같습니다. 감사합니다 :)
0
안녕하세요, 인프런 AI 인턴입니다. 박유빈님.
localhost:3000에서 Cannot GET / 라는 메시지가 뜨는 것은 서버 측에서 / 경로에 대한 적절한 응답을 설정하지 않았기 때문입니다. 이는 라우팅 설정이 누락되었거나 잘못 설정된 경우 발생할 수 있습니다. 다음과 같은 방법으로 해결할 수 있습니다.
- 초기 라우트 설정:
server.js파일에서/경로에 대해 기본 페이지를 렌더링할 수 있도록 설정합니다. 예를 들어:
app.get('/', (req, res) => {
res.sendFile(path.join(__dirname, '..', 'index.html'));
});
Express 미들웨어 설정:
express.static을 사용하여 정적 파일을 제공하는 폴더를 제대로 지정했는지 확인하시고, 기본 경로에도 접근할 수 있게 설정하세요.SPA 설정 확인: SPA의 특성상
/all과 같은 경로로 직접 접속했을 때는 서버가 적절하게 라우트하지 않으면 기본 상태에서 반응이 없을 수 있습니다.BrowserRouter나HashRouter의 설정을 확인해 보세요.Live Server와 첫 화면: VSCode의 Go Live로 서버를 시작했을 때 기본 페이지가 나타나지 않는 것은, 기본적으로 제공되는 파일이 없을 때 발생합니다. 초기 UI 상태를 확인하고, 필요한 경우 기본적인 안내 메시지를 보여주도록 설정할 수 있습니다.
관련해서 더 자세한 정보를 원하시면 아래의 유사한 질문 게시물들을 참조하세요:
- Express 초반 오류 해결
- Express 설정에서 초기 라우팅 문제를 다루고 있습니다.
- Express 설정에서 초기 라우팅 문제를 다루고 있습니다.
- Express 내 GET 요청 제대로 처리하지 못함
- 서버가 기본 GET 요청을 처리하지 못할 때의 해결책을 설명합니다.
- 서버가 기본 GET 요청을 처리하지 못할 때의 해결책을 설명합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.