일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- useEffect
- Database
- CSS
- Github Pages
- W
- Cloud
- JavaScript
- data
- HTML
- Fetch
- API
- TMDB
- 배포
- REACT
- firestoredatabase
- SQL
- url
- github
- Protocol
- this
- nosql
- http
- supabase
- til
- bootstrap
- jQuery
- IntersectionObserver
- web
- db
- Boostrap
- Today
- Total
목록API (2)
072DATA
안녕 TMDB API를 활용해서 영화 뿐만 아니라 크레딧과 OTT 정보도 가져올 수 있습니다. 해당되는 API의 URL을 Fetch로 요청해서 APIKEY를 삽입하고 데이터를 받으면 되는데 말로만 하면 이해하기 어려우니 코드를 삽입 하겠습니다.(OTT정보만 해볼게요) 데이터 요청 const apiKey = "TMDB에서 지급해준 API KEY를 담아줍니다.";//async, await문법을 활용하여 데이터를 원할히 받아서 보낼 수 있도록 합니다.//try, catch문은 덤으로 사용해주세요(코드 가독성과 에러 처리에 유용합니다.)async function fetchMovieOTT(id) { const API의 주소를 담긴 변수의 이름 = `https://api.themoviedb.org/3/movie/..
안녕오늘은 캠프에서 개인과제( 개인 프로젝트 )로영화 정보 검색 사이트를 만들어 본 과정을 작성해 보겠습니다.개발 환경Visual Studio CodeGithub사용 기술 프론트엔드JavascriptHtml/Css 외부 API TMDB API주요 기능영화 검색영화 ID값 가져오기페이지 디자인 먼저 구조는 네비게이션바와 영화 리스트 두개의 div로 나누었습니다전체적인 분위기와 색상은 왓챠를 고려해서 비슷한 색감으로 디자인 했습니다. 네비게이션 바에서 왼쪽 상단 로고와 검색창을 같은 div로 묶고로그인/회원가입 버튼도 다른 div에 묶어서 display: flex; flex-wrap: inherit; align-items: center; justify-content: ..