Front-end/React12 setState() https://ko.reactjs.org/docs/faq-state.html#what-does-setstate-do 컴포넌트 State – React A JavaScript library for building user interfaces ko.reactjs.org setState()는 컴포넌트의 state 객체에 대한 업데이트를 실행합니다. state가 변경되면, 컴포넌트는 리렌더링됩니다. (class컴포넌트에서 사용) https://ko.reactjs.org/docs/state-and-lifecycle.html#using-state-correctly State and Lifecycle – React A JavaScript library for building user interfaces ko.reac.. 2022. 3. 20. state/props 1. state component 안에서 우리가 정의한 컴포넌트의 state 오브젝트. 컴포넌트 UI를 위한 데이터를 보관하는 오브젝트로, 이 state라는 오브젝터를 통해서 데이터에 업데이트가 발생하면 리액트가 자동적으로 우리가 구현한 render함수를 호출. import react from 'react'; class LikeButton extends Component { state = { numberOfLikes: 0, }; render() { return {this.state.numberOfLikes}; } } export default LikeButton; 2. Props 컴포넌트 밖에서 주어지는 데이터. properties의 약자. (부모 컴포넌트나 다른 컴포넌트로부터 데이터를 받아서 데이터를 .. 2022. 3. 20. component(사용자 정의 태그) 만들기 https://www.youtube.com/watch?v=WT58gOl8Eh8&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=4 Component - 리액트는 사용자 정의 태그(component)를 만드는 기술 - 컴포넌트를 정의하는 가장 간단한 방법은 JavaScript 함수를 작성하는 것. - 컴포넌트는 첫문자가 대문자 import logo from'.logo.svg'; imperot ',App.css'; function Header(){ return REACT } function Nav(){ return html html html } function Article(){ return Welcome Hello, WEB } function App(){ return ( .. 2022. 3. 10. 이전 1 2 다음
