react

REACT

React (2) Compenent

■ Component의 생성 ● 1. render() - return 되는 html형식의 코드를 화면에 그려주는 함수(랜더링이다. - 화면에 내용이 변경되어야 할 시점에 자동으로 호출된다. ● 2. constructor(props) - 생성자 함수로 생명주기 함수들 중 가장 먼저 실행되며 처음 딱 한 번만 실행된다. - component내부에서 사용되는 변수(state)를 선언하고 부모객체에서 전달받은 변수(props)를 초기화할 때 사용된다. - super()함수는 생성자 함수 가장 위에서 호출된다.(자바와 동일) ● 3. getDerviedStateFromProps(props, state) - constructor() 함수 호출 다음과 render() 함수 호출 직전에 실행되는 함수이다. - 컴포넌트..

REACT

React (1) React란?

■ React란? - React는 컴포넌트이다. - UI를 구축하는 js라이브러리 겸 프레임워크, 즉 동적으로 사용자가 보게 될 화면을 꾸밀 수 있다. ■ 컴포넌트란? - UI구성을 확장성있고 유연하게 만들어주기 위해 만들어졌다. - 화면을 이루는 구성요소이며 하나하나를 컴포넌트라는 블록 단위로 포장해서 재사용성을 늘렸다. ※ 리액트에서는 화면에 모든 구성요소를 컴포넌트로 표현할 수 있다. ■ JSX(JavaScriptXML)문법이란? - JavaScript의 문법 안에서 html요소가 함께 들어가 있는 형태의 언어이다.(선언적 방식) - 리액트에서 UI를 구성하기 위해 보편적으로 사용되는 문법이며 자바스크립트의 문법을 통해 html요소를 생성하는 역할을 한다. - JSX문법은 개발자가 복잡한 자바스크립..

동동이임
'react' 태그의 글 목록 (3 Page)