🔗 이화여자대학교 PR 학회 EPRIS 웹사이트
📅 개발 기간: 2024.08.07 ~ 2024.09.08
💡 역할: 프론트엔드 리드
- 학회의 성과 및 활동 내용을 한눈에 볼 수 있는 페이지
- 반응형 지원 → 모바일, 태블릿, 데스크탑
- 750px을 기준으로 슬라이더, 캐러셀 컴포넌트 구분하여 사용
- 스크롤 위치 계산이 필요한 플로팅 버튼에 throttle 적용하여 스크롤 이벤트 최적화
![]() |
![]() |
![]() |
- Activities 페이지 데이터 업데이트를 위한 페이지 (Project List, Award & Statistics, Session, Corporate Project, Network)
- 세션 스토리지를 활용해 작성 중인 데이터 유지
- 변경사항이 있을 때만 수정 버튼 활성화
- WebP 변환 → 이미지 로딩 최적화
- React.lazy 적용 → 불필요한 JS 로드 감소
⏳ LCP 6.58s → 2.66s → 주요 콘텐츠 로딩 약 60% 단축
⏱️ 전체 로딩 시간 7,163ms → 2,239ms, 약 5초 단축
![]() |
![]() |
- 스타일 파일 분리, s-dot 네이밍 사용
- 레이아웃 태그 구조
- 최상위 태그
S.Layout - 2개 이상의 요소 포함
S.Container - 단일 요소
S.Wrapper
- 최상위 태그
- 절대 단위 사용 지양 및 상대 단위 rem 사용 지향




