패스트캠퍼스 챌린지 9일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

수강 인증샷

 

---

패스트캠퍼스 챌린지란?

 패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.

---

9일차

 9일차에는 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 14. 컴포넌트 사이드 이펙트 다루기 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 14. 컴포넌트 사이드이펙트 다루기 강의에서는 먼저 사이드 이펙트라는 개념에 대해 정의하고 시작한다. 사이드 이펙트 약을 먹었을 때 원하는 효과가 아닌 다른 효과를 사이드 이펙트라고 부른다. 어감상 부작용이라는 말이 있는데 부작용 혹은 의도하지 않은 효과라고 하지만 부수 효과라고도 부른다. React에서 어떤 변경이나 어떤 효과가 일어날 때 그 효과를 다른 곳으로 전파를 다른 곳에서 부수적으로 효과를 내주기 위한 React Hook이다. useState가 상태가 변경될 때 자동으로 리렌더링 된다는 장점이 있지만, 이 리렌더링이라는 것은 컴포넌트를 매번 재생성하면서 바뀐 부분만 리렌더링 해주기 때문에 컴포넌트가 무거워지면 재생성하는 것이 단점이 될 수 있다. 따라서, useEffect라는 React Hook을 통해 이 문제를 해결할 수 있다. useEffect 안에는 두 가지 인자가 존재하는데, 첫 번째 인자는 함수 형태이고, 두 번째 인자는 배열 형태이다. 함수 형태는 특정 조건에서 실행되는 코드들이고 배열은 만약 배열을 넣지 않는다면 매번 실행되고, 빈 배열을 넣으면 무조건 한 번만 실행되며, 배열 안에 특정 변수를 넣으면 특정 변수가 변할 때만 실행된다.

---

본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 

---

패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC