Developer

React 리액트 - useEffect() (함수형 컴포넌트)

참조 투명성 참조 투명성 - 입력받은 값을 그대로 출력하는 함수를 참조 투명하다고 하며, 순수 함수(Pure Function)라고 한다- 입력받았을 때 다른 값으로 출력하거나 외부 함수에 영향을 끼치는 함수를 참조 불투명하다고 한다-> 순수함수가 아닌 함수에서 Side-Effect가 발생한다 - 리액트는 모든 함수를 순수 함수로 유지할 것을 권장하고 있음-> 컴포넌트의 재사용성이 좋아지고 오류 검사 및 테스트도 좋아진다 Side-Effect : 함수 내 특정 동작이 함수 외부에 영향을 끼쳐 프로그램의 동작을 이해하기 어렵게 만드는 행위a) setTimeOut, setIntervalb) 서버와의 통신(fetct, axios)c) 그 외 비동기 함수 useEffect() - Side-Effect를 따로..

React 리액트 - 리액트 라이프사이클 (클래스형 컴포넌트)

리액트 라이프사이클 리액트 라이프사이클 - 페이지에 컴포넌트가 생성되고, 수정되고, 사라지는 순서를 의미- React에서 클래스 컴포넌트를 사용하면, 9개의 메소드를 통해 작업 흐름을 제어할 수 있다 리액트의 라이프사이클은클래스형 컴포넌트로 찢겨져 있는 메소드들을 찾아 사용하는 과정이다-> 그 중 하나가 useState() 마운트- constructor : 새로운 컴포넌트를 생성할 때 마다 실행- getDerivedStateFromProps : props를 state에 넣을 때 사용-> 컴포넌트가 마운트될 때와 업데이트가 될 때 실행된다- render : 준비해놓은 UI를 랜더링할 때 실행된다- componentDidMount : 페이지에 컴포넌트가 나타난 직후 실행된다 업데이트 - getDeri..