HYEJIN's

LifeCycle API (class) eact의 컴포너트는 생명주기(Life cycle)을 가진다. 생명주기란 컴포넌트가 생성되고 사용되고 소멸될 때 까지 일련의 과정을 말한다. 이러한 생명주기 안에서는 특정 시점에 자동으로 호출되는 메서드가 있는데, 이를 라이프 사이클 이벤트라고 한다. 클래스의 경우 -> constructor -> render -> ref -> componentDidMount setState/props 바뀔때 - shouldComponentUpdate -> (true) -> render -> componentDidUpdate 부모가 나를 없앴을 때 - componentWillUnmount -> 소멸 class Test extends Component { state = { }; // ..

기본 문법 import React, { Component, Fragment } from 'react'; // 리액트 모듈을 불러와 사용하겠다~ class App extends Component { render() { return ( 안녕하세요 리액트 ); } } export default App; import React, { Component, Fragment } from 'react'; // 리액트 모듈을 불러와 사용하겠다~ class App extends Component { render() { const name = 'hyejin !'; const value = 1; return ( hello {name} {/* 조건부 렌더링 */} { 1+1 === 2 ? '맞음':'틀림'} { (()=>{ //..