블로그의 필요성
개발자의 역량 중에서 문서화를 잘 하는 개발자, 기록을 잘 하는 개발자라는 역량도 좀 중요해진 것 같다. 또 배운 것을 글로 녹여보는 과정이 필요한 것 같다는 생각도 들었다. 공부하면서 배웠던 것을 기록을 통해 복습하면서 내 생각을 써보는 것도 공부에 도움이 크게 될 것 같기도 하고. 그래서 올해는 블로그를 만들어 내 생각을 잘 녹여내는 연습을 해보기로 결심했다.
왜 직접 만들기로 했나?
거의 반년간 쉬면서 머리가 좀 굳은 상태였기 때문에, Next.js로 직접 블로그를 만들어 보면서 해당 프레임워크를 복습하고 새롭게 배운 걸 적용할 수 있는 좋은 기회가 될 것 같았다. 블로그 디자인은 드림 코딩 Next.js 강의에서 썼던 디자인을 그대로 쓰기로 했다. 작년 이맘때쯤 해당 강의를 들으면서 공부했던 적이 있는데, 그때 블로그 프로젝트에서 다뤘던 디자인이 꽤 마음에 들었어서 나중에 직접 만든다면 이 디자인 그대로 써야지! 하는 생각을 갖고 있었다. 그걸 이제 실현할 차례인 것!
기능을 정리해보자
페이지는 간단하게 기능에 충실할 수 있도록 홈, 포스트 목록 페이지 정도로만 구성했고 세부 기능은 다음과 같다.
- 메인 화면의 히어로 이미지 (여기서 히어로 이미지란 웹 페이지 상단에 위치한 큰 배너를 뜻하는 웹 디자인 용어라고 한다!)
- 깃허브처럼 고정된 포스트 목록 (Featured Post로 칭하기로 했다)
- 캐러셀을 이용한 그외 나머지 포스트 목록
- 하단 Footer에는 깃허브 링크과 저작권 표시
- 카테고리별로 필터링 된 포스트 보여주기
- 마크다운 뷰어를 통해 블로그 포스트 내용 보여주기
그럼 이제 본격적으로 블로그를 만들어 볼까!