220513 Today I learned!
- 관통 프로젝트
- 스터디 발표
- 1학기 마지막 프로젝트 (영화 커뮤니티 만들기)
1. Fact
(1) 관통프로젝트
Vue를 활용한 SPA구성
- Git Hub 연습
- 이슈와 브런치를 활용한 개발을 팀원과 연습했다.
- TMDB API를 활용하여 영화 웹사이트 제작
- 영화 게시판 기능
- 랜덤 추천 기능
- 보고 싶은 영화를 기록하는 기능
(2) 스터디 발표
- CSS를 활용한 그리드 레이아웃을 만드는 내용을 발표
(3) 1학기 마지막 프로젝트 준비
- 기능 명세서
컴포넌트 구조
- 노션 페이지
2. Feeling
이제 정말 프로젝트 준비를 시작했다. 우선 우리 팀은 계획부터 천천히 하기로 마음을 먹었다. 그래서 정한 일정은 다음과 같다.
- 기능명세서 및 컴포넌트 구조 제작
- 와이어 프레임 제작
- ERD설계
- API 설계 및 백엔드 구현
- 프론트 엔드 구현
계획 단계
- 먼저 우리가 만들 웹사이트에 필요한 기능을 생각해 보고 이에 따른 컴포넌트및 라우터 view를 구조화한다. (오늘 한 일!)
- 구조화된 컴포넌트와 라우터 view를 기반으로 와이어 프레임을 제작한다. ( 토요일 )
- 구현할 기능에 필요한 데이터를 기반으로 ERD를 설계한다. ( 월요일 )
이게 맞는 방식인지는 모르겠지만, 우선 우리는 어떤 영화커뮤니티를 만들고 싶고 이에 따라 필요한 기능을 나열해서 정리했다. 사실 우리가 만들고 싶은 영화커뮤니티는 사실 특별한 특색이 있는 웹사이트는 아니다. 실제로 상용화 되어도 어색하지 않은 평범한 사이트를 만들고 싶다는 생각이 컷다.
내가 유저라면 어떤 영화 사이트가 있으면 좋을지 생각했을 때, 필요한 기능은 크게 4가지였다.
- 영화에 대한 정보를 보여주었으면 좋겠다. => 영화 데이터 조회할 수 있다.
- 다른 사람들의 평가가 궁금하다. => 유저들이 평가를 하는 공간
- 요즘 볼만한 영화가 궁금하다. => 추천 기능
- 심심할 때 생각 없이 즐길 수 있는 오락거리가 있었으면 좋겠다. => 요즘 유행하는 유튜브 Shorts기능과 유사한 랜덤 영화 트레일러 Shorts기능
그래서 이를 기반으로 우리는 기능을 만들기로 했다. 3번의 경우 우리가 깊이 있는 추천 알고리즘을 만들 수 없다는 생각을 했기 때문에 가볍고 다양한 추천 기능을 만들기로 했다. 그래서 총 11가지의 추천기능이 나왔다.
이번 프로젝트는 정말 detail을 신경써서 만들고 싶다. 유저가 보기에 불편함이 하나도 없는 사이트! 이게 내 목표이다.
3. Finding
null;
4. Future Action & Feedback
| Future Action | 진행 상황 | Feedback |
|---|---|---|
| DOM을 깨우치다 | pause 🤦♀️ | 잠시 중단! |
| why 리액트? | Not Start🌙 |