👋 CGV 홈페이지 클론코딩

🖥  시연영상 보기

📌 메인 기능

❗️소셜로그인

• 네이버 로그인
• 카카오 로그인

❗️로그아웃 기능

❗️무비 차트 페이지

• 차트 리스트 현재 상영작, 상영 예정작, 상영 종료작 카테고리별로 조회

❗️무비 상세 페이지

• 영화 상세 내용 조회
• 영화 찜하기

❗️마이 페이지

• 내가 찜한 영화 조회
• 내가 예매한 영화 조회

❗️영화 예매하기

• 영화 , 극장 , 시간 선택하기
• 남은 좌석 조회 후 좌석 선택하기
• 티켓 발권하기

📕 와이어 프레임

🤝 MEMBER

FE

임다은

노은지

김보미

BE

정민우

박성수

🔎 기술 스택

🔥 트러블 슈팅

🔥 Cannot read properties of undefined

• 문제 정의

  • Uncaught TypeError: Cannot read properties of undefined (reading 'includes')
  • 첫 렌더링시 includes로 값을 읽지 못함

• 사실 확인

  • state는 비동기적이며 처음 렌더링 하기 전에 동작해 이 때의 state는 정의되지 않았기 때문에 undefined로 값을 읽을 수 없다는 에러가 출력.

• 문제 해결

  && 연산자를 사용하면 && 앞뒤로 false 값을 찾고, false가 없다면 뒤에 있는 값을 출력. 앞, 뒤 모두 true면 뒤에 있는 값을 출력해주는 원리이며 이를 응용하여 조건식에 false가 있는 경우 null이 되고 렌더링하지 않으며, 렌더링하지 않으니 오류도 출력되지 않는다.

🔥 카카오 소셜 로그인 404,500에러

• 문제 정의

  • 로그인 시 code가 BE에 전송 후 서버에서 찾을수 없는 페이지에 사용자가 접근하려 했을 때 받는 에러가 발생, 해결과정 중 500에러 추가 발생

• 문제 원인

  1. 백엔드에서 Redirect URL를 백엔드 서버 주소로 등록.
  2. REST API KEY 가 일치 하지 않음.
  3. 백엔드 알고리즘 과정에서 오류

• 문제 해결

  404에러 : 프론트와 백에서의 REST IP와 redirect_uri 통일

  500에러 : 백엔드에서 개인정보 형변환 알고리즘 수정을 통해 해결