관광이 블로그

State를 활용한 라이프 사이클 실습 예제속에 주석으로 달아 놓았습니다. import React,{ Component } from 'react';import './App.css';import Movie from './Movie'; const moviesTitle = [ "Matrix", "Full Metal Jacket", "Oldboy", "Star Wars"] const moviesImage = ["https://d2e111jq13me73.cloudfront.net/sites/default/files/styles/share_link_image_large/public/screenshots/csm-movie/the-hunger-games-ss1.jpg?itok=EFSm-KAL","https://cdn1..

1. 리액트는 2개의 주요 컨셉이 있음 - state - props : 부모가 자식에게 데이터를 주기 위함 2. 영화를 카드 형태로 만든다음에 movie 리스트로 만들기 위함 3. App.js에서 작성한 것들을 movie 컴포넌트로 보내고 싶을경우? 이런식으로 app.js에서 작성해주고 자식 컴포넌트 Movie.js 에서는 { this.props.title} 이런식으로 작성해 주면 깔끔하게리스트 목록대로 나오는것을 확인할 수 있다.꼭 괄호 " { } " 가 들어 가도록 한다. => JSX의 경우 명령실행시키기 위한 조건 4. 이제 이미지 리스트 만들어보자~ 가장 중요한 개념은 부모컴포넌트의 요소를 자식 컴포넌트로 넘겨줄 수 있음. 이때 강력한 힘이 발휘 된다. App.js import React,{ Co..