[리액트 실습] 영화 앱 만들기 1 (tmdb api 발급)

1. 실습 영상 

찰스님의 실습 영상을 보고 공부했다 !! 

따라가기도 쉽고 설명도 잘해주셔서 도움이 많이 된 실습이었다 .

 

2.  완성된 페이지 

 

상영중인 영화 + 제목 + 평점을 나타낸 리액트 웹 !! 

 

 

사실 영상을 따라가면 다 나온다. 

하지만 공부하고 기록하기 위한 블로그니까! 

내가 직면했던 어려움도 적어볼 예정이다. 

 

3.  API 발급받기 

 

The Movie Database (TMDB)

 

1. 회원가입> 로그인 > 설정 > API 에 들어간다. 

2. API 키 요청을 클릭한 뒤 Developer / Professional 선택사항이 뜨는데 Developer를 선택한다.

3. 주소, 앱 이름 등 정보를 쓰라고 뜨는데 대충 입력하면 심사없이 key가 발급된다. 

스태프가 친히 달아주는 .. 친절한 TMDB

 

이제 키를 발급 받았으니 api를 받으러 가보자 ! 

API Docs

현재 상영작 API를 얻기 위해서는

movie> now_playing > Try it out

에서 아까 발급받은 api_key를 입력하고 language - ko로, region을 KR로 변환해준다. 

그리고 링크를 복사해서 붙여넣기해서 확인! 

 

이렇게 상영중인 영화의 정보가 나온다. 

 

API 발급 완료 !! 

 

 

 

** 

발급받은 API를 변수로 입력하는 과정에서 오류가 계속 발생했다. 

그대로 복사 붙여넣기하면 ! 생기는 문제점이었다. 줄바꿈이 제대로 안되어서 컴파일러가 변수를 먹지 못하는 상황이었다. 

일일이 줄바꿈하기에는 너무 많은 양이라 .. 

자동 줄바꿈 프로그램을 사용했다 ! 

 

(찰스님은 vscode에서 바로 자동 줄바꿈 되는 프로그램을 사용하시는 것 같아서 얼른 한번 물어보아야겠다 !!! ) 

JSON Formatter & Validator

내가 사용한 자동정렬 사이트다 ~~ 

 

다음 포스팅에서는 이렇게 발급받은 API를 어떻게 사용하는지 적어보겠다 ~~~ !!