Wonhyeong's log 개인 블로그

개요

개인적인 학습을 기록하기 위한 기술 블로그입니다.

제가 학습한 내용들을 실제로 적용해보고 지속적으로 관리하고 개발하려는 목적으로 시작했습니다.

Gatsby-blog-starter 를 이용해 시작했고 필요한 기능들을 개발하고 개선하고 있습니다.

netlify를 이용해 배포합니다. https://wonhyeong.netlify.app/

사용된 기술

중점 사항

• Gatsby 최신 버전에 맞춰서 지속적으로 패키지를 업데이트하고 변경사항을 적용합니다.
• JS로 시작해서 TS로 변환하는 경험으로 TS 활용에 익숙해지도록 학습했습니다.
• 필요한 기능들을 직접 추가하면서 GraphQL 문법을 학습했습니다.
• ContextAPI -> redux toolkit 변환 등 학습한 기술들을 바로바로 적용해보도록 합니다.
• ESLint + Prettier + husky를 활용해 일관성있는 코드와 깃 커밋, PR, 이슈 작성에 집중했습니다.
• 배포는 master 브랜치 개발은 dev 브랜치에서 타입, 이슈별로 브랜치를 생성해서 개발을 진행하고 있습니다.

추가한 작업

• 레이아웃, 자기소개부분 변경
• 태그기능 추가
• 기존 CSS -> Emotion으로 변환

해결한 이슈

• UI 변경 및 CSS-in-JS(Emotion) 적용 후 FOUC 현상 해결 https://github.com/WonhyeongLee/Wonhyeong.develop.log/pull/4
• 아이콘 크기 문제 해결
  https://github.com/WonhyeongLee/Wonhyeong.develop.log/pull/2
• 이미지 태그에 스타일 적용하기