Sriracha Pedia (JSP Team Project)

🧉 Sriracha Pedia (JSP Team Project)

3주 동안의 팀 프로젝트가 드디어 마무리 되었다.
정말 프로젝트에 푸욱 빠져 사느라 3주동안 블로그 정리를 하나도 하지 못했다..
조금 막막하지만 3주간 프로젝트가 어떻게 진행되었는지, 어떤 경험을 했는지에 대하여 블로그에 기록해보려고 한다.
그럼 시작해보자!!🔥

---

프로젝트 소개

📌 깃허브 : Sriracha Pedia (GitHub)

📌 프로젝트 시연영상 : Sriracha Pedia 시연 (YouTube)

프로젝트 주제 : 영화 소개 사이트 (왓차피디아 클론코딩)
참여 인원 : 7인
개발 기간 : 10/26 ~ 11/17
사용 기술 : ↓

내가 맡은 역할 : ↘

---

Time Table

---

Flow Chart & ERD

---

Rest API 사용 (TMDB)

우리 프로젝트의 가장 중요한 부분이라고 볼 수 있다.
Time Table을 보면 알 수 있겠지만 프론트 작업을 어느정도 마무리 할 때쯤 바로 Rest API에 대해 공부를 시작했다.
처음 접해보는 거라 할 수 있을까? 라는 생각이 들었지만 막상 사용해보니까 그리 어렵진 않았다.

우린 TMDB가 제공하는 영화 API를 사용했기 때문에 TMDB에서 데이터를 어떻게 제공하며, 제공하는 데이터를 우리가 어떻게 가져왔고, 또 어떻게 사용했는지 살펴보도록 하자!

tmdb api 링크 : The Movie Database API

가장 먼저 tmdb 사이트에서 로그인 후 api key를 발급 받아야 한다.

api key를 발급 받았다면 위 링크에서 원하는 데이터를 받아올 수 있는데, tmdb에선 어떻게 가져와야 하는지 간략하게 알아보자.

api 링크에 들어가면 좌측 탭에 MOVIES가 있다.
그 외에 CREDITS, GENRES 등 개발에 필요한 자료들이 있다.
그럼 인기영화 데이터를 가져와보자.
위 사진과 같이 MOVIES의 Get Popular탭에 들어가면

Definition , Try it out 탭이 있다.
Try it out 탭에서 Query String을 보면 required , optional이 있는 걸 볼 수 있는데, required는 위 데이터를 받을 때 반드시 요구되는 값이고 , optional은 language , page등 사용자가 원하는대로 입력하면 된다.

모두 입력하면 아래 SEND REQUEST에 요청 url을 준다.
제공된 url로 요청을 해보도록 하자.

위와 같이 JSON데이터를 한가득 받을 수 있다. 이제 이걸 parsing해서 사용하기만 하면 된다!

java에서 url 요청 및 받은 json 데이터 사용하기

위 두 코드는 이어지는 코드이다. (길이 관계상 두개로 나눠 올렸다.)

코드를 간단하게 설명하자면 자바에서 UrlConnection을 맺은 후 url요청을 보내 받은 json데이터를 스트림으로 가져와서 파싱 후 모두 HashMap에 담고, 그 HashMap들을 다시 List에 담아 그 List를 반환하는 메서드이다.

이제 그 List(인기영화가 모두 들어있는)를 사용하는 메서드를 살펴보자.

이렇게 tmdb api에서 가져온 영화 데이터를 우리 DB의 Movie 테이블에 모두 넣는걸 성공했다.

테이블엔 이렇게 데이터가 입력된다.

이 데이터들을 이제 view로 가져오기만 하면 된다!

가져온 데이터를 view에 적용한 모습 ↓

---

프로젝트 중 부딪혔던 문제 / 해결

영화 contents (detail) 페이지가 요청마다 DB연결을 너무 많이 하다보니 너무 무거워서인지 가끔 요청시에 페이지가 얼어버렸다. (약 20초정도의 로딩 후 페이지 열림 현상)

이를 해결하기 위해 contents 페이지의 거의 대부분의 기능을 ajax로 구현하여 문제를 해결했다.

발표 이틀을 앞두고 위와 같은 문제가 발생하여 이틀동안 contents 페이지의 대부분의 기능을 ajax로 바꿔야 했었는데, 덕분에 ajax를 아주 제대로 만져봤기 때문에 나름 좋은 시간이었다.

---

배운점 & 느낀점

프로젝트를 하며 정말 많이 성장한 걸 느꼈다. 불과 3주의 짧은 시간인데 엄청 많이 고민하고 부딪히고.. 선배 개발자들이 성장하려면 일단 프로젝트부터 하라고 하는 이유를 알게 된 것 같다.

rest api를 처음 사용 할 땐 정말 막막했는데, 한번 성공하니 자신감이 생겼다.
다음 프로젝트도 rest api를 사용해서 어떠한 데이터를 주고받는 기능을 넣을 기회가 오면 좋겠다고 생각했다.

조금 힘들기도 했지만 전반적으로 너무너무 행복한 시간이었다. 팀원들과 매일매일 만나서 머리를 싸매고 고민하고 생각하고 나아가는게 너무 재밋었다.