개선한 부분
gif 파일 적용
gatsby-remark-gifs 플러그인 추가
gatsby-remark-images플러그인을 쓰고 있는데 gif파일이 안올라가서 확인해보니 jpg, png만 지원한다고 합니다.
gatsby-remark-copy-linked-files을 사용하라고 나와있는데 gatsby-remark-gifs 라는 플러그인이 최근에 v5도 적용되게 업데이트 해줘서 이 플러그인을 사용해서 해결했습니다.
참고링크
remark-images -> https://www.gatsbyjs.com/plugins/gatsby-remark-images/?=image remark-gifs -> https://www.gatsbyjs.com/plugins/gatsby-remark-gifs/?=gif
개선할 부분
태그
- 홈 버튼을 눌렀을 때 필터링이 그대로 유지되고 있어서 필터링이 초기화 되도록 수정해야합니다. 태그 리스트에도 초기화 버튼을 추가하면 좋을 것 같습니다.
- 태그페이지를 사용하지 않았는데 글에서 태그를 클릭하면 태그페이지로 이동하게 추가하는게 좋을 것 같아서 수정할 예정입니다.
새로고침 CSS 적용 딜레이
현재 lighthouse도 100점이긴 하지만 새로고침 할 때마다 잠깐의 FOUC 현상이 발생하는 것 같습니다. 개선 브랜치를 작성해서 해결하고 merge 할 예정입니다.
Description 변경
따로 description을 적지 않고 내용 일부분을 요약해서 표시되도록 수정할 예정입니다.
UI 부분 수정
- 태그 리스트 배경 색을 좀 더 진하게 수정할 예정입니다.
- 포스트 간 구분을 명확하게 하기 위해 구분선을 추가할 예정입니다.
- 태그가 선택됐을 때 필터링은 잘되는데 사용자가 어떤 태그로 필터링 되는 중인지 알 수 없는 문제가 있습니다. 필터링중인 태그에 색상을 넣어서 알려주도록 수정할 예정입니다.
- 자기소개 부분을 태그 리스트 공간만큼 더 내려주고 있는데 붕 뜬 느낌이 들어서 위로 올리고 같이 내려오게 수정할 예정입니다.