Filmograph | Notion

<aside>

🎨 프로젝트 한 줄 설명 !

영화를 단순히 좋아하는 것을 넘어 영화 산업 자체를 좋아하는 사람들을 위하여!

영화인들 간의 복잡한 관계를 시각화한다.

</aside>

<aside>

Infomation

개발 기간: 2025/09/01 ~ 2025/12/15

팀 구성: 4인

담당 업무: 영화-영화인 노드 그래프 페이지, 영화 목록, 일간 박스오피스, localstorage화.

🔗 배포: https://filmograph-fe.vercel.app/

</aside>

<aside>

Review

react와 typescript, firebase를 처음 사용해본 협업 프로젝트였다.

커밋컨벤션 등 github를 다루는 방법을 제대로 배웠다.

react에서는 localstorage를 사용하여 캐싱 기느을 도입한 것이 기억에 남았다.

</aside>

프로젝트 진행 과정

<aside> 📃

</aside>

영화-영화인 이분 네트워크 그래프
- 해당 페이지 링크 : https://filmograph-fe.vercel.app/graph/movie
- react-force-graph-2d 라이브러리 사용.
- 노드들 간의 인력 및 척력 설정.
영화 목록 및 일간 박스오피스 페이지
local storage 사용 캐싱 기능
Firebase 연동 및 관리