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

2022. 2. 21. 11:44공부/패스트캠퍼스

수강 인증샷


패스트캠퍼스 챌린지란?

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


29일차

 29일차에는 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에서 01. Hooks 1 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에서 01. Hooks 1 강의에서는 React 버전 16.8부터 React 요소로 새로 추가된 Hook에 대해 공부하며 Hook은 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React 기능을 사용할 수 있다. 좀 더 자세히 살펴보자면, Hook의 특징들은 다음과 같다. 먼저, Hook이 나왔다고 해서 업데이트 이후로 무조건 Hook을 써야 하는 것이 아닌, 기존의 코드를 다시 작성할 필요 없이 일부 컴포넌트 안에서 Hook을 사용할 수 있다. 그리고, Hook을 사용할 필요가 없다면 굳이 사용하지 않아도 된다. 그리고 Hook은 호환성을 깨뜨리는 변화가 없기 때문에 100% 이전 버전과 호환된다. 추가로 React 공식 문서 내용에 따르면 React에서 Class를 제거할 계획은 없다. 따라서, 기존에 사용하던 클래스 컴포넌트를 함수 컴포넌트로 변경하지 않아도 된다는 뜻이다. 또한, Hook은 알고 있는 React 컨셉을 대체하지 않는다. 대신, Hook은 props, state, context, lifecycle과 같은 좀 더 직관적인 API를 제공한다. 또한 Hook은 이 개념들을 엮기 위한 새롭고 강력한 방법을 제공한다.

 


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

 


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