태그:
#UI
![[프론트엔드 고도화-4] 메인 페이지 재구성](https://blog-image-bucket-bloginfrastack.s3.ap-northeast-2.amazonaws.com/thumbnails/61877159-d048-4430-9242-2c1d85fdf763.webp)
[프론트엔드 고도화-4] 메인 페이지 재구성
[TOC] 4. Next.js 블로그 고도화: 메인 페이지 재구성 1. 도입 'Deep Dive!'의 초기 버전 메인 페이지는 최신 게시물을 시간순으로 나열하는 단순한 목록 형태였다. 기능적으로 문제가 없고 심플한 게시물 목록을 볼 수 있었다. 하지만 메인 페이지에 처...
💬 0·💕 0·👀 40
![[프론트엔드 고도화-1] 모바일 화면 최적화](https://blog-image-bucket-bloginfrastack.s3.ap-northeast-2.amazonaws.com/thumbnails/3bcd9243-2c06-43a9-b2a6-a9834a65aac8.webp)
[프론트엔드 고도화-1] 모바일 화면 최적화
1 모바일 최적화 블로그의 핵심 기능 개발을 마친 후, 가장 먼저 손대기로 한 것은 '모바일 최적화'였다. 블로그의 핵심 기능은 읽기에 대한 UI/UX라고생각해서, 이번 고도화의 목표는 데스크탑에서는 잘 보이던 블로그를 모바일에서도 쾌적하게 사용할 수 있도록 만드는 것...
💬 0·💕 0·👀 59
![[🌙다크 모드 - 2부] 다크 모드 도입 성공기](https://blog-image-bucket-bloginfrastack.s3.ap-northeast-2.amazonaws.com/thumbnails/DeepDive.png)
[🌙다크 모드 - 2부] 다크 모드 도입 성공기
다크 모드 도입 성공기 실패의 기록, 모든 것의 시작점 1부의 마지막, 나는 '전략적 후퇴'라는 이름으로 다크 모드 도입을 잠정 중단했다. 모든 것이 정상적으로 동작하는 것처럼 보였지만, 결과적으로 아무것도 변하지 않았던 기이한 현상. 그 미스터리는 풀리지 않는 숙제처...
💬 0·💕 0·👀 115
![[UI/UX 개선 1부] 무한 스크롤 & 스켈레톤 UI 도입](https://blog-image-bucket-bloginfrastack.s3.ap-northeast-2.amazonaws.com/thumbnails/d30e25f8-3420-49a1-b582-87dcdbccefdf.webp)