Blog
DogKaeBi Blog
중국/광둥 이야기, 블로그 개발 이야기, 일상 이야기
[Next.js] Database 없는 설계 고려
데이터베이스가 없으면 어떻게 될까?하는 궁금증으로 여러 생각을 해 봤다. 결론은 차후 데이터베이스는 필요하지만 지금은 사용하지 않아도 필요한 기능이 작동한다.
[Next.js] 구글 드라이브를 Storage로 사용하기
파일을 저장하는 저장소를 고려하다가 구글 드라이브를 사용하는 방법을 모색해봤다
[Next.js] 데이터베이스 FireStore
Database로 Firebase의 FireStore를 사용해봤지만 결국은 사용을 중단했다. 사용법은 간단했지만, 데이터 하나당 읽기 한번으로 카운팅하는 것이 부담스러웠다.
[Next.js] jsconfig.json의 paths
import 경로를 간략화하기 위해서 jsconfig.json의 paths를 수정하기.
[Next.js] 마크다운 종합편
fetch > gray-matter > markdown-to-jsx > typography > prism.js 의 순서로 일기 내용을 완성했다.
[Next.js] 마크다운 프론트매터. gray-matter
Markdown의 내용을 읽어서 출력은 하고 있지만, 제목 같은 내용이 없다. 일기의 정보를 프론트매터로 만들어서 post페이지에서 읽게 만들었다.
[Next.js] 코드 하이라이트. prism.js
Prism.js를 사용해서 읽어온 Markdown의 pre code 텍스트를 highlight 했다
[Next.js] 블로그 페이지. 마크다운 디자인
tailwind css의 Typography 플러그인을 사용해서 markdown의 기본 디자인을 만들어보기