Frontend/React (10) 썸네일형 리스트형 [React]기초용어 + build 생활코딩: 리액트를 보고 작성된 게시글입니다. 구성요소 OPEN FOLDER를 이용해서 개발환경 폴더를 VS Code에 불러온 모습 public folder index.html npm run start시 연결되는 local host화면 code React로 만들어낸 사용자 설정 tag (a.k.a Component )들이 위치하는 장소 id는 root가 기본이지만 수정이 가능하다. src(소스) folder 개발 작업시 대부분의 작업물(코드)들은 이 폴더에 생성하게됨 index.js 'root'라는 id의 값을 변경하려면 index.js에서도 변경해주어야 함! App.js *주의 function type을 class type으로 변경 시켜 줄 것! import React from 'react'; func.. [React] 개발환경 만들기 생활코딩 : 리액트 편을 보고 작성한 게시글입니다. React사용의 장점 Component를 이용한... 가독성 재사용성 유지보수 *Component : react를 이용한 사용자 정의 tag 기본환경 만들기 1. node js 설치 nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치가 되었는지 확인 Terminal npm -v 2. Create React App설치 sudo npm install -g create-react-app 설치 완료 확인 create-react-app -V 3. 작업환경 설정 1_원하는 곳에 폴더 하나 만들기 2_ //개발환경으로 만들.. 이전 1 2 다음
