# proptypes

19개의 포스트
post-thumbnail

React : PropTypes

☃️ React : 내 맘대로 정리집__React에서 prop 값을 검사해 보자!

2022년 2월 17일
·
0개의 댓글
post-thumbnail

[React] PropTypes를 이용한 타입 검사

작업하는 프로젝트의 규모가 커질 수록 생각지 못한 곳에서 에러가 발생하는 일이 잦아진다. 이를 방지하기 위한 방법으로, PropTypes를 활용하여 타입(type)을 확인하는 것이 대표적이다.자바스크립트의 유연한 특성 때문에 작성이 편한 반면, 파일이 많아지면 생산성이

2022년 1월 27일
·
0개의 댓글

React PropTypes

React의 PropTypes는 컴포넌트가 받을 Props의 데이터 타입을 미리 지정하고 실제 전달 받은 Prop이 그와 다를 경우 콘솔을 통해 에러를 출력하는 기능을 한다.

2022년 1월 24일
·
0개의 댓글
post-thumbnail

Create-React-App

React 프로젝트 시작할 때 사용하는 Create-React-App

2022년 1월 23일
·
0개의 댓글
post-thumbnail

CRA를통해 propTypes 설치, CSS모듈화하기

콘솔창에 npm i prop-types 입력파일 상단에 import propTypes from "prop-types"원하는 prop에 propTypes 지정CSS파일을 통해 html을 꾸미려할 때, button 이라는 태그에 스타일을 주면 모든 button들에 적용될

2022년 1월 11일
·
0개의 댓글
post-thumbnail

Props의 type 알기

위와 같이, text 라는 애는 string을, fontSize라는 애는 number를 전달하고 싶은데 실수로 다른 타입의 값을 넣는다면, 잘못 작성한 것이지만 문법상의 오류는 없기 때문에 ReactJS가 캐치하지 못한다.ReactJS가 알아채고 경고문을 띄우게 하기

2022년 1월 7일
·
0개의 댓글
post-thumbnail

Components와 Props - 객체지향방식

컴포넌트 클래스의 형식

2021년 12월 29일
·
0개의 댓글
post-thumbnail

[react] PropTypes 타입검사

코드가 많아지고 그에 따른 props가 많아진다면,props의 type에 따른 버그가 생길 수 있다.이 버그는 syntax error에 들어가지 않아서 console창에 뜨지 않기 때문에PropTypes를 설치하여 console창에 검사를 할 수 있도록 만들어보자.잘

2021년 11월 11일
·
0개의 댓글
post-thumbnail

[React] 4. state, props

1. state ✔ state는 컴포넌트 내부에서 바뀔 수 있는 값을 의미한다. props는 컴포넌트가 사용되는 과정에서 부모 컴포넌트가 설정하는 값이며, 컴포넌트 자신은 해당 props를 읽기 전용으로만 사용할 수 있다. 즉, props를 바꾸려면 부모 컴포넌트에서

2021년 9월 20일
·
0개의 댓글
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 2.4 PropTypes로 점검하기

우리는 father componant로 부터 받은 prop가 우리가 예상한 props인지를 항상 점검할 필요가 있다. 이것을 우리에게 알려주는 것이 prop-types다. 를 터미널에 명령해 설치한다. 설치가 잘 되었는지 확인하려면 package.json ➡️ depe

2021년 5월 27일
·
0개의 댓글

REACT 기초 : propTypes

npm install prop-typesprop-types 패키지를 설치한다Basic.propTypes = { name: PropTypes.string.isRequired, birth: PropTypes.number.isRequired, lang: PropType

2021년 4월 28일
·
0개의 댓글

[TIL] React PropTypes.shape 사용법

참고: https://stackoverflow.com/questions/32325912/react-proptype-array-with-shape#32327205 https://www.daleseo.com/react-prop-types/#%EB%B3%B5%EC%9E%A1%ED%95%9C-%ED%83%80%EC%9E%85-%EC%A0%95%EC%9D%98

2021년 4월 3일
·
0개의 댓글

[TIL] React 의 Children PropTypes 설정

니꼬 강의를 듣다가 적어둔다.출처: https://nomadcoders.co/react-for-beginners/lectures/521https://github.com/yannickcr/eslint-plugin-react/issues/7

2021년 3월 28일
·
0개의 댓글

[React] PropTypes 쓰는 이유, 방법

작업하는 프로젝트의 규모가 커질 수록 생각지 못한 곳에서 에러가 발생하는 일이 잦아진다. 이를 방지하기 위한 방법으로, PropTypes를 활용하여 타입(type)을 확인하는 것이 대표적이다.

2021년 2월 1일
·
4개의 댓글
post-thumbnail

PropTypes를 이용한 Type 확인

받는 props가 원하는 타입인지 알 수 있게 해주는 보조역할. import해서 사용하면 됨.

2021년 1월 30일
·
0개의 댓글
post-thumbnail

React - PropTypes

props-types는 props의 type정보를 정의할 때 사용하는 React 공식 패키지이다. ( npm, yarn 등으로 설치해야 한다.)기본적으로 Javascript는 동적 타입 언어이다.때문에, 매번 type을 정해주지 않아도 되고 간단한 프로그램을 작성할 때

2020년 11월 1일
·
1개의 댓글

propTypes

PropTypes 컴포넌트에서 전달받은 props의 타입을 확인가능하게 함 컴포넌트 파악에 도움이 된다 설치 리액트에 내장 되어 있기에 리액트만 설치되어 있다면 설치 필요X 사용 import PropTypes from "prop-types"; Greeting.js

2020년 10월 1일
·
0개의 댓글
post-thumbnail

TIL - 2020.08.23

오늘도 새벽에 작성하는 TIL! 언제나 새벽에 작성한다 ㅠㅠ😅(물론 아직 더 해야하지만,,,)프로젝트 개발멘토링, 피드백프로젝트 개발을 하는데 PropTypes를 해결하는데 오래 걸렸다.위와 같은 구조의 List의 PropTypes를 검사해야하는데 object도 쓰고

2020년 8월 23일
·
0개의 댓글