🚀 Hayeon's Dev blog

4년차 프론트엔드 개발자 김하연의 기술 블로그입니다.

• 블로그는 여기에서 확인하실 수 있습니다.
• 저에 대한 자세한 설명은 about 페이지에서 확인하실 수 있습니다.

문의사항은 [email protected] 으로 연락 부탁드립니다.

사용 스택

• gatsby
• react

🚀 작업한 기능들

• 게시글 리스트
• 게시글 상세 페이지 & 내용 넣기
• 구글 애널리틱스 적용
• 다크모드 구현
• codeblock 스타일 변경
• 카테고리 레이아웃
• 카테고리 기능 추가
• 다음 페이지 버튼 레이아웃
• SEO 적용
• Disqus를 Utterance로 변경
• 검색 기능 추가
• 조회수 추가
• infinite scroll 기능 추가
• 리로드시 css 파일 delay 문제 해결
• SEO 최적화 (키워드 적용)
• sns 공유 기능
• 키워드 배지 추가
• 좋아요 기능

참고 사이트

• 검색기능: https://aboutmonica.com/blog/create-gatsby-blog-search-tutorial/
• 검색기능2: https://yohanpro.com/posts/gatsby-search
• 무한 스크롤: https://woong-jae.com/gatsby/210824-infinite-scroll
• SNS 공유 버튼: https://edvins.io/add-social-share-buttons-to-gatsby-blog
• 좋아요 Clap 버튼: https://lyket.dev/docs/react
• jbee 블로그: https://github.com/JaeYeopHan/jbee.io