일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- express
- node.js
- backend
- ES6
- HTML
- frontend
- heroku
- CSS
- nodejs
- JavaScript
- clonecoding
- NextJs
- 자바스크립트
- form
- Mongoose
- DART
- graphQL
- ECMAScript
- Session
- Flutter
- API
- CLONE
- Component
- MongoDB
- javscript
- 리액트
- react
- pug
- GRID
- TypeScript
- Today
- Total
목록reactjs (2)
Enjoy Programming

react에서 컴포넌트에 prop을 보내는 것 까지는 해봤는데 이게 부모 컴포넌트로부터 전달 받은 prop이 내가 예상한 prop인지 확인할 수 있어야 한다. 항상 보이지 않는 에러를 방지하기 위해서는 꼼꼼한 체크가 필수 이다. 이제 체크하는 방법을 알아보자. 이전 포스팅 코드를 그대로 쓰면서 체크해 보겠다. 먼저 list에 객체들에 각각 rating을 추가하자. rating은 모든 것을 평가한다. rating: 5.1 이런식으로 임의의 숫자를 추가한다 그리고 prop-types를 설치해준다. prop-types 라이브러리는 내가 전달 받은 props가 내가 원하는 props인지 확인 해주는 라이브러리이다. 설치가 끝났으면 import PropTypes from "prop-types"; 임포트 해주고 F..

자 이제 react를 배운다. nomad coder 의 react 로 영화앱만들기 코스로 배워보기로 한다. 먼저 react가 무엇인가. react는 현업에서 인기 있는 웹.앱 의 view를 개발 할 수 있도록 하는 라이브러리이다 즉 사용자가 조작하기 위한 UI를 만드는 것을 도와주는 라이브러리이다 특징으로는 1. 선언형 프로그래밍 : 먼저 프로그래밍은 선언형과 명령형으로 나뉜다. 선언형 - 함수형, 논리형, 제한형 프로그래밍 언어로 쓰인경우이다. 선언형 프로그램은 목표를 명시하고 알고리즘을 명시하지 않는다. 명령형 - 프로그래밍의 상태와 상태를 변경시키는 구문의 관점에서 연산을 설명하는 프로그래밍. 명령형 프로그램은 알고리즘을 명시하고 목표는 명시하지 않는다. 리액트는 선언형 성격에 맞게 원하는 결과를 ..