안녕하세요! 드디어 새로운 블로그를 개장했습니다. 기존의 정적 마크다운 블로그에서 벗어나, 직접 백엔드 서버를 구축하고 에디터를 통합한 시스템으로 이전하게 된 과정을 기록해 보려 합니다.

1. 프로젝트 개요: 왜 바꿨는가?

이전 블로그는 마크다운 기반이라 관리가 편할 줄 알았지만, 현실은 달랐습니다.

• 수정의 번거로움: 단순한 오타 하나를 고치려고 해도 로컬에서 코드를 수정하고 다시 배포해야 하는 과정이 너무나 귀찮았습니다.

• Preview와 실제의 괴리: 로컬 에디터에서 보던 화면과 실제 배포된 화면의 레이아웃이 미세하게 달라, 이를 맞추기 위해 번갈아 확인하며 소모되는 피로도가 상당했습니다.

결국 "내가 글 쓰는 데에만 집중할 수 있는 환경을 직접 만들자"는 생각으로 개선을 시작했습니다.

2. 기술 스택: 신뢰할 수 있는 구성

직접 서버를 띄우고 운영하기 위해 익숙하면서도 탄탄한 스택을 선택했습니다.

• Backend: NestJS, Prisma

• Database: PostgreSQL

• Infrastructure: Oracle Cloud, Docker, Docker-compose

• CI/CD: GitHub Actions

전체적인 배포 프로세스는 깃허브 액션을 통해 오라클 서버에서 도커 컨테이너가 자동 실행되도록 자동화하여, 배포에 대한 신경을 최소화했습니다.

3. 에디터 선정: Tip-tap

블로그의 핵심인 텍스트 에디터로는 Tip-tap을 선정했습니다. 여러 라이브러리를 검토했지만, 무료이면서도 디자인이 매우 깔끔하고 커스텀이 유연하다는 점이 결정적이었습니다. 이제 화면에서 내가 보는 그대로의 글을 바로 서버에 저장할 수 있게 되었습니다.

4. 어려웠던 점

사실 구축 과정에서 포스트 추가/수정, 임시 이미지 저장/삭제, 토큰 관리 등 여러 삽질(?)이 있었는데요. 글이 너무 길어질 것 같아 이 기술적인 트러블슈팅 내용은 다음 포스팅에서 상세히 다뤄보도록 하겠습니다.

5. 마무리하며: 성장하는 블로그를 꿈꾸며

그동안 회사 실무 업무에 치여 바쁘다는 핑계로 개인 개발이나 공부한 내용 정리에 소홀했습니다. 정작 나만의 시스템을 가꾸는 데 소홀했다는 반성이 들더군요.

현재 이 블로그는 Next.js 14와 React 18 기반으로 제작되었습니다. 벌써 세상은 Next.js 16, React 19가 나오고 있는데, 최신 기술 트렌드에 뒤쳐지지 않도록 꾸준히 블로그를 개선해 나갈 예정입니다.

앞으로 이곳에 저만의 성장 기록을 차곡차곡 쌓아가려 합니다. 지켜봐 주세요!