생활코딩3 [생활코딩 따라가기] React 7~9.샘플 웹앱 배포 복습 특징 - component 1. 가독성 사용자 정의코드 : ex) 2. 재사용성 3. 유지보수 변경시 모두 적용 목표 1. 개발환경, 어디를 수정할 수 있는지 2. run 실행 3. deploy 배포 실습 전 준비사항 1. 워크스페이스 폴더 생성 2. 해당폴더에서 react 프로젝트 생성 : npx create-react-app space-r1(프로젝트명) React - 7. JS 코딩하는 법 https://www.youtube.com/watch?v=LEPiRfPD9Uw&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=7 1. 화면에 노출되는 코드는 어디인가 public/ 폴더 안에 있는 index.html 의 안쪽에 내가 정의한 component들이 들어가게 된다.. 2019. 5. 26. [생활코딩 따라가기] React 1~6.샘플 웹앱 실행 생코 React 수업 : https://www.youtube.com/playlist?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi React - YouTube www.youtube.com 완전 가장~ 따끈 따끈한 the new 수업~ 1. 기기~기본환경 세팅 ( 생코 Link : 04. npm을 이용해서 create react app 설치 ) 1-1) npm 버전확인 npm -v 추가, 참고용 외부 블로그 : https://velopert.com/1351 [Node.js] TIP: Node.js 와 NPM 최신버전으로 업그레이드 하기 | VELOPERT.LOG 이번 포스트는 기존에 node.js 가 설치 되어있는 상태에서 Node.js 와 NPM 을 최신버전으로 업그레이드 하는 .. 2019. 5. 1. [생활코딩 따라가기] javascript 객체 지향 프로그래밍_14 생성자를 통한 상속 javascript 객체 지향 프로그래밍 생코 수업 Link : https://opentutorials.org/module/4047/24630 생성자를 통한 상속 - JavaScript 객체 지향 프로그래밍 수업소개 이 수업은 불필요하게 어렵습니다. 동일한 역할을 하면서도 훨씬 이해하기 쉬운 class 상속 수업을 보실 것을 권해봅니다. 물론 보셔도 됩니다. ㅎㅎ 강의1 강의2 코드 constructor-inheritance.js (변경사항) function Person(name, first, second){ this.name = name; this.first = first; this.second = second; } Person.prototype.sum opentutorials.org 14. 생성자를 .. 2019. 5. 1. 이전 1 다음
