
FSD로 프로젝트 폴더 구조를 효율적으로 정리하는 방법
이번 프로젝트에서 순차적으로 열리는 3개의 모달을 구현하는 과정에서, 모달 간 의존성이 생기는 문제가 발생했다. 기존에는 useState를 활용한 개별 상태 관리와 ModalPortal을 사용했지만, 다중 모달을 다루기에는 비효율적이었다. 이번 글에서 다중 모달을 효율적으로 관리하는 방법을 소개하려고 한다. 기존 모달 구현 방식 1. useState를 ...

JPEG → WebP 변환에 따른 웹 성능 지표(LCP, Performance, 이미지 용량) 변화

성능 최적화 지표에 기반한 WebP 전환의 기술적 이해