whatisthis?

REFERENCE https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/label label - JavaScript | MDN 레이블 구문은 break나 continue 구문과 함께 사용할 수 있다. 원하는 식별자로 구문 앞에 레이블을 추가할 수 있다. developer.mozilla.org 레이블(Label) 은 중첩 반복문을 빠져나갈 때 사용함. break나 continue 구문과 함께 사용할 수 있고, 원하는 식별자로 구문 앞에 레이블(Label)을 추가할 수 있다. Syntax label : statement - break나 continue에서만 레이블을 사용할 수 있다. - break는 모든 레이블 구문에서 사용될 수..

REFERENCE https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/switch switch - JavaScript | MDN The switch statement evaluates an expression, matching the expression's value to a case clause, and executes statements associated with that case, as well as statements in cases that follow the matching case. developer.mozilla.org 케이스가 지정된 if문이라 생각하면 쉽다. if문은 조건에 true/false에 따라 달라..

REFERENCE: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/break break - JavaScript | MDN break 문은 현재 반복문, switch 문, 또는 label 문을 종료하고, 그 다음 문으로 프로그램 제어를 넘깁니다. developer.mozilla.org 현재 반복문, switch 문, 또는 label 문을 종료하고, 그 다음 문으로 프로그램 제어를 넘긴다. Switch문 https://mywebproject.tistory.com/207 Label문 https://mywebproject.tistory.com/208 * 반복문 반복문에서는 보통은 while문과 함께 사용함. #1. let i ..

readline과 fs모듈 1. fs모듈 사용시 const fs = require('fs'); const input = fs.readFileSync('/dev/stdin').toString().split(' '); // const input = require('fs').readFileSync('/dev/stdin').toString().split(' '); fs모듈은 예제 입력 파일에 접근해야 하기 때문에 일부 문제에서는 "런타임 에러 (EACCES)" 형태의 접근권한 오류가 나타나고, 이럴때는 readline을 써야함. 2. readline 사용시 // 예제 입력이 한줄로 되어 있을 때 const readline = require('readline'); const rl = readline.createI..

✔ Description 더보기 Arrays are list-like objects whose prototype has methods to perform traversal and mutation operations. Neither the length of a JavaScript array nor the types of its elements are fixed. Since an array's length can change at any time, and data can be stored at non-contiguous locations in the array, JavaScript arrays are not guaranteed to be dense; this depends on how the programm..

❕ Math.floor vs Math.trunc 💡 Math 객체의 반올림 관련 함수들. Math.round() // 반올림 Math.ceil() // 올림 Math.floor() // 내림 자바스크립트의 Math 객체에는 반올림 관련 함수들이 있다. 위 세가지 함수는 양수/음수에 따라 계산을 달리 한다. 그러나, Math.trunc() 함수를 살펴보자. Math.trunc() // 정수부분 반환 (소수점 제거) - 음수든 양수든 단순히 정수부분만 반환 양수이건 음수이건 상관없이 소수점 이하 우측부분을 제거하는 매우 단순한 동작을 하는 함수임. +) 함수인자는 암묵적으로 숫자로 변환되어 메서드에 전달됨. Math.trunc(13.37); // 13 Math.trunc(-0.123); // -0 Strin..

JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미 var 호이스팅 시 undefined로 변수를 초기화 let과 const 호이스팅 시 변수를 초기화하지 않음 호이스팅을 "변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는" 것으로 말하곤 함. 따라서 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있음. 자바스크립트 엔진은 코드를 실행하기 전 실행 컨텍스트를 위한과정에서 모든 선언(var, let, const, function, class)을 메모리에 저장한다. 코드 실행 전 이미 변수선언/함수선언이 메모리에 저장되어 있기 때문에 선언문보다 참조/호출이 먼저 나와도 오류 없이 동작한다. https..

1. todo-list index.html에 위와 같이 form과 list 만듬. ul은 안에 비워둠. (js로 li 만들것임) const toDoForm = document.getElementById('todo-form'); const toDoInput = document.querySelector('#todo-form input'); const toDoList = document.getElementById('todo-list'); function handleToDoSubmit(event) { event.preventDefault(); console.log(toDoInput.value); } toDoForm.addEventListener('submit', handleToDoSubmit); 엔터를 누를 떄..

ECMA Script 기준. ❗ 객체의 구성 1. Built-in Object(자바스크립트 내장객체) Built-in Object 에는 Global, Object, String, Number, Boolean, Date, Array, Math, RegExp, Error 등 많은 내장객체들이 존재한다. 이들은 자바스크립트 엔진이 구동되는 시점에서 바로 제공되며 자바스크립트코드 어디에서든 사용이 가능하다. 2. Native Object(브라우져 내장 객체) Native Object 역시 자바스크립트가 구동되는 시점에서 바로 사용이 가능한 객체 들이다. 하지만 이들은 자바스크립트 엔진이 구성하는 기본객체라고 하기 보단 브라우져 즉 자바스크립트 엔진을 구동하는 녀석들에서 빌드되는 객체 들이다. 자바스크립트 프로그..

this A function's this keyword behaves a little differently in JavaScript compared to other languages. It also has some differences between strict mode and non-strict mode. the value of this is determined by how a function is called (runtime binding). 자바스크립트 내에서 this는 '누가 나를 불렀느냐'를 뜻한다. 즉, 선언이 아닌 호출에 따라 값이 달라진다. 단독으로 쓴 this = global object 함수 안에서 this = 함수의 주인에게 바인딩 (=window객체) 메서드에서의 this = 해당 ..