doeunn.log

🚀 영화 목록 조회 프로젝트를 회고 하기 전에 본 프로젝트는 코리아 it 학원에서 프론트엔드 수업을 하며 과제로 나왔던 주제입니다. 저 포함 4명의 팀원들과 함께 진행했으며, 이번 회고 시리즈에서는 제가 한 부분과 다른 분께서 했지만 다시 정리해 보면 좋을 내용들을 포함해 보려고 합니다 :) 프로젝트 설명 영화 트레일러 오픈 API를 활용한 영화 목록 조회 웹 사이트입니다. 기능 구현 사항 react-query를 사용하여 데이터를 캐싱 로딩 중에는 skeleton UI를 나타낼 것 목록을 불러올 때는 react-query의 useInfinitieQuery를 사용하여 무한 스크롤링으로 불러올 것 페이지 리스트 페이지 각 영화의 평점 및 짧은 미리보기(소개)가 나타나야 함 미리보기는 길이가 길다면 특정 글자..

▶계정 찾기 및 탈퇴 기능 구현 지난번에 회원가입과 로그인 기능을 구현해 보았었는데요🙂 이번에는 회원가입 시 데이터베이스에 저장된 정보들을 가지고 계정(아이디) 찾기와 탈퇴 기능을 구현해 보도록 하겠습니다. 🔎 계정 찾기 📌 계정 찾기 화면 구성 이메일을 입력해서 검색하기 버튼을 누르면 그 이메일을 사용하고 있는 계정의 아이디를 보여주게 됩니다. 회원 이메일 입력하면 → 아이디 알려주기 없는 회원 이메일 입력하면 → 계정이 존재하지 않다고 알려주기 📌 데이터베이스에 있는 데이터를 무엇을 어떻게 활용? 클라이언트에서 사용자가 입력한 이메일을 서버에게 보내면 서버는 그 이메일를 이용하여 데이터베이스에서 조회를 하게 되고, 조회가 된다면 그 조회된 값에서 아이디 값만 다시 클라이언트에게 보내면 됩니다. 만약 ..