inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

연락처 추가하기

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

303

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에 대한 문서를 참고하시거나 인프런에 있는 관련 강의들을 통해 자세한 내용을 학습하실 수 있습니다.

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

6

0

5,6,7,8 내용이 없어요

0

9

0

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

8

1

mission 09-01 을 수행할 수 없어요

0

16

1

Context API vs Zustand 그리고 Auth

0

26

2

몽고 db 접속 오류

0

56

1

몽고db security 설정

0

102

1

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

0

119

1

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

0

160

1

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

0

117

0

바디 파서 질문있습니다

0

106

0

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

0

555

1

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

0

250

1

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

0

224

1

에러 도와주세요

0

321

1

status 작성 이유가 궁금합니다

0

241

1

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

0

200

1

function1, 2에 대한 질문

0

261

1

localhost:3000 응답없음 문제

0

1884

1

EJS formatting

0

859

1

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

0

433

1

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

0

394

1

updateContact 함수관련 문의

0

243

1

thunder client 문제

0

671

1