차근차근 배우고 기록하는 곳

필요한 개념 단순 구현 정수 Math 문제 분석 PM이 된 플레이어는 현재 시간에서 N개의 기능 개발에 필요한 시간을 정리하고 있다. 기능 개발에 필요한 시간은 모두 분 으로 제공되고 모든 기능이 완성되었을 때, 현재 시간이 몇 시인지 알아내면 되는 문제이다. 데이터 입력 받기 데이터를 입력받기 위해서는 readline 모듈을 사용하면 된다. line 이벤트가 입력이 종료될 때까지 받는다고 하지만 만약에 마지막 입력된 데이터에 줄바꿈이 없다면 마지막 데이터가 들어오지 않는다. 그래서 확실하게 해주기 위해 입력된 데이터가 목표치가 되면 강제적으로 close() 이벤트를 호출하도록 작성한다. const readline = require('readline'); const rl = readline.createI..

event 웹 브라우저나 사용자가 행하는 어떤 동작 마우스 이벤트 마우스를 이용해서 버튼이나 휠 버튼을 조작할 때 발생 종류 설명 click 사용자가 HTML 요소를 클릭할 때 이벤트 발생 dbclick 사용자가 HTML 요소를 더블클릭할 때 이벤트 발생 mousedown 사용자가 요소 위에서 마우스 버튼을 눌렀을 때 이벤트 발생 mousemove 사용자가 요소 위에서 마우스 포인터를 움직일 때 이벤트 발생 mouseover 마우스 포인터가 요소 위로 옮겨질 때 이벤트 발생 mouseout 마우스 포인터가 요소를 벗어날 때 이벤트 발생 mouseup 사용자가 요소 위에 놓인 마우스 버튼에서 손을 뗄 때 이벤트 발생 키보드 이벤트 키보드에서 특정 키를 조작할 때 발생 종류 설명 keydown 사용자가 키를..

async & await clear style of using promise 1. async // promise function fetchUser() { return new Promise((resolve, reject) => { // do network request in 10 secs... resolve('ellie'); }); } const user fetchUser(); user.then(console.log); console.log(user); // async async function fetchUser() { // do network request in 10 secs... return 'ellie'; } const user fetchUser(); user.then(console.log); con..

Promise Promise is a JavaScript object for asynchronous operation State: pending → fullfilled or rejected Producer 와 Consumer 의 구분 1. Producer promise 만들기 // when new Promise is created, the executor runs automatically const promise = new Promise((resolve, reject) => { // 정상적으로 작동하면 resolve, 아니면 reject 수행 // doing some heavy work(network, read files) setTimeout(() => { resolve('ellie'); reject(n..

동기와 비동기 JavaScript is synchronous. Execute the code block in order after hoisting. 자바스크립트는 호이스팅이 된 순간부터 코드가 작성한 순서에 맞춰서 하나씩 동기적으로 실행됨 hoisting: var, function declaration var 변수와 함수 선언들이 자동으로 가장 위로 올라가는 것 console.log('1'); setTimeout(() => console.log('2'), 1000); // callback 함수 console.log('3'); // 1, 3, 2 순으로 출력됨 Synchronous callback console.log('1'); setTimeout(() => console.log('2'), 1000); /..

함수 선언과 호출 // 함수 선언 function doSomething() { console.log('hello'); } // 함수 호출 doSomething(); // hello // 함수 선언 function add(a, b) { const sum = a + b; return sum; } // 함수 호출 const result = add(1, 2); console.log(result); // 3 // 함수 선언 function doSomething(add) { console.log(add); const result = add(2, 3); console.log(result); } function add(a, b) { const sum = a + b; return sum; } // 함수 호출 doSome..

JSON: JavaScript Object Notation 속성-값 쌍(attribute–value pairs), 배열 자료형(array data types) 또는 기타 모든 시리얼화 가능한 값(serializable value) 또는 키-값 쌍으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷 비동기 브라우저/서버 통신(AJAX)을 위해, 넓게는 XML(AJAX가 사용)을 대체하는 주요 데이터 포맷 본래는 자바스크립트 언어로부터 파생되어 자바스크립트의 구문 형식을 따르지만 언어 독립형 데이터 포맷 프로그래밍 언어나 플랫폼에 독립적이므로, 구문 분석 및 JSON 데이터 생성을 위한 코드는 C, C++, C#, 자바, 자바스크립트, 펄, 파이썬 등 수많은..

1. make a string out of an array: 배열을 문자열로 바꾸기 const fruits = ['apple', 'banana', 'orange']; const result = fruits.join(','); console.log(result); 2. make an array out of a string: 문자열을 배열로 바꾸기 const fruits = 'apple, kiwi, banana, cherry'; const result = fruits.split(','); // 구분자를 전달하지 않으면 하나의 인덱스에 값이 모두 들어가기 때문에 구분을 꼭 해줘야함 console.log(result); console.log([...fruits]); 3. make this array look l..

배열 선언 방법 const arr1 = new Array(); const arr2 = [1, 2]; Index position const fruits = ['apple', 'banana']; console.log(fruits); // ['apple', 'banana'] console.log(fruits.length); // 2 console.log(fruits[0]); // apple console.log(fruits[1]); // banana console.log(fruits[2]); // undefined console.log(fruits[fruits.length - 1); // banana -> 배열의 마지막 값 구하기 Looping over an array 전체 배열의 값 출력하기 // for f..

Object one of the JavaScript's data types a collection of related data and/or functionality Nearly all objects in JavaScript are instances of Object object = { key : value }; 1. Literals and properties const obj1 = {} // 'object literal' syntax const obj2 = new Object(); // 'object constructor' syntax function print(person) { console.log(person.name); console.log(person.age); } const ellie = {na..