메인페이지를 상세히 만들어 볼겁니다.
메인 페이지를 만들기 전에
navbar를 먼저 만드는게 좋아보입니다.
nav 바는 모든 ejs 페이지에 공통적으로 들어갈것 같은데
ejs 문법중에 <%- include('파일명.ejs') %>를 사용하면
같은 views 폴더에 있는 파일들의 ejs 파일을 가져다 쓸수 있습니다.
이렇게 쓰면 앞으로 상세 페이지 만들때마다 nav 복붙할필요 없이
include 문법을 사용하면 간단할것 같습니다.
nav.ejs 파일 view에 추가하고
일단 포괄적으로 이정도만 구성하고
css는 gpt-4 를 이용해서 작성해 보겠습니다.
이렇게 css 파일을 작성해 줬습니다.
3. 서버를 통해 메인페이지를 보여주기
get요청을 통해서 /경로로 get요청 받을경오 main.ejs 파일을 렌더링 해줍니다.
잘 실행되는것 같습니다.
메인페이지의 적당한 틀은 완성된것 같은데
다음 포스팅 부터 블로그를 만들때 필요한 기능들을 만들어 보겠습니다.
'블로그 express + mongodb 로 만들기' 카테고리의 다른 글
| 블로그 만들기(5) - 게시판 기능 만들기(상세페이지, 삭제 , 수정) (2) | 2023.12.22 |
|---|---|
| 블로그 만들기(4)- 게시판 기능 만들기 (pagination) (0) | 2023.12.20 |
| 블로그 만들기(3) - 게시판 기능 만들기 ( 글쓰기 ) (1) | 2023.12.19 |
| 블로그 만들기 (1) - 만들기 전에 해야 할 간단한 세팅 (0) | 2023.12.16 |
| 블로그를 만들어보자 (express + mongoDB) (0) | 2023.12.15 |