관광이 블로그

- 노마드코더 1. API yts.ag 클론 코딩을 통해서 만들어 볼 것이다. 2. 트랜스 파일러( 웹 팩 ) 3. 리액트 코드를 브라우저가 이해할수 있는 언어로 바꿔주는것(JS 6 Version)https://webpack.github.io/ 4. 리액트로 작업하려면 웹팩과 같은 모듈번들러를 사용한다 5. 페이스북이 create-react-app 이라는것을 제공해준다. 그러면 모듈번들러 같은걸 사용할 필요가 없다 1. WebStorm Install -> 나는 Bracket을 사용하였다 2. Node.js Install 3. cmd C:\>cd movie_app_reactC:\movie_app_react>npm install -g create-react-app movie_app을 만들기 위함(패키지 설치..

ReactJS (리액트란?) 정의 및 특징 1. 자바스크립트 기반이다 2. angular,vue 처럼 다른언어를 배울 필요가 없다 3. 리액트 모든것은 자바스크립트기반(약간의 html 정도?) 4. 리액트를 배우면 다른곳에선 필요없는 기술을 배울 필요가 없음예) Angular 5. 리액트는 요소별로 쪼개서 작업 할 수 있음 (다른곳으로 가져다가 쓸 수가 있음) 6. 단방향 DataFlow를 가지고 있음 예) Data-> UI (상태가 변하면 데이터가 변하는게 아니라 UI가 변함)데이터가 변화면 -> UI Update 7. 거대한 라이브러리, 커뮤니티,오픈소스가 되게 강점이다 8. 프레임 워크 X , UI 라이브러리 O 9. 리액트는 View 이다! 10. 장고, 루비온레일즈,node.js랑 섞어서 쓰기 가능

프로토타입자바스크립트에서도 객체의 원형을 정의 한 후 그원형에서 새로운 인스턴스 객체를 만들어 낼 수 있음.Ex) 프로토 타입 예제function Person(name,age){ this.name = name; this.age = age;} Person.prototype.walk = function(speed){ console.log(speed + " km 속도로 걸어 갑니다.");} var person01 = new Person('kim ',20);var person02 = new Person('park',24); console.log(person01.name + "객체의 walk(10)을 호출 합니다.");person01.walk(10);=>1. Person 프로토 타입의 객체를 만드려면 먼저 Per..

자바스크립트에 클래스는 없지만 함수(function)와 new를 통해 클래스를 비스무리하게 흉내낼 수 있습니다.function Person() { this.eyes = 2; this.nose = 1; }var kim = new Person(); var park = new Person();console.log(kim.eyes); // => 2 console.log(kim.nose); // => 1console.log(park.eyes); // => 2 console.log(park.nose); // => 1kim과 park은 eyes와 nose를 공통적으로 가지고 있는데, 메모리에는 eyes와 nose가 두 개씩 총 4개 할당됩니다. 객체를100개 만들면 200개의 변수가 메모리에 할당되겠죠? 바로 이런 ..

내장 모듈 이란?자주 사용하는 기본기능을 노드에 포함 시켜 제공하는것인데,노드를 설치하고 나면 그 안에 제공되는 다양한 모듈을 사용 할 수 있다.내장모듈에 대한 정보(http://nodejs.org/api) 내장모듈보다 외장모듈이 더 편리한 경우도 있다.OS 모듈메소드 이름 설명 hostname() 운영체제의 호스트 이름을 알려준다. totalmem() 시스템의 전체 메모리 용량을 알려준다. freemem() 시스템에서 사용 가능한 메모리 용량을 알려준다 cpus() cpu 정보를 알려준다. networkInterface() 네트워크 인터페이스 정보를 담은 배열 객체를 반환한다. 예시) var os = require('os');console.log('시스템의 hostname: %s',os.hostname..