🧗‍♀️ 실내 클라이밍 커뮤니티 오루리(Orury) 프로젝트

🔗 프로젝트 링크

🧗‍♀️ Orury Page

🎨 Figma

🗂️ Team Notion

🔵 Front-End Notion

👤 개발 팀원 소개

유희태	이지형	심정아
Front-End	Front-End	Front-End
메인 인증/인가 (소셜 로그인/토큰 관리) 모바일 App 배포 커뮤니티 페이지 마이 페이지	지도 페이지 리뷰 페이지	인증/인가 (소셜 로그인) 크루 페이지

🛠️ 사용기술 및 개발환경

Programming Language / FrameWrok

Styling

State Management

API Testing

Built-in Rules

Deployment & Environment

Cowork Tools

🔥 팀 성향

• UI를 구현하는 시간을 줄이기 위해 UI 라이브러리를 사용하고 있습니다. (Shadcn/ui, react-spring-bottom-sheet...)

• 새로운 기술, 라이브러리 사용을 주저하지 않고 사용하고 있습니다.

• 하지만 그 기술과 라이브러리를 채택하는 과정에서 충분한 근거를 가지고 선택합니다. (사용 스택 모음)

🎯 팀 공동 목표

• Lighthouse 평균 80점 이상

• PWA 또는 React-Web-View를 이용한 모바일 애플리케이션 출시

• 2월 8일 이전 마무리

💡 최적화 작업

• 이미지 렌더링 시간을 줄이기 위한 Next/Image의 <Image/> 태그 사용

• FOUT 현상 방지를 위한 Next/font, localFont 사용

• 자주 사용하는 컴포넌트의 경우 전역변수와 같이 분리하여 코드의 수를 줄였습니다.

• Next.JS 와 잘 맞는 SWR을 이용하여 데이터를 캐싱하여 불필요한 API 호출을 방지하였습니다.