[SW 코딩] 웹 개발 포트폴리오 만들기 프로젝트

01. 자기소개 페이지 만들기

 

 

Template Engine을 활용해서 이미 있는 코드들 사이에 기능 추가하기

• Template Engine : JavaScript를 사용해 HTML을 동적으로 렌더링할 수 있게 해주는 엔진
• PUG : 템플릿 엔진 중 Express View 엔진으로 npm으로 설치가 가능하다.

 

02. 게시판 만들기

 

게시판의 상세페이지 확인, 게시물 추가, 수정, 삭제 기능 (CRUD) 구현하기 

 

1. app.js 에 라우터를 등록
2. /models/schemas/posts.js 에서 스키마를 설정
3. /models/index.js 에서 스키마를 바탕으로 몽구스를 설정하고 (2)에서 만든 모델을 바탕을 스키마를 생성합니다.
4. router/posts.js 에서 작업을 진행. GET LIST는 구현되어있다는 전제하에 다음 4가지 기능을 구현하기:
   1. GET shortId
   2. POST
   3. POST /shortId (Update)
   4. DELETE shortId

 

03. 페이지네이션

 

많은 게시물 리스트가 한 번에 발생했을 경우 페이지네이션을 통해 아래와 같이 만들어보기

 

• PUG의 mixin 기능을 사용해보기

 

 

• 실습에서 사용했던 주요 코드들은 깃 허브에 올렸습니다!

https://github.com/parkes811-inu/2022AI-SW-OnlineEducationProject