HYEJIN's

1. React? React는 페이스북에서 개발한 유저인터페이스 라이브러리로서 개발자로 하여금 재사용 가능한 UI를 생성 할 수 있게 해줍니다. 이 라이브러리는 현재 페이스북, 인스타그램, 야후, 넷플릭스를 포함한 많은 큰 서비스에서 사용되고 있습니다. 이 라이브러리는 Virtual DOM 이라는 개념을 사용하여 상태의 변함에 따라 선택적으로 유저인터페이스를 렌더링합니다. 따라서, 최소한의 DOM 처리로 컴포넌트들을 업데이트 할 수 있게 해줍니다. 1-2. React-native? 모바일 웹을 만들도록 도와주는 library 2. Virtual DOM은 어떻게 작동하지? 데이터가 업데이트되면, 전체 UI 를 Virtual DOM 에 리렌더링 합니다. 이전 Virtual DOM 에 있던 내용과 현재의 내용..

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 ? '맞음':'틀림'} { (()=>{ //..