목록으로
블로그

Hello World - 첫 번째 블로그 포스트

Next.js와 TypeScript로 만든 블로그의 첫 번째 포스트입니다.

tutorialbeginner
5 min read
Hello World!
그림 1. 첫 번째 블로그 포스트

Hello World!

이 글은 저의 첫 번째 블로그 포스트입니다.

코딩을 하다보니 특정 정보들에 대해서 기록해두고, 다른 사람과 공유하고 싶다고 생각했던적이 많았습니다. 그래서 개발정보 블로그 운영을 하겠다고 다짐했었지만, 회사일이 바쁘다는 핑계로 지금까지 블로그 운영을 미루어 왔습니다. 그리고 오늘! 마침내 바이브 코딩을 적극 활용해 Next.js 기반으로 블로그를 만들어 첫글을 게시하였습니다. 이번 첫번째 글에서는 블로그를 gh-pages로 운영하려는 이유와 현재 블로그에 사용한 기술 스택에 대해 적어보겠습니다.

gh-pages로 블로그를 운영하는 이유

gh-pages로 블로그를 운영하는 이유는 3가지가 있습니다.

  1. 블로그 디자인의 자율성
  2. 글 작성시마다 git commit 생성
  3. markdown 이용가능

첫번째 이유는, 디자인의 자율성입니다. 취업준비를 할때 Naver 블로그를 운영해봤습니다만, 디자인이 매우 제한적이고 제가 원하는 형태대로 사용하기에는 어려운 환경이었습니다. 티스토리 벨로그 등 여러가지 찾아보았지만 디자인에 제약이 없고, 처음부터 원하는 대로 만들 수 있는 gh-pages가 좋겠다고 생각하였습니다.

두번째 이유는, 글을 작성하거나 블로그를 꾸밀때마다 git commit 메시지가 생성된다는 점입니다. 회사에서는 GitHub대신 GitLab을 사용하고 있어서, 개인 프로젝트를 수행하지 않는 이상 Github의 잔디가 채워질 일이 없습니다. ㅠㅠ 블로그 글을 작성하면 git commit이 생성되니 저로써는 gh-pages를 블로그로 안쓸 이유가 없었습니다.

마지막 세번째 이유는, markdown 이용이 가능하다는 점입니다. 평소 개발하면서 공부하거나 기록할만한 것들을 Obsidian을 이용해 markdown 파일로 기록해 왔습니다. 블로그에서 글을 작성할때 markdown을 지원하면 Obsidian에 작성해 놓은 내용을 그대로 블로그에 사용할 수 있기 때문입니다.

블로그 구현

블로그를 구현한 방법에 대해서는 다른글에서 자세하게 작성해보겠습니다. 이번 글에서는 사용한 기술 스텍에 대해서만 간략하게 서술하겠습니다.

기술 스택

분류기술용도
프레임워크Next.jsReact 기반 풀스택 프레임워크
UI 라이브러리React컴포넌트 기반 UI 구축
언어TypeScript타입 안정성 보장
스타일링Tailwind CSS유틸리티 기반 CSS
배포GitHub Pages정적 사이트 호스팅

마무리

이렇게 마크다운을 활용할 수 있는 나만의 블로그를 구축해보았습니다. 앞으로 개발하면서 배운 내용들을 이 블로그에 기록하면서, 댓글, 검색 등 블로그 기능도 추가해 나갈 예정입니다.