React JS Fundamentals Course 2020
- 생명주기함수 (constructor()함수, componentDidMount()함수, componentDidUpdate()함수, componentWillUnmount()함수)
- 생명주기함수로 Movie컴포넌트 구성
- 삼항 연산자
- setTimeout() 함수로 타이머 정하기
- axios 설치하기
- YTS 영화 데이터 API로 적용하기
- getMovies() 함수 생성 후, 함수 안에서 axios.get() 실행하기
- ()앞에 async 작성해 getMovies() 함수가 시간이 필요하다는 것을 알려주고, 실제 시간이 필요한 대상인 axios.get() 앞에 await 작성하기
- prop-types 는 전달받은 props가 원하는 값인지 확인해 주는 역할을 함
Import PropTypes from ‘prop-types’;
- isRequired 는 필요하다는 뜻.
- state 는 동적인 데이터를 다룰 때 사용한다.
- setState() 함수에 새로운 객체를 전달하면 리액트가 자동으로 state에 반영해준다.
- 리액트는 이전 state와 새로운 state를 비교해서 바뀐 데이터만 업데이트한다. 변경 대상이 아닌 키, 키값은 그대로 유지.
- map 함수 사용법
- import를 사용하여 사진 삽입
- 콘솔 창으로 알림을 확인
- 컴포넌트가 무엇인지 알아보고 JSX를 학습했다.
- JSX는 단지 HTML과 자바스크립트를 조합한 문법이다.
- JSX를 이용해서 컴포넌트를 작성했다.
- 컴포넌트의 이름은 대문자로 시작해야 한다.
- 컴포넌트에 데이터를 전달할 때는 props를 사용한다.
- 점 연산자를 대신해서 ES6의 구조 분해 할당을 사용할 수 있다.
- 리액트는 다수의 컴포넌트로 이루어지나, 최종적으로는 하나의 컴포넌트만 사용한다.
- Dothome index 파일 수정하기
- readme 수정 후 깃허브에 push하기
- 언제까지? 9월 16일까지.