저는 제가 하고싶은 것은 만들어보자는 신념으로 열심히 개발하고 있습니다.
Name l 이효준
Phone l 010-5399-3083
Email l [email protected]
School l 부산소프트웨어 마이스터고등학교
.png)
2025 전공동아리 장려상
2025 전국 고등학교 소프트웨어 경진대회 장려상
2025 임베디드소프트웨어과 우수 학생 선발
2025 1학기 교과우수상 5회
2025 교내 IOJ 알고리즘 대회 장려상
2025 2학년 3반 부반장
2024 교내 아이디어톤 최우수상
부산소프트웨어마이스터고등학교/2024.3.2 ~ 현재
거제중앙중학교 졸업
정보처리산업기사 취득
sqld 취득
백엔드 : 3명
프런트엔드 : 2명 (50%)
디자인 : 1인
1-1. SSR hydration 문제(emotion css)
증상
새로고침 시 스타일이 적용되지 않은 상태로 페이지가 잠시 렌더링되는 깜빡임(FOUC) 현상 발생
원인 분석
Next.js App Router는 서버에서 HTML을 먼저 렌더링하는데, Emotion은 기본적으로 클라이언트에서만 스타일을 주입하기 때문에 SSR 시 스타일이 포함되지 않은 HTML이 먼저 전달되어 깜빡임이 발생
해결 방법
useServerInsertedHTML 훅을 활용한 EmotionRegistry 컴포넌트를 생성하여 서버 렌더링 시 Emotion 스타일을 <style> 태그로 HTML에 미리 삽입