Tags - next.js (26)

블로그에 RSS, JSON Feed 추가하기

Next.js에 구글 애드센스 적용하기

Next.js 블로그 mdx에서 이미지 복붙하기 (feat. Paste Image)

vscode markdown 파일에서 이미지를 기똥차게 사용해보자!

Next.js 블로그 Image Optimization

Next.js static html에서 이미지를 기똥차게 사용해보자!

Next.js 블로그 댓글 기능 추가하기 (feat. giscus)

💎 Giscus를 활용하여 Next.js 블로그에 댓글, 대댓글, 리액션을 달 수 있도록 해주자!

Next.js 블로그 Google Analytics 연동하기

블로그에 Google Analytics v4를 심어주자!

Next.js 블로그 sitemap 생성, 검색엔진 등록

`next-sitemap` 라이브러리를 사용해서 쉽게 sitemap 만들고 검색엔진에 등록하자.

Next.js 블로그 Github Pages에 자동 배포하기

Github Action을 활용하여 자동으로 Github Pages에 배포되도록 하자.

Next.js mdx plugin

`next-mdx-remote`에서 플로그인으로 이쁜 결과물을 만들자.

Next.js 블로그 글의 추가 정보 파싱하기

gray-matter, reading-time 등을 활용하여 글에 대한 추가 정보를 알아내자.

Next.js 블로그 글 페이지 만들기

glob를 활용하여 디랙토리 기반으로 페이지들을 생성해보자 🤔

기술 블로그를 만들 때 고려해야 할 점

블로그를 만들 때 어떤 것들을 고려해야 할까? 🤔

라이브러리없이 DND TODO 칸반보드 만들기

라이브러리 없이 React에서 Drag and Drop TODO 칸반 보드를 구현해보자!!!

react-beautiful-dnd로 TODO 뽀개기

라이브러리를 활용해서 React에서 Drag and Drop TODO 칸반 보드를 구현해보자!!!

DND 이벤트 뽀개기

라이브러리 없이 React에서 Drag and Drop 이벤트를 구현해보자!!!

Drag Carousel 뽀개기

라이브러리 없이 React에서 터치로 캐러셀을 만들어 보자!!!

Drag Resize 뽀개기

라이브러리 없이 React에서 element 크기를 drag해서 조정하자!!!

Drag Touch 뽀개기

라이브러리 없이 React에서 element를 터치로 움직이게 하자!!!

Drag 이벤트 뽀개기

라이브러리 없이 React에서 element를 커서로 움직이게 하자!!!