[React 활용 과제] CINEBANK

 

 

HTML/CSS 과제, Javascript  과제, React 과제를 매달 진행해왔지만 만들어진 가이드라인이 있었다.

처음으로 기획부터 개발까지 진행할 수 있는 과제였고, 설레는 마음으로 1월 23일 ~ 2월 17일간 프로젝트를 진행했다.

 

※ 기술스택: Typescript, React, Tailwind css, Firebase Auth, Firestore Database  

 

 

1. 개요 및 기능

---

나는 영화를 많이 보는 편인데 영화를 보기 전에 리뷰나 후기들을 찾아보곤 했다.

하지만 리뷰는 네이버 이외에는 찾기 힘들었고 그마저도 신뢰성이 떨어지는 리뷰들도 많았다. 후기는 블로그 리뷰들이 많았다. 그래서 영화에 대한 정보들을 쉽게 볼 수 있고, 리뷰나 후기들을 서로 공유하고 작성자의 신뢰도까지 평가할 수 있는 웹사이트를 기획하게 되었다. 

 

1. 로그인/회원가입

- 이메일 또는 구글 계정을 통해 로그인/회원가입

2. 영화 정보 검색

- 검색 시 키워드에 맞는 영화 목록 자동완성
- 포스터 클릭 시 해당 영화 상세 페이지로 이동 

3. 간단한 사용자 정보 확인 / 닉네임 변경

4. 리뷰 작성
- 로그인된 사용자라면 영화를 검색해 고른 뒤 해당 영화에 대한 리뷰 작성 (리뷰 데이터베이스에 저장)
- 리뷰 게시판을 통해 여러 사용자들이 작성한 리뷰 확인

 

 

2. 과제 제출 전 기획 및 회고 

---

노션링크 : https://proud-dove-860.notion.site/CINEBANK-44069244832d464ba06832f26411318c

CINEBANK(영화 정보/리뷰 커뮤니티)

 

 

3. 깃허브 링크 및 시연 영상

---

깃허브 링크 : https://github.com/jjongminmoon/cinebank

GitHub - jjongminmoon/cinebank

 

 

4. 후기

---

CINEBANK를 기획하고 개발을 진행하면서, 처음 기획했던 부분과 다르게 진행되는 부분들도 많았다.

내가 구현하고 싶은 기능을 기획 단계에서 넣었지만, 실제로 코드를 짜면서는 아직 부족한 부분에 대해서는 수정을 하거나 뺄수밖에 없었다.

기획한대로 완벽하게 구현하고 싶은 욕심이 있었지만, 제출 기한때문에 수정해서 제출했다. 내가 취업 후에도 기한 내에 개발을 진행하는 것은 당연하기 때문에 과제를 통해 내 부족함을 느낄 수 있는 시간이었다.

과제 제출 후에 내가 구현했던 것 공부하고, 보완해서 다음번에는 더욱 퀄리티 있는 결과물을 더 빠르게 배포까지 진행해봐야겠다고 생각했다.