Props
-
[movie_app_7] css프로젝트/[react]movie_app 2018. 4. 4. 02:15
props를 몇개 더 추가한다. [App.js] _renderMovies = () => { const movies = this.state.movies.map(movie => { return }) return movies; } [Movie.js] function Movie({poster,title,genres,synopsis}){ return( {title} {genres.map((genre, index) => )} {synopsis} )} function MoviePoster({poster, alt}){ return ( )} function MovieGenre({genre}){ return( {genre} )} Movie.propTypes = { title: PropTypes.string.isRequir..
-
[movie_app_2] 컴포넌트, props프로젝트/[react]movie_app 2018. 4. 2. 13:04
프로젝트를 시작하기 전에, 컴포넌트들을 만든다. react는 js 안에 html 이 존재하는 구조 -> jsx라고 한다. : 컴포넌트를 만들때 사용하는 언어 각 컴포넌트마다 다른 파일에 작업(을 선호) render() : 이 컴포넌트가 무엇을 보여주는지 알려주는 함수 js 파일에서 reactDOM을 사용해서 웹에 컴포넌트를 지정된 엘리먼트 자리에 렌더하는것! 작성된 컴포넌트를 다른 컴포넌트에 넣을 수 있고 import 하여 다른 파일의 컴포넌트 안에도 넣을 수 있다! react의 주요 컨셉 2개 - state, props props : 부모 컴포넌트가 자식 컴포넌트에게 정보를 전달 array map을 사용 : 엘리먼트가 많을수록 key를 주어야함.movies.map((movie, index) => { r..