Wonhyeong's log

개선할 부분과 개발할 부분 정리

June 08, 2023

Gatsby Blog

개선한 부분

gif 파일 적용

gatsby-remark-gifs 플러그인 추가 gatsby-remark-images플러그인을 쓰고 있는데 gif파일이 안올라가서 확인해보니 jpg, png만 지원한다고 합니다. gatsby-remark-copy-linked-files을 사용하라고 나와있는데 gatsby-remark-gifs 라는 플러그인이 최근에 v5도 적용되게 업데이트 해줘서 이 플러그인을 사용해서 해결했습니다.

참고링크

remark-images remark-gifs

개선할 부분

태그

  • 홈 버튼을 눌렀을 때 필터링이 그대로 유지되고 있어서 필터링이 초기화 되도록 수정해야합니다. 태그 리스트에도 초기화 버튼을 추가하면 좋을 것 같습니다.
  • 태그페이지를 사용하지 않았는데 글에서 태그를 클릭하면 태그페이지로 이동하게 추가하는게 좋을 것 같아서 수정할 예정입니다.

새로고침 CSS 적용 딜레이

현재 lighthouse도 100점이긴 하지만 새로고침 할 때마다 잠깐의 FOUC 현상이 발생하는 것 같습니다. 개선 브랜치를 작성해서 해결하고 merge 할 예정입니다.

Description 변경

따로 description을 적지 않고 내용 일부분을 요약해서 표시되도록 수정할 예정입니다.

UI 부분 수정

  • 태그 리스트 배경 색을 좀 더 진하게 수정할 예정입니다.
  • 포스트 간 구분을 명확하게 하기 위해 구분선을 추가할 예정입니다.
  • 태그가 선택됐을 때 필터링은 잘되는데 사용자가 어떤 태그로 필터링 되는 중인지 알 수 없는 문제가 있습니다. 필터링중인 태그에 색상을 넣어서 알려주도록 수정할 예정입니다.
  • 자기소개 부분을 태그 리스트 공간만큼 더 내려주고 있는데 붕 뜬 느낌이 들어서 위로 올리고 같이 내려오게 수정할 예정입니다.

Profile picture

안녕하세요 이원형 입니다.

학습을 기록하기 위한 공간입니다.

© Wonhyeong's Log

2024, Built with Gatsby