[React] 리액트 라이프 사이클 이론

리액트 라이프 사이클 이론

// lifecycle 과정 

// Render:componentWillMount->,render ,-> componentDidMount , 

// update componentWillReceiveProps() -> shouldComponentUpdate() == true -> componentWillUpdate -> render() -> componentDidUpdate 

// 사이클은 render를 위한 것이고 업데이트의 경우에는 ? 과정이 더 많다.

class App extends Component {

    

    componentWillMount(){

        console.log('will mount')

    }

    componentDidMount(){

        console.log('did mount')

    }

    

    render(){

        console.log('did render')

        return (

        <div className="App">

            // 여기서 movie는배열이라고 생각 파라미터

            

            

            {movies.map(movie =>{

                return <Movie title={movie.title} poster={movie.poster} />

            

            })}

    

    

    

            <Movie title={movies[0].title} poster={movies[0].poster} />

            <Movie title={movies[1].title} poster={movies[1].poster} />

            <Movie title={movies[2].title} poster={movies[2].poster} />

            <Movie title={movies[3].title} poster={movies[3].poster} />

       

        </div>

        );

    }

}

export default App;