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

 

 

반응형
300x250

아래 코드와 같이 form 태그 안에 button 태그들은 클릭 시 제출을 한다.


<form> 

...

<button> 확인</button>

...

</form>


이것을 막기 위해 

button 태그 attribute type="button"을 추가한다.

<form> 

...

<button type="button"> 확인</button>

...

</form>


이유는 추후 업뎃



반응형
300x250

It is not support.

instead,

element.value.length 

element.values.slice(0,maxLength)

반응형
300x250

JQuery


1. 가져오기 GET

$(Selector).text() - > $("#birth").text()


2. 변경하기 SET

$(Selector).text(value) - > $("#birth").text(value)


반응형

+ Recent posts