Home

🍊팀 어썸 오렌지 프론트엔드 위키에 오신 것을 환영합니다!

이 페이지는 프론트엔드 파트에서 개발하면서 생긴, 설계적 및 기술적인 고민들을 다룹니다.

전체 파트나 그라운드 룰 등은 백엔드 위키를 참조하세요.

🔔 저자 - 한기종

🎯 기술적 선택 이유

• 팀 어썸 오렌지가 Static Site Generation을 채택한 이유
• 팀 어썸 오렌지가 Feature 기반 폴더 구조를 채택한 이유

✨ 사용자 경험

• 드래그 인터랙션의 시각장애인 접근성 개선기
• 복잡한 퍼즐 인터랙션에 적절한 청각적 자막 제공하기
• 이미지 레이지 로딩과 폰트 서브셋으로 Lighthouse 퍼포먼스 100점 찍기
• 카드 게임 로딩 상태 심리스하게 보여주기

#️⃣ 코드 퀄리티

• 간편하고 확장성 있는 모달 관리를 위한 노력
• 순수 리액트로 커스텀 무한이동 캐러셀 구현기
• 커스텀 zustand Suspender 개선으로 Suspense 더 활용하기
• 팀 어썸 오렌지가 폴더 구조를 2번 리팩토링한 사연
• 인터랙션 리셋 인터페이스 노출 전략

👽 저자 - 장승호

• 스크롤 위치에 따른 비디오 타임라인 조정
• 인터랙션 관련 모달과 추첨이벤트 참여 관련 user flow
• 각 섹션으로의 스크롤 이동과 현재 사용자가 보고 있는 섹션의 감지