Simplicity 4 : 뒤에 개발자 있어요

간단 소개

Simplicity 4 프로젝트의 프론트엔드 개발 과정과 기술적 고민, 해결 과정, 그리고 개발자들의 후기를 담았습니다.

AI Summary

Simplicity 4 프로젝트 개요
- 프론트엔드 개발자 박은식, 이예서의 재사용 가능한 컨퍼런스 제작 경험 공유
- 세션 화면을 컴포넌트 단위로 템플릿화하고, 시트 입력 방식으로 수정 용이성 확보
기술적 도전과 해결
- 12개 템플릿 조합, 모바일/데스크탑 대응 위한 요소 4분할 및 애니메이션 전환 구현
- Safari 브라우저의 비디오 재생 정책 우회, Blur 성능 저하 문제 해결
- gif를 webp로 교체, 순차적 에셋 로딩, video element 텔레포트 등 로드 최적화
- React Memoization, 스타일 직접 변경 등 렌더링 최적화
프로젝트 후기
- 개발자들의 꿈을 실현, 스펙 포기 없이 새로운 컨퍼런스 형태 창조
- "오늘도 개발자가 된다고 말했다"는 긍정적 변화, 동료들과의 협업 강조