frontend23 [React] Component 에서 props 사용하기-떽떽대는 개발공부 2020/12/31 - [React] - [React] Component 생성하고 모듈화하기 [React] Component 생성하고 모듈화하기 2020/12/30 - [React] - [React] 프로젝트 생성하고 실행하기 Component 생성 및 모듈화 이전 글에서 프로젝트를 생성했다면 이제 component를 생성하여 프로젝트를 진행할 수 있다. src/index.js import React fr.. ddeck.tistory.com props props 는 컴포넌트에서 사용 할 데이터 중 변동되지 않는 데이터를 다룰 때 사용한다. parent 컴포넌트에서 child 컴포넌트로 데이터를 전할 때, props 가 사용된다. props 추가하기 컴포넌트에서 변하지 않는 데이터가 필요 할 땐, rend.. 2020. 12. 31. [React] Component 생성하고 모듈화하기-떽떽대는 개발공부 2020/12/30 - [React] - [React] 프로젝트 생성하고 실행하기 [React] 프로젝트 생성하고 실행하기 리액트 프로젝트 생성 및 실행 방법 프로젝트 생성 프로젝트 생성 명령 설치하기 npm install -g create-react-app 위 명령으로 리액트 프로젝트를 생성하는 create-react-app명령을 설치했다. -g옵션이 주어 ddeck.tistory.com 이전 글에서 프로젝트를 생성했다면 이제 component를 생성하여 프로젝트를 진행할 수 있다. Component 생성 및 모듈화 src/index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import Ap.. 2020. 12. 31. [React] 프로젝트 생성하고 실행하기-떽떽대는 개발공부 리액트 프로젝트 생성 및 실행 방법 프로젝트 생성 프로젝트 생성 명령 설치하기 npm install -g create-react-app 위 명령으로 리액트 프로젝트를 생성하는 create-react-app명령을 설치했다. -g옵션이 주어졌기 때문에 시스템 공통 폴더에 설치된다. 따라서 프로젝트를 새로 생성할 때마다 위 명령을 반복할 필요가 없다. npx 로 프로젝트를 생성해야 하는데 npx 를 설치하기 위해서는 npm 을 통해서 설치 가능하다. npm install npx -g 프로젝트 생성하기 npx create-react-app [프로젝트이름] create-react-app명령을 실행하여 프로젝트를 생성할 수 있다. 프로젝트 이름으로 영어 대문자는 사용이 불가능하다. 프로젝트 실행 생성한 프로젝트 폴.. 2020. 12. 30. 이전 1 ··· 3 4 5 6 다음
