내 블로그 만들기 #1 설계

부스트캠프....

21년 6월 26일 부스트캠프 2차 코딩테스트를 치뤘다. 결과는 아직 나오지 않았지만.... 슬픈 예감이 들어 낙담하는 중이다.. 하지만 내가 슬퍼하고 있는 동안 다른 사람들은 코드 한글자라도 더 적을 것이다. 이에 내가 직접 블로그를 만들며 내 기술스택을 점검해보고자 한다.

---

설계

필요한 페이지와 기능은 다음과 같다.

페이지

1. 메인 페이지
2. 포스트 페이지
3. 로그인 페이지
4. 등등...

기능

1. 관리자 로그인
2. 포스트 작성
3. 댓글 작성
4. 태그별 모아보기
5. 검색 기능
6. 카테고리 설정
7. 등등...

추가로 필요한 기술은 작성하며 확장해보도록 한다..

---

요구 사항

반년전 SNS 프로젝트를 계획하며 제작하였었다. 혼자하는 만큼 시행착오가 굉장히 많고 발생하는 오류또한 심심치 않게 발견되었다. 이번 프로젝트 또한 혼자서 진행하는 만큼 많은 시행착오가 있을 것이다. 다만 초기 설계를 확실하게 잡고 진행하며 오류가 적고 오류가 발생하지 않을 것이라는 희망은 버렸다.. 튼튼한 사이트를 만들어 보고자 한다.

프론트

1. Javascript
   • 가장 자신있는 JS를 통해 프로젝트를 제작하고자 한다. 추후 Typescript를 통한 리펙토링을 진행할 예정이다.

2. ReactJs
   • VueJs 사이에서 고민했지만 겉핥기 식으로만 알고있는 Vue 보단 그마나 오랜시간동안 공부한 ReactJs를 선택했다. (SPA 등)

3. NextJs
   • Server Side Rendering 등 NextJs를 통해 ReactJs App을 제작시 가져올 수 있는 이점은 굉장히 많다. 물론 단점도 있지만

4. Emotion
   • 리펙토링에 대한 이점, 파라미터 사용 등 다른 라이브러리와 비교했을 때 모듈 사이즈가 더 적고 Styled-compoenets와 다르게 설정이 복잡하지 않은 Emotion 라이브러리를 선택했다.

백엔드

1. NodeJs
   • JS를 통해 코드를 작성할 수 있는 NodeJs를 사용한다.

2. Mysql
   • 필수

3. ExpressJs
   • 웹서버를 생성하기 위해 사용하는 모듈 중 ExpressJs를 사용한다.

4. Sequelize
   • JS를 통해 객체 형태로 코드를 작성하여 데이터베이스를 생성할 수 있는 Sequelize를 사용한다.

---

쉽지 않은 여정이 될 것 같긴 하지만 굉장히 재미있을 것 같다. 더 필요한 내용은 프로젝트를 진행하며 추가하도록 한다.