Javascript (2) 썸네일형 리스트형 State, lifecycle State 1. state는 리액트의 Component의 변경 가능한 데이터를 의미한다. 2. state는 개발자가 직접 정의한다. 3. 렌더링이나 데이터 흐름에 사용되는 값만 state에 포함시켜야 한다. state가 변경될 경우 컴포넌트가 재렌더링 되기 때문이다. 불필요한 경우에 컴포넌트가 재렌더링 될 경우 성능에 치명적이다. 4. state는 js의 객체이다. 5. 모든 js 클래스는 생성자가 존재한다. 해당 생성자는 여느 프로그래밍 언어와 마찬가지로 클래스가 생성될 때 실행된다. 리액트에서 클래스의 생성자에는 state가 존재한다. 따라서 클래스로 된 Component의 경우 클래스에서 정의한다. 6. 함수형으로 된 Component는 useState를 사용하여 정의한다. 7. state는 변경해.. Fetch Fetch는 자바스크립트에서 제공하는 메서드로, API 서버로 https 요청을 송수신 할 수 있도록 도와주는 메소드다. Fetch는 url를 매개변수로 받거나 url과 options를 매개변수로 받을 수 있다. Fetch 메서드는 Promise 오브젝트를 반환한다. fetch("로컬호스트 주소")// GET 메서드를 이용해 보냄 .then(reponse=>{ //response 수신시 하고 싶은 작업(onResolve) }, rejected => { //Promise가 reject 됐을때 하고 싶은 작업(onReject) }) .catch(e=>{ //에러가 났을 때 하고 싶은 작업(onError) }) fetch의 기본 문법은 위와 같다. 기본적으로 매개변수는 위에서 언급했듯 url과 옵션을 넣을 수.. 이전 1 다음
