SEO Jing
엄청난 피드백.
CLI 코드 리뷰에서 받은 피드백과 전체 코드 수정 계획을 정리했다.
DevLogSEO JingInsight
전체적인 플로우
1분 읽기
기술 스택 선정
처음으로 배포를 본격적으로 해본거라 여러 선택 사항이 많았지만, 키워드는 최신의 스택으로 만들어보자.
왜냐하면 AI 어시스턴트가 많은 영향을 미치지 않게 할려면, 자료가 적은 최신의 스택이 좋아보이기에.
선택한 스택
- vinext: Next와 Vite의 장점을 합친 프레임워크 - got/ky: axios를 대체할 수 있는 HTTP 기반 - TanStack Query: 이건 뭐 대체가 없다
CSS 고민
고민 중인건 CSS인데...
- Tailwind
- Vanilla Extract
- Panda CSS?
사실 디자인 시스템을 구현하지 않고, 가져다 쓴다면 Tailwind가 정배긴하다.
배포와 백엔드
그리고 vinext를 쓰기에, Vercel이 아닌 Cloudflare로 배포하고. 하는 김에 Worker로 API DB 쿼리 구축하거나, MDX 파일로 SSR이니깐, 그냥 CRUD도 Giscus로 댓글만 구현해보면 될듯?
Post Q&A
오케이징에게 물어보기
전체적인 플로우 전체를 기준으로 질문과 피드백을 받아요.답을 본 뒤에는 이 내용을 댓글로 달아서 서징에게도 물어볼 수 있어요. 작성자가 직접 볼 수 있어요!
0/500
포스트 목록
같은 섹션의 대표 이미지
10 posts · latest firstSEO Jing
생각보다 어려웠던 댓글, 완독 로컬스토리지.
localStorage만으로 글 읽기 추적, 스크롤 진행률, 댓글 감지를 구현한 과정을 정리했다.
SEO Jing
MDX 관련 이슈 노트.
블로그 디테일 페이지에서 MDX를 렌더링하기 위해 검토한 라이브러리들과 최종 선택 과정.
SEO Jing
디자인 시스템을 구축할 때 주의할 점.
디자인 시스템 구현 시 파일 구조, 디자인 토큰, 유의 사항을 정리했다.
SEO Jing
폰트는 왜 메인 페이지에서만 적용이 안되고 있었을까?.
Tailwind v4 환경에서 폰트가 메인 페이지에서만 적용되지 않던 원인과 Hydration Mismatch 이슈를 정리했다.
SEO Jing
MDX DOM 트리 파싱하기.
MDX 파일의 경로 탐색 로직과 콘텐츠 트리 생성 과정을 정리했다.
SEO Jing
결국 Node.js 까지 와버렸다.
MDX 파일 구조를 JSON으로 변환하기 위해 Node.js의 fs 모듈을 배워봤다.
SEO Jing
전체적인 플로우.
SEO Jing 프로젝트의 기술 스택 선정과 전체적인 개발 플로우 정리.
SEO Jing
Storybook으로 디자인 시스템 테스팅하기.
Storybook의 사용법과 디자인 시스템 개발에서의 장점을 정리했다.
SEO Jing
MDX가 뭘까?.
MDX의 개념과 블로그에서 활용하는 이유를 정리했다.