inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Do it! Node.js 프로그래밍 입문

연락처 추가하기

22강 연락처 추가하기 - css 파일 경로 지정

274

cloDevp

작성한 질문수 1

0

모듈화한 _header.ejs 파일에서 css 지정경로가 왜

href="/css/style.css" 가 되는지 궁금합니다.

 

_header.ejs 파일은 views폴더의 하위 폴더인 include안에 저장되어 있는데, 만약 css 파일의 상대경로를 지정하려면

href="../../public/css/style.css"가 되어야 하지 않나요?

javascript node.js mongodb express css

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. cloDevp님, Node.js에서 express.js를 사용하고 있다면 express.static 미들웨어를 통해 정적 파일들을 제공하게 됩니다. 기본적으로 public 폴더 안에 있는 정적 파일들에 대해서는 서버의 루트 경로(/)로 접근이 가능하도록 설정될 수 있습니다. 그래서 views 폴더의 구조와 상관없이 href="/css/style.css"라고 경로를 지정하면 public/css 디렉토리 내의 style.css를 가리키게 되는 거죠.

예를 들어, app.use(express.static('public')) 이렇게 미들웨어를 설정하면 public 폴더는 서버의 루트 경로와 매핑되어서 public/css/style.css 파일에 대해 http://yourserver/css/style.css 으로 접근할 수 있는 것입니다. 따라서 상대 경로가 아닌, 서버의 루트 경로에서부터 /css/style.css로 접근이 가능해 지는 것이죠.

만약 추가적인 정보가 필요하시다면, Node.js 및 express.js에 대한 문서를 참고하시거나 인프런에 있는 관련 강의들을 통해 자세한 내용을 학습하실 수 있습니다.

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

13

1

useState 직접 구현 부분에서 질문이 있습니다.

1

19

1

학습을 하고 블로그에 정리를 해도 괜찮을까요?

1

22

1

교재(3쇄)와 강의 내용 문의

0

28

2

섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.

0

23

1

몽고 db 접속 오류

0

29

1

몽고db security 설정

0

76

1

이 강의 들으려면 JS할 줄 알아야 하나요

0

99

1

db 테이블 생성할 때 변수에 받는 이유가 무엇인가요?

0

140

1

모듈을 내보내고 사용할 때 질문이 있습니다.

0

104

0

바디 파서 질문있습니다

0

95

0

로컬 호스트 접속이 안됩니다

0

523

1

8:34초 간단한 질문있습니다

0

234

1

delete 부분에서 13:28 질문있습니다

0

204

1

에러 도와주세요

0

281

1

status 작성 이유가 궁금합니다

0

220

1

마지막에 라우트 경로에 대해서 질문이 있습니다

0

176

1

function1, 2에 대한 질문

0

248

1

localhost:3000 응답없음 문제

0

1841

1

EJS formatting

0

835

1

이강의는 컨트롤러가 안들어가는 이유가 있나요

0

410

1

관리자 로그인 쪽 작업하고 있는 무한루프에 빠져 오픈이 안됩니다.

0

381

1

updateContact 함수관련 문의

0

229

1

thunder client 문제

0

645

1