전체 글

Javascript Node.js 모듈 사용법

Node.js는 "비동기 이벤트 기반 JavaScript 런타임" 이다 라며 공식문서에 적혀있습니다. 브라우저에서의 비동기적 흐름은 타이머, 혹은 DOM이벤트와 관련된 상황으로 한정적으로 사용되는데, Node.js에서는 다양한 대다수의 내장 모듈들이 비동기적으로 작성되어 사용할 수 있도록 되어있습니다. 내장모듈은 아래 링크에서 확인하실 수 있습니다. Node.js 내장 모듈 목록 Node.js 의 다양한 모듈 중, 파일을 읽거나 저장하는 파일 시스템 모듈이 있습니다. 메서드의 목록을 살펴보면, 파일을 읽을 때에 쓸법한 메서드 이름을 찾을 수 있습니다. 읽을 때 readFile 이라는 메서드를 찾을 수 있을 것이고 , 저장할 땐 saveFile 이라는 것과 비슷한 writeFile 이라는 비슷한 스펠링의 ..

자바스크립트의 동기와 비동기

동기적 /비동기적 무슨 말일까? 동기적인 것의 의미는 어떠한 함수가 실행되고 모든 기능을 마친 후 다음 함수가 실행되는 것을 말합니다. 비동기적은 한 함수가 실행될 때 다른 함수들도 같이 실행될 수 있는 것을 말합니다. 비동기 함수를 동기적 으로 제어하기 비동기적인 함수도 동기적 함수처럼 Callback,Promise, Async/Await 를 통해 순서를 제어할 수 있습니다. 먼저 Callback 함수를 통해 순서를 제어할 수 있습니다. const printString = (string) => { setTimeout(function () { console.log(string); }, Math.floor(Math.random() * 100) + 1); }; const printAll = () => { p..

Javascript 타이머 API

setTimeout(callback, millisecond) 일정 시간 후에 함수를 실행 매개변수(parameter): 실행할 콜백 함수, 콜백 함수 실행 전 기다려야 할 시간 (밀리초) return 값: 임의의 타이머 ID setTimeout(function () { console.log('1초 후 실행'); }, 1000); // 리턴값 : 123 임의의 타이머 clearTimeout(timerId) setTimeout 타이머를 종료 매개변수(parameter): 타이머 ID return 값: 없음 const timer = setTimeout(function () { console.log('10초 후 실행'); }, 10000); clearTimeout(timer); // setTimeout이 종료됨..

function 대신 class?? class 사용법과 활용

ES6 부터 function 으로 함수를 작성하는 것 대신 class 로 작성할 수 있게 되었다. ex) class Car { constructor() { this.name = name; this.color = color; this.price = price; this.maxSpeed = maxSpeed; } start() { console.log(`${this.name} 출발합니다.`); } } Car 라는 클래스 속에 constructor메서드와 this를 이용해 속성을 작성해줄 수 있다. 또한~() 의 형식으로 매서드도 작성해 줄 수 있다. constructor 메서드는 같은 클래스 내에서 한번만 쓸 수있다. class 형태의 함수로 작성된 컴포넌트는 대문자로 시작해야 한다. extends 매서드를 ..

객체 지향 프로그래밍 - 프로토타입 체인

앞서 잠깐 설명드렸던 프로토타입 체인에 대해 설명드리겠습니다. 프로토타입 객체는 또 다시 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수도 있고, 그 상위 프로토타입 객체에서도 마찬가지로 메소드와 속성을 상속받을 수 있습니다. 이를 *프로토타입 체인 (prototype chain) 이라합니다. 속성과 메서드의 예시 Human 이라는 클래스를 이용해 kimcoding 를 정의해보기 let kimcoding = new Human('김코딩', 30); // 속성 kimcoding.age; kimcoding.gender; // 메서드 kimcoding.eat(); kimcoding.sleep(); 우리는 프로토타입 체인의 형태를 만들어 주기 위해 2가지 일을 해야합니다. 먼저 Person()과 Teac..

객체 지향 프로그래밍 - 프로토타입과 클래스

프로토타입과 클래스 프로토타입(Prototype) 원형 객체를 의미한다.(원래 기본의 형태 객체) 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿 프로토타입 객체도 또 다시 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수도 있고, 그 상위 프로토타입 객체도 마찬가지 이를 *프로토타입 체인 (prototype chain) 이라함 정확히 말하자면 상속되는 속성과 메소드들은 각 객체가 아니라 객체의 생성자의 prototype이라는 속성에 정의되어 있습니다. -MDN 문서 정의- 프로토타입을 직관적으로 보여주는 예시 ( 아래 코드 ) class Human { constructor(name, age) { this.name = name; this.age = age; } sleep() { consol..