kimbiyam / kimbiyam.log

🙋 Hi I'm Chang Hyun Kim

Resume

📕 Skills

📝 Blog

kimbiyam.log's Issues

이미지 확대 기능 추가

스크롤 다운 시 헤더 숨기기

profile card 추가

포스트 리스트 프리뷰 텍스트 일부 수정

태그 뱃지 디자인 변경

Tag 변경 시 다크모드 이슈

Tag 변경 시 route의 replace 로 url을 변경하는데
meta tag의 theme-color 가 제대로 변경이 되지 않는듯함

Next.js Image 컴포넌트 적용

https://github.com/remarkjs/react-markdown

프로필 링크 hover 컬러 수정

태그 버튼 컬러 전체 수정

라이트/다크 모드 비활성화 시 컬러 모두 수정 필요

헤더 디자인 변경

SWC 적용

전체적인 애니메이션 수정

• slide up 애니메이션 opacity 애니메이션으로 변경
• 포스트 페이지 애니메이션 제거 혹은 수정

스크롤 이벤트 렌더링 최적화

앱 전체에서 사용하고 있는 useDetectScroll hook에서 scrollAtom의 상태를 참조하지 않도록 변경 필요.
현재는 scrollAtom의 상태가 변경될 때마다 앱 전체가 렌더링 됨

robots meta 태그 noindex 값 수정

vercel/next.js#58615

next.js 이슈로 useSearchParams 사용 후 production 빌드 시 해당 페이지의 헤더에 robots meta 태그가 자동으로 noindex 값이 들어가는 이슈가 있음.
해당 이슈 해결 PR이 릴리즈되면 next.js 업데이트 필요..

전역 스타일 수정

html 태그 스타일 제거

포스트 리스트 프리뷰 개선

다크모드 버튼 디자인 변경

디자인 자체를 변경하거나 혹은
framer motion 적용하여 spring animation 적용

introduce 페이지 간소화

404 페이지 추가

Tag selector 변경

좌우로 draggable 가능한 형태로 변경 필요

레이아웃 수정 필요

레이아웃 수정 필요

Scroll to top button 추가

Scroll down 시 화면 하단에 Scroll to top button 버튼 추가

meta og 태그 이미지 변경

헤더에서 이미지 url optional로 받을 수 있게 변경

Table of contents scroll observer 개선

intersectionObserver에서 현재 active 상태인 id 가져오는 로직 개선필요

태그 버튼 선택 시 컬러 수정

페이지 라우팅 애니메이션 제거

모바일 UX가 불편하여서 페이지 라우팅 애니메이션 전부 제거

다크모드 렌더링 수정

서버 사이드 렌더링 시 유저의 다크모드 사용 여부를 알 수 있도록 구조 변경 필요

Contact 페이지 이름 변경

페이지 애니메이션 개선

포스트 inifinite scroll 적용

페이지 진입 시 일정 갯수의 포스트만 보여주고
그 뒤론 스크롤하면 나타나게끔 변경 필요

애니메이션도 새로 불러온 아이템들에게만 적용

구글 애널리틱스 스크립트 수정필요

인라인 코드 스타일 변경

• prefix suffix로 붙는 백틱 제거
• 백그라운드 컬러 설정

다크모드 색상 변경

다크모드 시 전체적인 색상 변경

모바일 환경 폰트 사이즈 변경

포스트 공유하기 추가

Introduce 메뉴 Contact 로 변경

footer 추가

포스트 태그 뱃지 추가

포스트 리스트와 포스트 보기에서 태그 뱃지 추가

애니메이션 개선

포스트에 table of contents 추가

페이지 라우팅 애니메이션 수정

framer-motion 패키지 업그레이드 후
iOS 모바일에서 페이지 라우팅 애니메이션이 부자연스럽게 되는 현상 수정 필요

heading link 추가

https://github.com/rehypejs/rehype-autolink-headings

모바일 다크모드 테마 변경 시 렌더링 느려짐 현상

모바일 다크모드 테마 변경 시 렌더링 느려짐 현상 해결 필요

scroll restoration 구현

framer motion 기반으로 page route animation 적용하면서 기존 사용하던 next js 에서 제공되는 scroll restoration을 제거함.
해당 기능 page route animation과 함께 호환이 가능하게끔 scroll restoration 구현 필요

네이버 서치 어드바이저 태그 추가