🥳 문화열차

• 다양한 공연 정보를 확인하고 예약할 수 있는 웹사이트입니다!
  
• 내가 예약한 공연들을 조회하고 취소할 수 있어요
  
  

팀원

이한별	전인화	이승빈	김성구	안시승	김지환
메인페이지	상세페이지	회원정보수정	예약목록	로그인 / 회원가입 / 회원 탈퇴	카카오 로그인 / 로그아웃 / 로그인 세션 / 공통 컴포넌트

• 각자 맡은 역할을 다 하면, 다른 팀원의 작업을 도와줬어요.
  
  

프로젝트 진행 기간

• 2024.07.08 ~ 2024.07.15
  
  

개발 환경

• 모듈과 인터페이스를 제공하여, 코드의 재사용성을 높이고 모듈화가 용이해요.
• 컴파일 시점에 타입 체크를 수행하여 안정적으로 코드 작성을 할 수 있어요.
• 코드의 가독성을 높이고, 실수를 줄일 수 있어요.
  
  

• 더 나은 성능과 SEO가 가능해요.
• 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원하여 사용자 경험을 개선할 수 있어요.
  
  

• 실시간 업데이트를 처리하는 실시간 기능이 제공돼요.
• 백엔드 시스템 관리가 필요없으므로 프론트 개발 생산성을 높일 수 있어요.
  
  

• 디자인을 쉽고 빠르게 개발할 수 있어요.
• 일관성이 있는 디자인이 가능해요.
  
  

• 불필요한 렌더링을 최소화할 수 있어요.
• 보일러 플레이트가 적어서 효율적으로 코드를 관리할 수 있어요.
  
  

상세설명

1. supabase를 이용한 로그인/회원가입 구현

• 이메일과 비밀번호로 쉽게 가입이 가능해요.
• 카카오계정을 이용한 소셜 로그인이 가능해요.
  
  

2. 무한스크롤과 API를 이용한 메인페이지 구현

• 첫 렌더링 시에는 전체 공연 중 12개의 공연만 먼저 볼 수 있어요.
• 무한스크롤 기능으로 다른 공연을 더 볼 수 있어요.
• 스크롤 버튼으로 편하게 최상단/하단까지 이동이 가능해요.
  
  

3. API를 이용한 상세페이지 구현

• 보고 싶은 공연의 상세 정보를 확인할 수 있어요.
• 이미 예약한 공연과 종료된 공연은 예약할 수 없어요.
• 공연까지 남은 시간이 확인 가능해요.
  
  

4. supabase를 이용한 마이페이지 구현

• 내가 예약한 내역을 확인하고 취소할 수 있어요.
• 비밀번호 변경과 회원 탈퇴가 가능해요.