본문 바로가기

react

[React] PropTypes를 작성해야하는 이유 React props 리액트에서는 자바스크립트의 함수를 호출할 때 매개변수를 전달하는 것 처럼 데이터(숫자, 문자열, 함수, 객체, 배열 등등)를 전달할 수 있다. 그러나 컴포넌트가 잘못된 타입의 props를 받으면 bug가 발생하게 되고 에러가 발생해 애플리케이션이 중단된다. 자바스크립트에는 내장되어있는 타입 체크 솔루션이 없기 때문에, 많은 개발자들은 TypeScript와 Flow와 같은 extention들을 사용하지만, 리액트에는 props의 유효성을 검사하기 위한 내부적인 매커니즘인 PropTypes가 있다. TypeProps 리액트 애플리케이션을 개발할 때, 어떤 props가 정의되지 않으면 적절하게 렌더링되지 않기 때문에 필수적으로 props을 정의해야하는 경우가 있다. props가 리액트의 .. 더보기
[React] 리액트란? 리액트의 4가지 특성 "A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES” "리액트는 유저 인터페이스를 만드는 자바스크립트 라이브러리이다." 나는 문득 리액트가 라이브러리라는 점이 의아했다. 나는 리액트가 자바스크립트의 프레임워크라고 생각했고 꽤 많은 문서에서 리액트를 프레임워크라고 칭하고 있었다. 프레임워크 --(호출)--> 내코드 프레임워크는 뼈대나 구조기반과 같다고 볼 수 있다. 특정 개념을 추상화하는 클래스와 컴포넌트들로 구성되어있으며 해당 클래스나 컴포넌트는 문제를 해결하기 위한 방법을 제공한다. 개발자는 프레임워크에서 정의된 흐름과 규칙에 따라 코드를 작성해야한다. 즉 코드의 흐름에 대한 제어를 프레임워크가 가지고 있는 것이다. 프레임워크를 사용하면 코드의 일관성, 통합성을 .. 더보기