본문 바로가기

OLD_달려라/Web36

책과 함께 ] (비공)(2) 리액트란? 보호되어 있는 글 입니다. 2020. 6. 28.
책과 함께 ] (2) 리액트란? * 책의 모든 내용을 업로드할 수 없기 때문에 간단한 부분만 업로드한 후, 직접 클론 코딩한 내용은 비공개로 업로드 하겠습니다. 목차 1. 폴더 구성 2. 동작 원리 1. 폴더 구성 public folder - favicon.ico : 사이트명에 사용되는 아이콘 src folder - app.js : 가장 먼저 나타나는 화면 구성해주는 파일 2. 동작 원리 리액트는 작성자가 작성/수정한 프로젝트 폴더의 코드를 JavaScripts를 이용해 해석합니다. 그 후 해석된 내용을 index.html에 끼워 넣습니다. ** index.html과 index.js 확장자 헷갈리면 안 돼요 Hello Hello Hello2 index.html은 .js를 해석하면서 비어 있는 부분을 채웁니다. 따라서 엘리먼트를 추가/제.. 2020. 6. 28.
책과 함께] (비공)(1)-1.리액트 시작하기 보호되어 있는 글 입니다. 2020. 6. 28.
책과 함께] (1)리액트 시작하기 * 책의 모든 내용을 업로드할 수 없기 때문에 간단한 부분만 업로드한 후, 직접 클론 코딩한 내용은 비공개로 업로드 하겠습니다. 오늘의 공부 목차 1. 리액트 시작하기 전.. 설치해야 할 프로그램 2. 왜 리액트를 공부해야 할까? 3. 무엇을 클론 코딩할 것인가??? 4. 리액트로 시작하기(1) 1. 리액트 시작하기 전.. 설치해야 할 프로그램 node.js 설치하기 //명령 프롬포트 nodeJS 설치 확인 node -v 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 후, 버전 확인한 모습. npm 설치 확인 npm -v npx 설치하기 npm install npx -g.. 2020. 6. 28.