API 이벤트 만들기 [IMDb API Event]
00:00 인트로
00:10 HomeView 이벤트 만들기
00:21 env.js 설명
01:14 데이터 초기값 만들기
02:02 searchMovies 만들기
02:22 search 연결하기
03:01 search 테스트 하기
03:24 OMDb API Key 발급 설명
04:17 발급 받은 Key를 env.js에 적용하기
04:32 Axios로 검색 이벤트 적용하기
06:08 API Key가 없을때 오류 확인하기
06:45 API Key가 있을때 데이터 확인하기
08:03 응답 받은 데이터 연결 하기
08:20 v-for를 이용하여 데이터 반복하기
10:38 HeadView에 Router Link로 수정하기
11:13 MovieDetail 이벤트 만들기
11:57 데이터 초기값 만들기
12:24 searchMovie 만들기
13:17 Axios로 데이터 요청 이벤트 적용하기
14:34 응답 받은 데이터 확인하기
14:47 화면 처리 상태값 조건 넣기
17:30 movie 데이터 연결하기
19:18 'N/A' 데이터 예외 처리 하기
22:53 다음에 다시 만나요
[Reference|참조]
https://github.com/vignekim/VSCode-De...
[OMDbAPI:오픈API키 사이트]
https://www.omdbapi.com/apikey.aspx
[DevContainer Doc|설명]
https://code.visualstudio.com/docs/de...
[devcontainer.json|설정]
https://containers.dev/implementors/j...
[Tag|태그]
#vue #docker #omdbapi