전에 회사다닐 때, 도메인까지 구입하여 블로그를 만든 적이 있었다.
(지금은 정말 다양하고 편리한 기능을 제공하는 블로그 사이트들에 반해 진작 접었지만..)
처음 만들었을 당시에는 그래도 내가 직접 만든 사이트에 장기간 좋은 글을 계속 쓴다면 나름 나만의 브랜드 사이트를 만들 수 있다는 상상을 했었던 것 같다. (꿈만 컸네.. 쩝.)
지금은 티스토리에 이렇게 글을 쓰지만 아... 너무 좋은 것 같다. Django Admin에 Ckeditor 붙여서 사용할 때는 뭐 나름 나쁘지는 않았지만 별도 추가 개발을 안하고 너무 기본 기능만 쓰다보니 비교가 되는 건 어쩔 수 없나보다.
이젠 사용하지 않으니 소스코드를 공개로 전환하는 과정에서 조금 고치고 싶은 욕구가 샘솟아 몇 가지를 고치고 전환하였다.
참고로 처음 이 블로그를 만들 때는 '우아한 형제들 테크 블로그'의 UI를 많이 참고했었다. 예를 들어
- 카테고리와 태그는 다중선택이 가능하다.
- 카테고리 선택 시, 선택된 카테고리에 속한 포스트 리스트와 그에 속하는 모든 태그가 나열된다.
- 카테고리와 태그 선택 시(여러 개 선택 포함), 그에 속한 포스트들은 AND 조건으로 검색된다.
- 포스트 상세페이지를 들어갔다가 '뒤로가기'했을 경우, 이전 선택된 카테고리, 태그, 포스트 리스트의 페이지 번호(Pagination)가 유지된다.
- 페이지 Refresh 했을 경우, 선택된 카테고리와 태그들은 초기화된다.
이런 조건들이었는데 Frontend에서 구현하기가 생각보다 어려웠다.
(React 다시 공부해야겠ㄷㅏ…)
사용기술
[Backend]
- Python v3.11
- Django v4.2.2 (+Django CKEditor)
- Django REST framework v3.14.0
[Frontend]
- Node.js v18.16.1
- npm v9.5.1
- React v18.2.0
- React Router
- React Query
- Tailwind CSS
[추가된 기능]
- Google analytics 추가
- Utterances 댓글 추가
화면 스크린샷
형상주소
'Project > [Project] React DRF Blog' 카테고리의 다른 글
| [Backend] 정리 - 1 (0) | 2023.06.29 |
|---|---|
| [Frontend] 정리 - 1 (0) | 2023.06.29 |