관광이 블로그

- 노마드코더 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을 만들기 위함(패키지 설치..

모듈 : http,os => node.js 제공 모듈 그외 Date,Array,String Js제공 모듈이다. npm(node 계의 앱스토어) -의존성 관리 낮춰줌package manager uglifyjs 설치 방법$npm install uglify -js -g 명령어(global 독립 소프트웨어로 사용)$uglifyjs --help 명령어 의미를 나타내준다 1.$uglifyjs pretty.js 파일 실행필수적 코드만 만들게 해준다(공백, 필요없는것들 없앤후 코드 생성)2.$uglifyjs pretty.js -m-m 옵션(mungle) 공백 및 지역 변수 같은 이름바꾸어도 될것들은 짧게 바꾸어준다.3.$uglifyjs pretty.js -o uglifyed.js -m 짧아진 코드 지정 해준다.-o u..

파일의 분리메인 파일의 코드중에서 독립적인 기능은 별도 파일로 분리 가능, 메인 파일에서 전체적인 순서나 흐름만 제어 한다. 이렇게 분리된 파일을 노드에서는 모듈 이라고 부른다.export 전역객체각각의 기능을 분리 시킬 떄는 단순히 별도의 파일에 코드를 나누어 놓는게 끝나는것이 아니다. 모듈 파일을 불러와서 사용할 수 있는 방법도 함께 만들어 준다.노드는 CommonJs의 표준 스펙에 따라 모듈을 사용할 수 있게 한다. 이때 사용하는것이 exportNode.js에서 모듈 사용하는 대표적인방식Main.js VS module1.js 1. Main.Jsvar module1 = require('module1');module1.함수 이름(); 2. module1.jsexports.함수이름 = 함수 정의; => ..

Node.js란?노드제이에스(node.js)는 노드(node)라는 원래의 이름뒤에 자바스크립트를 사용한다는 의미에서 제이에스(js)를 붙인형태 왜 Node.js를 만들었을까?파일업로드 할때, 업로드 완료되기전까지 아무것도 할수 없었기 때문에, 이 문제를 해결하기 위해 새로운 방식의 서버 개발 도구를 만들기 시작함.-> 파일 업로드 기능을 담당하는 핸들러를 하나 만들어 둔다.Node 특징1. 하나의 요청 처리가 끝날 때까지 기다리지 않고 다른 요청을 동시에 처리 할 수 있는 비동기(입출력,Non-Blocking IO)방식을 적용 그러면 반대로 동기 입출력 방식은 무엇일까?- 파일 기능(읽기요청) -> 파일 준비 -> 파일 처리 -> 데이터 처리(완료 되었을 경우 완료되지 않았으면 다시 반복) -> 다른 작..