CSS 경로문제 관련 질문드립니다.

[강의현]

JS과 Node.js 강의 내용을 바탕으로 직접 웹을 만들고 있습니다. 

Node.js 강의에서 만든 것처럼 처음부터 끝까지 따라하기 보다는 직접 구상하고 만들다보니 여러가지 변수가 있네요..

먼저 HTML과 CSS로 웹 제작하고 서버 연결하는 과정에 있는데요

 

이렇게 localhost8080으로 지정하고 연결했으나 지속적인 CSS 경로를 찾지못해 만들어놓은 페이지가 중구난방이 되버렸습니다. 

구글링해보니 경로 문제라고해 href="/youandmeweb.css" , href="youandmeweb.css" 모두 해봤는데 여전히 에러가 뜨네요

처음 페이지 제작할 때 bootstrap 배경에  여러 css요소를 추가해서 제작했는데혹시  bootstrap과 제가 설정한 css를 같이 쓸 수는 없는건가요?

경로 설정 관련해서 봐주시면 감사하겠습니다.

[codingapple]

public 폴더같은거 만들고 거기다가 css파일담으셔야합니다

그리고 app.use(express.static(__dirname + '/public')); 이런거 추가합시다 

[강의현]

강사님이 써주신 static 쓰니까 안되서 예전에 강의때 사용한

app.use('/public', express.static('public')); 이 코드 쓰니까 됐습니다!

혹시 위에서 적어주신 코드랑 이 코드랑 차이점이 먼가요??

댓글로 적어주신 코드는__dirname으로 현재경로 설정하신거같은데 차이점을 모르겠네요ㅠㅠ

[codingapple]

위는 전체 라우트에 express.static() 미들웨어추가고 밑은 /public으로 요청시 express.static() 미들웨어 추가같군요 

[글쓴이]

글