공부 기록
npm (Node Package Manager) - 자바스크립트 언어를 위한 패키지 관리자 - NPMSearch에서 탐색가능한 Node.js 패키지, 모듈 저장소 - Node.js 패키지 설치 및 버전 / 호환성 관리를 할 수 있는 커맨드라인 유틸리티 => 다른 사람이 작성해 놓은 외부 모듈을 npm을 통해 사용할 수 있다! package.json - 사용하는 외부 모듈이 많아지면 관리하기가 번거로워질 수 있고 필요한 모듈이 많은 경우 패키지 수 만큼 npm 명령을 사용해야한다. - 이러한 번거로움을 없애기 위해 필요한 패키지들의 목록을 파일로 정리해놓고 목록 파일을 이용하여 단 한번의 명령어로 필요한 패키지를 모두 설치하게 해주는 패키지 정의 파일 dependencies - 현재 프로젝트가 의존하고 있..
요청과 응답 - 클라이언트에서 서버로 요청을 보낸다. - 서버는 요청의 내용을 읽고 처리한 뒤 클라이언트에게 응답을 보낸다. - 따라서 서버에는 요청을 받는 부분과 응답을 보내는 부분이 있어야 한다. - 이는 이벤트 방식으로 이루어진다. - 클라이언트에게서 요청이 왔을 때 어떤 작업을 수행할지 이벤트 리스너를 미리 등록해 두어야 함 http 서버 createServer 메서드 - 인자로 요청에 대한 콜백함수를 넣을 수 있다. - 요청이 들어올 때마다 매번 콜백 함수가 실행된다. (해당 콜백 함수에 응답을 적어주면 된다.) - 콜백함수에는 req, res 매개변수가 존재한다. - req 객체 = 요청에 관한 정보, res 객체 = 응답에 관한 정보 const http = require('http'); co..
노드란 모듈로 만들수 있다는 점에서 브라우저의 자바스크립트와 다르다. 모듈 - 특정한 기능을 하는 함수, 변수들의 집합 - 그 자체로 하나의 프로그램이면서 다른 프로그램의 부품으로도 사용 가능하다. - 모듈을 만들떄는 모듈이 될 파일과 모듈을 불러와 사용할 파일이 필요하다. var.js const odd = '홀수입니다.'; const even = '짝수입니다.'; module.exports = { odd, even, }; - var.js 파일에 변수 두개를 선언한 뒤 module.exports에 변수를 담은 객체를 대입 - 변수들을 모아둔 모듈 - module.experts 대신 experts.odd = '홀수입니다.'; experts.even = '짝수입니다.'; 와 같이 experts 객체에 하나씩..
Node.js - 크롬 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 런타임 - 특정 언어로 만든 프로그램들을 실행할 수 있는 환경을 뜻함 이벤트 기반 - 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식을 의미 ex) 클릭, 네트워크 요청 - 특정 이벤트가 발생할 때 무엇을 할지 미리 등록해 두어야함 => 이벤트리스너에 콜백 함수를 등록
const, let - var 대체 if (true) { var x = 3; } console.log(x); // 3 if (true) { const y =3; } console.log(y); // error x는 정상출력, y는 에러 발생 - var => 함수 스코프를 가지므로 블록과 관계없이 접근이 가능 - const, let => 블록스코프를 가지므로 블록 밖에서는 변수에 접근 X const a = 0; a = 1; // error let b = 0; b = 1; // 1 - const는 한 번 대입하면 다른 값을 대입할 수 없음 - 변수 선언시에는 const, 다른 값을 대입해야 할 때는 let 사용 템플릿 문자열 const num3 =1; const num4 = 2; const result2 =..
객체 for ... in - 객체의 프로퍼티를 순회하는데 사용 - for (변수 in 객체) { 구문 } - 본문은 객체의 각 프로퍼티에 대해 한 번씩 실행 - 반복에 앞서 객체 프로퍼티 중 하나의 이름이 변수에 문자열 타입으로 할당 됨 const SYM = Symbol(); const o = { a: 1, b: 2, c: 3, [SYM]: 4 }; for (let prop in o) { if (!o.hasOwnPreperty(prop)) continue; console.log('${prop}: ${o[prop]}'); } Object.keys - 객체에서 나열 가능한 문자열 프로퍼티를 배열로 반환 - 객체의 프로퍼티 키를 배열로 가져와야 할 때 편리 const o = { a:1, x:2, b:3, g:..
배열 push, pop, shift, unshift - push, pop 각각 배열의 끝에 요소를 추가하거나 제거한다. - shift, unshift 각각 배열의 처음에 요소를 제거하거나 추가한다. const arr = ["b", "c", "d"]; arr.push("e"); // arr = ["b", "c", "d", "e"] arr.pop(); // "e" 제거 arr = ["b", "c", "d"] 배열의 끝 요소 제거 arr.unshift("a"); // arr = ["a", "b", "c", "d"] arr.shift(); // "a" 제거 arr = ["b", "c", "d"] 배열의 첫 요소 제거 concat - concat 배열의 끝에 여러 요소를 추가한 '사본'을 반환한다. concat에..
스코프 - 변수와 상수, 매개변수가 언제 어디서 정의되는지 결정해준다. function f(x) { return x + 3; } f(5); // 8 x; // undefined - x의 스코프가 함수 f이다. ( 함수를 실제 호출할 떄까지는 함수 바디의 정해진 매개변수가 존재하지 않아야 한다. ) 정적 스코프 function f1() { console.log ('one'); } function f2() { console.log ('two'); } f2(); f1(); f2(); - f1이 f2보다 먼저 정의 됐지만 f2가 먼저 실행된다. const x = 3; function f() { console.log(x); console.log(y); } { const y = 5; f(); } - 함수 f는 자신..