ch4md0m/gatsby-starter-dom

Simple UI Blog Template

👋 안녕하세요 Frontend Delveloper 노기훈입니다.
📝 글쓰기를 좋아하고 정보 공유를 중요하게 생각합니다.
🔥 새로운 기술에 대한 호기심과 성장에 대한 열망이 강합니다.

🛠️ Tech Stack

🚀 Follow me

📈 My Github Stats

gatsby-starter-dom's Issues

다크모드 아이콘 오류

다크모드 적용 후, 새로고침 할 때 아이콘이 유지되지 않는 오류 발생

다크모드 오류 수정

• 다크모드 전환 후, 새로고침하면 아이콘이 변경되는 오류 수정

TypeScript Migration

• 타입스크립트로 마이그레이션.
• npm -> yarn으로 마이그레이션.

플러그인 설정 수정

1. graphql 타입 선언 관련 플러그인 설정 수정
2. 이미지 플러그인 수정

검색 기능 추가

• search 페이지 추가
• 게시글 검색 기능 추가

TOC 개선

• 스크롤 관련 hooks 리팩토링
• UI 수정

siteMetaData hooks 생성

• 현재 siteMetaData를 파일에서 불러오는 것을 hooks를 사용해 데이터를 가져오도록 수정

게시글 Navigation 순서 변경

gatsby의 grapgql이 제공하는 정렬 기능으로 인해 현재 포스트 이전 날짜 포스트를 다음 포스트로 표시되고 있음.
가독성이 좋지 못해 현재 포스트 이전 날짜 포스트를 이전 포스트로, 이후 날짜 포스트를 다음 포스트로 변경해야 함.

작업할 내용

현재 포스트 이전 날짜 포스트: 다음 포스트 -> 이전 포스트
현재 포스트 이후 날짜 포스트: 이전 포스트 -> 다음 포스트

Category 게시글 표시

각 카테고리별로 게시글 개수를 표시할 수 있도록 추가하기.

블로그 레이아웃 수정

• 마크다운, 페이지 레이아웃 수정

게시글 미리보기의 TagLabel가 범위를 벗어나는 오류

TagLabel의 텍스트가 길어져서 PostPreview의 너비를 넘어가면 페이지에 스크롤이 생기는 오류.

작업할 내용

1. PostPreview의 너비를 넘어가는 TagLabel은 다음줄로 내려가도록 수정.
2. Hero 컴포넌트 누락된 width css 추가.

다크모드 FOUC 오류

다크모드 적용 후, 브라우저 새로고침하면 깜빡이는 현상(FOCU)가 발생함.

• 다크모드 관련 기능 리팩토링
• FOCU 오류 해결

ToC 기능 리팩토링

• hooks로 분리.
• 스크롤업 할 때, 이전 제목 활성화되도록 수정.

시스템 다크모드를 감지하지 못하는 이슈

시스템(pc, 모바일)의 다크모드를 감지해서 바로 전환되지 않는 오류가 있음.