| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- scflix
- coding
- 계획
- Hook
- 프로젝트
- Firebase
- TiMER
- 클론코딩
- react-hook
- Nicolas
- 코코아톡
- react
- Nomad
- vanilla js
- Clone
- Netflix
- github
- javascript
- Vanilla
- HTML
- Nomad coder
- 오류
- 자바스크립트
- react-native
- CSS
- 느낀 점
- 마무리
- 바닐라 자바스크립트
- expo
- Project
- Today
- Total
목록axios (3)
꾸매코딩
[Netflix] Detail Page 구현 / 상세 내용 출력
결과 영화, TV 프로그램에 Detail Page를 만들어 세부 내용을 나타내 주었다. Route path를 "/movie/:id" , "/tv/:id"로 지정해 주었다. 영화는 IMDB 링크를 연결하였고, TV 프로그램은 각 Homepage와 연결하였다. 계획 이번에 해결하지 못한 평점을 ★7 이 아닌 ★★★☆☆ (star rating) 형태로 나타낼 예정이다. 포스터 상단에 [기본 정보 / 무비 클립 / 시즌 정보]를 클릭하면 각각의 내용을 보여주도록 할 예정이다. 느낀 점 class component로 한번 했던 내용이라 비교적 쉽게 하고 있다. function component로 다시 만들면서 코드의 길이가 줄어드는 것을 느끼고 있다. 만들면 만들수록 추가해보고 싶은 기능들이 너무 많아서 행복하면..
[Netflix] [ 홈 / TV 프로그램 / 영화 ] Page에 데이터 출력
결과 [ 홈 / TV 프로그램 / 영화 ] Page에 데이터를 출력하였다. 제목, 날짜, 평점은 포스터 이미지에 hover 상태에만 출력되도록 하였다. 코드 구조 axios.create , axios.get을 통해 반복을 줄임 사용할 api를 함수 형태로 지정 api.js로부터 함수를 불러와 원하는 데이터를 Poster.js에 props 형태로 전달 데이터를 화면에 보여줌 API를 불러오는 동안에 보이는 화면 전체적인 배치를 담당 API axios를 사용하여 TMDB API를 불러옴 The Movie Database (TMDB) Welcome. Millions of movies, TV shows and people to discover. Explore now. www.themoviedb.org 계획 각 ..
[JavaScript] Ajax, Axios, fetch 용어 정리 및 장/단점 비교
서론 JavaScript에서 클라이언트와 서버 간 데이터를 주고받기 위해 비동기 HTTP 통신을 사용한다. 그 예로 Ajax, Axios, fetch 가 있다. 비동기에 관하여 참고하면 좋은 자료 [JavaScript] Promise(프로미스) 란 무엇인가? [JavaScript] 비동기 처리 - Async / Await이란 무엇인가? [JavaScript] Promise(프로미스) 란 무엇인가? 프로미스(promise)를 이해하기 위해서는 JavaScript가 어떤 식으로 작동하는지 알아야 한다. 싱글 쓰레드 언어인 JavaScript는 비동기 처리를 위해서 콜백(Call Back)을 이용해 이를 보완하였다. 하지만 Cal shin1303.tistory.com [JavaScript] 비동기 처리 - A..