Read Magic
README 초안 작성을 쉽고 빠르게 작성할 수 있게 도와주는 서비스
개발 관련 학습 및 프로젝트 경험의 기록
README 초안 작성을 쉽고 빠르게 작성할 수 있게 도와주는 서비스
daisyUI를 활용하여 Astro 프로젝트에 세련되고 접근성 높은 "맨 위로" 버튼을 구현하는 방법 학습하기
.git 폴더를 실수로 삭제했을 때 커밋을 복구하는 방법과 유용한 Git 명령어에 대해 알아보기
Next.js 프로젝트에서 shadcn/ui를 사용해서 반응형 사이드바를 구현하는 방법
프로젝트에 daisyUI를 설치하고, 사용하는 방법에 대한 정리
border-image를 사용해서 배경 이미지에 오버레이를 추가하는 방법
99Club에서 진행했던 스터디 기록으로 구현한 프로젝트
Next.js 프로젝트에서 노션 데이터베이스를 사용하는 방법의 단계별 정리
Astro와 Tailwind CSS를 사용해서 MDX 블로그를 구현하는 방법
Next.js, Vite, Astro에 Tailwind CSS v4를 적용하는 방법
개발 관련 학습한 지식 공유를 위한 기술 블로그
Tailwind CSS를 사용할 때 유용한 팁들에 대한 정리
Next.js의 App Router 및 Server Actions를 사용하여 이메일을 보내는 방법
Next.js로 온라인 포트폴리오를 구축하면서 얻은 경험과, 교훈에 대한 개인적인 회고
기존 Next.js 블로그의 프레임워크를 Astro로 전환한 후기
Vite로 구현한 Linktree 프로젝트
Vercel/og를 사용해서 섬네일과 OG(Open Graph) image를 자동으로 생성하는 방법
QR Code 라이브러리를 활용해서, 구현한 QR Code 생성기
간단하게 Thumbnail을 생성할 수 있는 웹 서비스
Next.js와 Contentlayer를 사용해서 블로그 템플릿 구현하기
React.Fragment에 대한 정리
리액트 서버 컴포넌트에 대한 정리
CSR, SSR, SSG에 관한 비교
추천 검색어 기능 구현
Debounce(디바운스)에 관한 정리
코드 스타일링 도구의 소개 및 사용 방법
Context API에 관한 정리
HTML에서 시맨틱 태그(Semantic Tag)의 종류에 관하여
Next.js로 기술 블로그를 구현했던 후기
영화에 대한 정보를 검색할 수 있고, 영화와 영화관 후기를 공유할 수 있는 커뮤니티
도서 후기 작성 서비스