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

2022. 3. 6. 16:32공부/패스트캠퍼스

수강 인증샷


패스트캠퍼스 챌린지란?

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


42일차

 

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

 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에서 14. PropTypes 강의에서 원래 React.PropTypes는 React v15.5부터 다른 패키지로 이동했다. 대신 prop-types라는 라이브러리를 사용하길 React는 권장한다. 개발을 진행하다 개발의 규모가 점점 커질 때 타입 검사를 활용하면 많은 버그를 잡을 수 있다. 특정 애플리케이션에서 전체 애플리케이션의 타입 검사를 위해 TypeScript와 같은 JavaScript Extension을 사용할 수 있지만 React에서 내장된 타입 검사 기능을 이용하고자 컴포넌트의 props에 타입 검사를 진행하려면 propTypes라는 프로퍼티를 선언함을 통해 prop의 타입을 검사할 수 있다. PropTypes는 전달받은 데이터의 유효성을 검증하기 위해 다양한 유효성 검사기를 사용할 수 있다. PropTypes.string과 같이 사용하면 string이 아닌 값이 prop으로 전달될 때 경고문이 JavaScript 콘솔을 통해 확인할 수 있다. 또, defaultProps 프로퍼티를 할당함으로써 props의 초깃값을 정의할 수 있으며, propTypes는 성능 상의 이유로 개발 모드에서만 사용할 수 있다. 


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

 


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