👋 에이치아이~
안녕하쎼여~~ 저는 쥬디라고 합니당....
💃 렛 미 인트로듀스 마 블로그
🛠️ 기술스택
- 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 만들기 (인증은 최소화)
🐥 빠이!
아모튼 위의 내용들 열심히 작업해보겠읍니다... 그럼 안녕~!