Effect Hook (feat. lifecycle in React)

함수 컴포넌트의 useEffect Hook은 class 컴포넌트의 생명주기로 미루어 봤을 때, componentDidMount, componentDidUpdate, componentWillUnmount가 합쳐진 것으로 봐도 좋다. 여기서 이 함수를 ‘effect’라고 부른다. useEffect를 컴포넌트 내부에 두는 이유는, effect를 통해 state 변수(또는 그 어떤 prop에도)에 ...

focus생명주기lifecycleuseRefhookuseEffectfocus

(React) 리엑트 라이프 사이클

컴포넌트의 수명은 보통 페이지에서 렌더링되기 전인 준비 과정에서 시작해 페이지에서 사라질 때 끝이난다. 그리고 세가지 유형으로 나눌 수 있다. 마운트(생성될 때) 업데이트(업데이트 할때) 언마운트(제거할 때) ❗️ 주의해서 볼 것은 업데이트 부분인데, 업데이트는 다음과 같은 4가지 상황에서 발생한다. props가 바뀔 때 state가 바뀔 때 부모 컴포넌트가 리렌더링될 때 this.force...

리엑트생명주기React리액트 라이프 사이클라이프사이클React

✍🏼 리액트 생명주기 메서드 한 줄 정리!

constructor: 컴포넌트 생성자 메서드 getDerivedStateFromProps: props로 받아온 것을 state에 넣어줄 때 사용 render: 렌더 메서드 componentDidMount: 첫 렌더링이 종료된 후 호출되는 메서드 (DOM을 사용해야 하는 외부 라이브러리를 연동하거나, ajax 요청, 혹은 DOM의 속성을 읽거나 직접 변경하는 작업 진행) getDerivedS...

LifeCycleMethodlife cycle생명주기리액트LifeCycleMethod

NestJS 인터셉터 그리고 라이프사이클

인터셉터는 @Injectable() 데코레이터로 주석이 달린 클래스임. 쓸려면 NestInterceptor 인터페이스 가져와야함. 주로 컨트롤러에서 받은 데이터를 가공할 때 사용한다고 함. 이런거 가능하다함 메소드 실행 전/후 추가 로직 바인딩 함수에서 반환된 결과를 변환 함수에서 던져진 예외 변환 기본 기능 동작 확장 특정 조건에 따라 기능을 완전히 재정의합니다(예: 캐싱 목적) 저 코드를...

NestJS생명주기NestJS