나만의 개발 블로그 만들기.
아무것도 준비 안 된 상태에서 구상 먼저 해보는 시간입니다.
이제부터 의식의 흐름에 따라 뭔가 정리해 보도록 하겠습니다.

이번 구상의 결과물은 맨 아래쪽에 있습니다.

뭘 하고 싶은가

• 내가 알고 있는 지식이나 공부한 내용들(이하 컨텐츠)을 정리해서 공유하고 싶다

뭘 만들고 싶은가

• 컨텐츠들을 사람들에게 보여주는 웹서비스

그럼 그 시스템은 어떤 구조일까

1. 정적 사이트를 만든다면 HTML, CSS, JS, IMG 등 정적 데이터만 주는 웹서버 하나만 있어도 충분하겠다

   • 그럼 컨텐츠가 추가될 때마다 재배포 해야 한다. 배포 자동화를 구축하면 편리하긴 하겠지만 내가 원하는 그림은 아니다. 물론 배포 자동화는 구축할거다.
   • 개발 블로그를 만드는 과정조차 공부다. 뭔가 더더욱 공부가 되도록 각 잡고 만들고 싶다.

고로 1번은 버리고 다시 생각한다

2. FE/BE를 분리해서 BE에서는 컨텐츠를 관리하고, FE에서는 방문자에게 컨텐츠를 보여주자.

   • 서버들이 배포된 상태에서 내가 새로운 컨텐츠를 업로드 하는 모양새로 가자.
   • 카테고리에 따라 다른 컨텐츠를 보여줘야 되겠는데, 관리자 페이지를 통해 카테고리를 관리해보자.
   • 그럼 관리자 페이지에서는 (1) 카테고리 관리하고, (2) 컨텐츠 추가/수정/삭제 기능만 있으면 되겠다.

메인 화면을 따로 둘까? 따로 두면 뭘 보여주지? 따로 두는걸로 하고 뭘 보여줄지 생각해 보자

메인 화면에서 뭘 보여줄까

• 일일 방문자 카운트
• 카테고리 목록
• HOT 컨텐츠 바로가기

큰 그림은 다 그리지 않았나 싶다. 뭘 만들 건지 다시 정리해 보자

뭘 만들고 싶은가 (최종)

1. FE 서버 (React)

   • 카테고리에 따른 컨텐츠 게시판 표시
   • 관리자 페이지 제공 (카테고리 관리, 컨텐츠 추가/수정/삭제 기능)

2. BE 서버 (Express. REST API)

   • 컨텐츠 관리
   • 관리자 인증

+ 개발 환경 구상

• BE는 Typescript로 TDD를 해보자
• FE, BE 모두 배포 자동화를 구축해 보자. 배포 자동화 서비스가 한 가지가 아닐 테니까 FE, BE 각각 다른 서비스로 배포 자동화를 구축하고 비교해 보자.

++ 향후 계획

1. (FE) 화면 구성, 사이트맵 작성
2. (FE) 화면별 필요한 데이터 정립
3. (BE) API 문서 작성
4. (BE) 데이터 관리 방식 구상
5. 전체 시스템 구조도 작성
6. (BE) 서버 생성, TDD 및 배포 자동화 구축
7. (FE) 서버 생성, 배포 자동화 구축
8. (BE) API 문서 토대로 TDD 진행
9. (FE) UI 구상
10. (FE) UI 제작 및 API 연동
11. 보안 점검