목록React/React - movie app (2)
차근차근
[React] React Web Service(2)
0. Planning the Movie Component componentDidMount는 처음 Load될때 실행될 때 작동하는 것을 설정하는 것이다. setTimeOut을 사용하여 6초 후에 isLoading상태를 바꿔보겠다. 1. Fetching Movies From API 그리고 일반적으로 쓰는 JavaScript의 fetch 말고 Axios를 쓸 것이다. Axios는 fetch 위에 있는 layer이다. Axios를 땅콩 주위의 초콜릿에 비유할 수 있다. Axios 사용을 위해 terminal 에서 npm i axios 를 실행해준다. API를 YTS라는 사이트에서 가져오겠다. https://yts.mx/ The Official Home of YIFY Movies Torrent Download -..
[React] React Web Service(1)
0. React의 장점 모두 JavaScript 기반이다. 별도로 프레임워크를 베울 필요 없이 JS 활용하면 된다. angular나 vue.js처럼 다른 언어를 배울 필요가 없음 예를 들어, Angular를 배우고 Angular을 안쓰면 다른 곳에 쓸 수가 없다. 그러나 React는 그렇지 않다. 리액트 구조는 요소별, 컴포넌트별로 나눠서 작업할 수 있게 되어 있다. 그룹별로 쪼개서, 작업할 수 있다. 모든 걸 작은 요소로 쪼개서 작업하고 마무리하면 가져다가 다른 곳에 쓸 수 있다. JSX는 리액트로 html을 쓰는 방법이다. 리액트는 Undirectional(단방향) 데이터플로우를 가지고 있다. 데이터는 항상 일정한 장소에 위치해 있고, 그 장소에서만 변경할 수 있다. Angular의 경우, 데이터는 ..