- css파일이 있는 폴더를 server.js에 등록해주자.
우선 현재 css파일이 있는 폴더는
이런식으로 public폴더 안에 넣어뒀다.
그렇다면 server.js로 가서 상단에
app.use(express.static(__dirname + '/public'));app.use(express.static(__dirname + '/폴더명'));
이렇게 등록시켜줄 수 있다.
등록을 시켜줬으면 이제 html 파일에 link태그를 사용하여 원래 쓰던 것처럼 써주면 된다..!
<link href="/main.css" rel="stylesheet" />
직접 넣으며 테스트 해보기
index.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link href="/main.css" rel="stylesheet" />
</head>
<body>
<div class="nav">
<a class="logo">kimLrLr</a>
<a>Page1</a>
<a>Page2</a>
</div>
<h4>안녕</h4>
<p>반가워</p>
</body>
</html>main.css
body {
margin: 0;
}
.nav {
display: flex;
padding: 15px;
align-items: center;
background: white;
}
.nav a {
margin-right: 10px;
}
.logo {
font-weight: bold;
}
10분의 정리로 10시간을 아낄 수 있다는 마음으로 글을 작성하고 있습니다💕