props는 상위 컴포넌트(component)에서 하위컴포넌트로 데이터를 넘겨줄때 사용한다. App.js // props라는 데이터를 넘겨준다. function App(props) { return ( // name이라는 값과 color값을 전달해준다. ); } Hello.js import React from 'react'; // props에서 원하는 속성만 객체로 받을수 있다. function Hello({ color, name }) { return 안녕하세요 {name}! } export default Hello; import React from 'react'; // 아니면 아래와 같이 props속성을 통채로 받아서 원하는 정보를 꺼내쓸수도 있다. function Hello(props) { return..
리엑트(React)를 사용하기 위해서는 크게 3가지 프로그램의 설치가 필요하다. #1. node.js #2. yarn #3. vscode nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org classic.yarnpkg.com/en/ Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined a..
import하는 방식에는 2가지가 있다. import { promote } from './module3'; import Teacher from './module3'; import Teacher, { promote } from './module3'; {}를 가지고 객체형태로 import시키는 값들은 해당 모듈파일에서 export해준 function이나 class를 명시해준다. 하지만 Teacher처럼 해당 import값의 기본값을 설정해줄수있다. module3.js import { Person } from './module2'; export function promote() {}; // Teacher의 default값을 설정해준다. export default class Teacher extends Pers..