React 게시판 만들기 : 준비과정 (1)

Creating the Components

우선 필요한 component는 아래와 같다. 

 

1. NoticeComponent.js : 게시판리스트

2. NoticeDetailComponent.js : 게시글 상세화면

3. NoticeModifyComponent.js : 게시글 수정화면

4. NoticeWriteComponent.js : 게시글 작성화면, 3과 4는 합쳐도 됩니다. 

5. EditorComponent.js : 글 작성할 에디터 화면

6. Pagination.js : 게시글 밑에 pagination component

7. UploadFiles.js : 첨부파일 component

 

Creating the Collections

mongodb collection은 아래와 같이 한다. 

1. notice : 게시글 

{
    "_id": 1,
    "Id": "bigexecution",
    "userName": "홍*동",
    "title": "제목입니다.",
    "desc": "<p>내용입니다.</p>",
    "readCount": 0,
    "fileList": [],
    "date": "2020-09-23 17:54:05.025"
}

2. noticeView : 조회수 관리

{
  "_id": "5f6445c37548c868c8effa72",
  "noticeId": "1",
  "Id": "bigexecution"
}

Creating the CRUD APIs

api는 아래와 같다. 

1. /noticeList : 게시글 리스트 가져오기 

2. /saveNotice : 게시글 저장하기 

3. /noticeDetail : 게시글 상세조회

4. /deleteNotice : 게시글 삭제

5. /updateNotice : 게시글 수정하기

6. /saveNoticeView : 조회수 수정

7. /files : 첨부파일 업로드