로고

나도 이제 내가 만든 블로그 있다~~!

2023-03-01

👋 에이치아이~

안녕하쎼여~~ 저는 쥬디라고 합니당....

💃 렛 미 인트로듀스 마 블로그

🛠️ 기술스택

  • Framework: Next.js
  • Database: PlanetScale
  • Deployment: Vercel
  • Styling: Tailwind CSS

NextJS는 사실 회사에서 처음 접해봤고, 개발을 처음 배울 때 썼던 쌩 react보다 조오금 더 복잡한 것 같긴하지만 그래도 성능 면에서는 확실히 좋은 것 같다는 생각을 했어요. 마크다운 관리는 ContentLayer을 썼는데... 낯설지만 나쁘지 않아요!

❓ 왜 블로그를 직접 만들었나?

그래서 더 공부할 겸 만들었고.... ㅎㅎ

무릇 개발자라면 기술블로그 하나쯤은 운영해야 하는 것 같기도 하고....

내가 아는 사람들이 내 블로그 보는 걸 원치 않고.. (그러니 만에 하나 이 블로그를 보고 저인줄 아셨더라도 제가 먼저 말하지 않는한 모른척 부탁드립니다...)

그렇다고 네이버 블로그를 쓰자니 뭔가 용도에 맞지 않는 느낌이 들고... 또 뭔가 일상 얘기 해야할 것 같고... (유남생..)

그렇다고 네이버 블로그에 너무 익숙해서 그런지 티스토리는 뭔가 묘한 불편함이 있었어요...

벨로그도 안 쓴 건 아니지만 그렇게 막 손이 가지 않더라구요..

그래서 어차피! 다른 사이드 프로젝트들을 안 할 것도 아니고!

애드센스 광고 달고 사이드프로젝트 할건데!

그냥 도메인 하나 사서!

애드센스 통과하고!

서브도메인으로 사이드 프로젝트 만들어야겠다!

...는 생각에 블로그를 뚱땅뚱땅 만들었답니다 ㅎㅎ

❤️ 도움받은 자료

NextJS 블로그를 만들면서... 참 많이 찾아본 것 같습니다..

몇몇 코드는 이해하지 않고 무지성으로 가져왔고... (이제 이해해봐야죠..) 몇몇 코드는 저에게 맞게 개선해서 가져왔는데 그 중 참고한 자료들 일부를 소개하겠습니당..

  • Miryang님 블로그 : 제 블로그의 얼개를 잡는데 도움을 주셨습니다.
  • leerob.io repo : 위의 Miryang님이 참고하셨다는 깃헙 레포인데... 진짜 너무 깔끔하고.... 너무 갓갓입니다... 저는 PlanetScale 하나도 모르는데 이분 코드 고대로 가져와서 썼어요.. 더 많이 배워서 업그레이드 해야죠... 진짜 많이 배운 레포!
  • ContentLayer로 TOC 만들기 : 벨로그처럼 목차를 만들고 싶었어요.. 그래서 찾다가 발견한 귀중한 자료..! tailwindcss로도 어떻게 깔끔하게 구현하는지 설명되어 있어서 아주 유익했습니다!

✨ 커스텀 블로그 만드니까 좋은 점

제가 직접 블로그를 만드니까 아무래도 더 애착이 가는 것 같아요 ㅋㅋ

하루에도 몇 번씩 들어와서 보고.. 개선 사항들이 눈에 보이고... 그런 것 같아요 ㅋㅋㅋ

디자인은 사실 tailwindcss가 다 해줬지만.. 그래도 너무 뿌듯하고 그러네용...

쉽지만은 않다는 것이 매력인 것 같아용.. ㅎㅎ

🤗 Next Step

아직 개선의 여지가 많은 블로그..... Public Repo로 돌릴 마음이 없기 때문에 (뭐 특출난게 없어서여,, ㅎ) 리드미를 여기에 적어보려고 합니다....

💪 TODO:

  • 글 개선
    • 카테고리 저장, 분류 가능하게
    • 태그 저장, 분류 가능하게
    • 블로그 글 하단에 같은 카테고리에 있는 다른 글 추천 섹션 넣기
    • 글 내부에 광고 넣고, 전면광고 비중 줄이기
  • 프로젝트 메뉴 만들기
    • 사이드 프로젝트들 전시하기
  • contact point 섹션 만들기
  • Guestbook 만들기 (인증은 최소화)

🐥 빠이!

아모튼 위의 내용들 열심히 작업해보겠읍니다... 그럼 안녕~!

Copyright © 2023 JUDY
judydev.com