300x250

각 컴포넌트들은 

Component 상속

import React, { Component } from 'react'; //구문 의미 알아보기

class App extends Component{ // Class App은 Class Component 상속받는다.
	render(){ // Class Componet의 render()메서드를 재정의 한다.
    	return(
		<header>
			hi
		</header>
        )
    	
    }
}

export default App; //키워드 의미 알아보기

 

props : element's attribute

<h1>{this.props.title}</h>
...
class App extends Component{
...

	<App title="hello"></App>
...

컴포넌트 제작 - React (opentutorials.org)

 

컴포넌트 제작 - React

수업소개 React의 핵심 기능인 컴포넌트를 제작하는 방법을 소개합니다.  강의1 코드의 변경 사항 강의2 기본적인 컴포넌트를 만들어봅니다.  코드의 변경 사항 강의3  나머지 태그들을 컴포넌

www.opentutorials.org

참고 링크 

 

 

컴포넌트 제작 - React

수업소개 React의 핵심 기능인 컴포넌트를 제작하는 방법을 소개합니다.  강의1 코드의 변경 사항 강의2 기본적인 컴포넌트를 만들어봅니다.  코드의 변경 사항 강의3  나머지 태그들을 컴포넌

www.opentutorials.org

 

 

반응형

+ Recent posts