# life cycle
React Hooks #11 Class-Component life-cycle, hooks로 구현하기
componentDidMount() 보다 먼저, 최초 1회만 실행되어야 한다.useEffect로 componentDidMount() 구현하기(https://velog.io/@hwang-eunji/React-Hooks-3-useEffect\[useEffect로
TIL) React - Life cycle!!
React의 component는 생성 → 업데이트 → 제거 단계를 차례로 겪는 생명 주기(Life Cycle)를 가진다. Life Cycle의 메서드와 componentDidMount 메서드로 json API를 가져오는 방법에 대해 알아보자!
React state & life cylce
1)props의 값에따라 내부구현에 필요한 데이터를 말 할수 있다.2)component 내부적으로 사용된다.3)object이다.4)class 컴포넌트로 작성해야한다.5)값을 변경할때는 setState 를 사용해야한다.state를 이용한 간단한 예시이다.add와 minu
[+35]ComponentDidMount뒤에 render시키기
mock-data를 이용해서 componentDidMount에 fetch를 시켜서 render를 시키려고 했는데 문제가 발생했다.mock data에서 fetch로 가져올 정보는 이 product였고componentDidMount에 fetch를 시켜줬다.render되는
[React] Core Concepts(JSX, Component, Props, State, Life Cycle…)
React Core Concepts React 사이트에 정의된 React 가 무엇인지 확인해보면, A JavaScript library for building user interfaces, 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 (프레임워크) 즉, UI 를 보다 쉽고 간편하게 만들기 위한 JS 라이브러리입니다. 그렇다면 이 Re...
React
👉 React > 페이스북이 만든 라이브러리(하지만 Redux나 MobX, react-router와 함께 프레임워크처럼 사용) Redux 공부 check > Component 시스템을 구현했기 때문에 효율적으로 코딩 가능 👉 Component란 하나의 의미를 가진 독립적인 단위 모듈 👉JSX 자바스크립트의 확장 문법 1) 반드시 하나의 엘리먼트로 감...
2019.09.30 React
1. React? 2. ES6? ES6 문법을 알아야 리액트가 편해진다. - Destructuring - spread operator - rest parameters - default parameters - templete literals - arrow function - for-of loop 3. JSX? 자바스크립트의 확장 문법 - 반드시 하나...