병아리의 코딩 일기

안녕하세요! 바로 돌아왔습니다! ㅋㅎ 지난 기사에서는 리액트의 라이프 사이클 및 클래스형 컴포넌트에서의 생명 주기 메소드들을 살펴봤는데요, 이번엔 useEffect로 이 메소드들을 편리하게 사용하는 방법을 소개해볼게요 ! useEffect의 등장 useEffect는 React 16.8 버전에 새롭게 추가된 Hook입니다. 처음에도 말했듯이 useEffect를 사용하면 클래스형 컴포넌트를 작성하지 않아도 함수형 컴포넌트에서 side effect를 수행할 수 있습니다. 어떤 개발자분은 'useEffect를 componentDidMount와 componentDidUpdate, componentWillUnmount가 합쳐진 것으로 생각해도 좋다.' 라고 합니다. useEffect는 다음과 같이 두 가지 형태가 ..

여러분 안녕하세요 :) 바쁘게 코딩하다보니 시간이 정말 빨리 가네요 ,, ㅎㅋㅋ 10기는 벌써 2학기 공통 프로젝트 기간에 접어들었는데요, 다들 프로젝트 잘 진행하고 계신가요?! 저는 모바일을 하게 되어서 플러터로 개발하고 있는데,, 1학기보다 더 바쁘게 지내고 있습니다 ㅠㅠㅋㅋ 이번엔 1, 2편으로 나누어 React의 Life Cycle과 useEffect에 대한 내용을 준비해봤습니다 :) useEffect가 뭘까요? useEffect는 함수형 컴포넌트에서도 부작용(Side Effect)을 처리할 수 있게 해주는 Hook입니다. * 여기서 부작용이란, 컴포넌트가 렌더링 되거나 상태가 업데이트 될 때 발생하는 작업을 말합니다. 함수형 컴포넌트 이전에는 클래스형 컴포넌트를 사용했었는데요, 오늘은 클래스형 ..