Knowledge/React
-
React 16 에 추가된 기능들Knowledge/React 2019. 12. 18. 19:01
React 16 마스터하기 강의를 듣고 정리한 내용입니다. Fragment 이전 버전에선 하나의 element만 return 할 수 있는 React의 특성 때문에 여러 개의 태그를 리턴하기 위해선 하나의 부모 태그가 필요했고 이 때문에 의미 없는 태그가 들어가곤 했습니다. 그러나 Fragment를 활용하면 예를 들어 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 import React, { Component, Fragment } from 'react'; class ReturnTypes extends Component { render() { return ( ); } } function App() { return ( ); } export de..
-
React를 시작해보자! create-react-app으로 React 앱 생성하기! ( js )Knowledge/React 2019. 11. 20. 12:43
먼저 create-react-app으로 react 앱을 생성하기 위해선 npm과 npx 가 설치되어 있어야 한다. 이 부분은 설치 방법을 검색하면 결과가 많이 나오니 따로 설명하진 않겠다. 만약 터미널에 'npm -v' 와 'npx -v'를 입력했을 때 위와 같이 설치된 버전이 출력된다면 설치되어 있는 것이다. - create-react-app npm이 설치되어 있다면 React App을 만드는 두가지 방법이 있다. 하나는 React App을 만들고자 하는 폴더에 가서 터미널에 'create-react-app' 명령어를 입력하는 것. 나머지 하나는 만들고자 하는 상위 폴더에가서 create-react-app react_basic 명령어 폴더명 위와 같은 키워드를 터미널에 입력해 react 프로젝트를 생성..