JavaScript
1.[JS] 자바스크립트로 백준 입력받는 방법 총정리
입력받는 값들을 모두 String -> Number 로 바꾸고 싶다면 split()뒤에 .map(Number)를 추가한다. 백준에서 Node.js로 입력받는 방법은 두 가지가 있다. 1\. readline 모듈2\. fs 모듈1번보다는 2번이 빠르므로 2번을 사용하는
2.[JS] 자바스크립트로 백준 풀 준비하기
vsc를 사용한다. 백준 문제를 푸는 방법에는 두 가지 방법이 있다. 아래 글에 적혀있는 입력 방법을 사용하여 입력을 받는다.(c++로 따지면 cin >> n; 인데 js는 길다...)https://velog.io/@pakxe/JS-%EC%9E%90%EB%B0
3.[JS] split() 메서드 개념과 사용법
split() 메서드는 stirng 객체를, 지정한 구분자를 이용해 여러 개의 문자열로 나눈다.반환값은 나눠진 문자열이 담겨있는 배열이다. seperator에는 정규표현식도 사용할 수 있는데, 이는 추후 포스팅 예정
4.[JS] setTimeout, clearTimeout 메서드
타이머가 만료되면 함수 또는 지정된 코드 조각을 실행하는 타이머를 설정한다. 일정 시간 뒤에 원하는 동작을 할 때 사용한다. Timeout ID라고 불리는 숫자를 반환한다. 이 아이디는 setTimeout() 함수를 호출할 때마다 내부적으로 생성되는 타이머 객체를 가리
5.[JS] try catch
우리가 만든 프로그램은 에러가 발생하면 스크립트가 죽고(=즉시 중단), 콘솔에 에러가 출력된다. 이때 try catch 를 사용해서 에러를 잡는다면(catch) 스크립트가 죽는 걸 막고, 에러를 잡아 다른 행동을 할 수 있다.(다시 입력하라고 알려준다던지)try, ca
6.[JS] 에러 객체? 더 알아보자
앞서 배웠던 try catch를 알아보면서... 더 깊은 공부를 해보도록 하자. 프리코스에서 했던 throw 문법도 공부하면서 말이다! (throw는 추후 포스팅) 직접 에러를 만들어보자
7.[JS] 커스텀 에러
개발을 하다보면 이미 알려진 에러들 ReferenceError, SyntaxError 등 말고도 다른 에러인 상황이 많이 발생한다. 흔히 웹사이트에서 볼 수 있는 NotFoundError(404..) 같은 에러는 js에서 기본으로 제공해주지 않는다. 따라서 직접 에
8.[JS] ECMAScript
: ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화하기 위해 만들어졌다. ECMA-262 ECMA 인터네셔널에 의해 제정된 하나의 기술 규격 명. 범용 목적의 스크립트 언어에 대한 명세를 담고 있다.
9.[JS] super
개념 상위(부모) 객체의 함수를 호출 시 사용한다. 문법 자식 클래스의 생성자 내부에서 super(인수들) 로 호출해 사용한다. 생성자 내부에서 단 한번만 호출한다. 이 코드는 this 키워드 사용 전에 선행 호출되어야 한다. 그렇지 않으면 super가 먼저 호출되어야 한다는 오류가 뜬다. 왜 사용하나 일단 아래의 코드를 봐보자 sum2를 상속받은 s...
10.[JS] 모자스 45장. 프로미스
자바스크립트는 비동기 처리를 위해 콜백 함수를 사용한다. 하지만 이런 콜백을 여러개 중첩해 사용하면 콜백 지옥(가족성이 나빠짐)에 빠질 수 있다. ES6는 비동기를 위해 프로미스를 도입했다. 프로피스는 전통적인 콜백 패턴이 가진 단점을 보완해 비동기 처리 시점을 명확하게 표현할 수 있다는 장점이 있다. 비동기 함수 비동기 함수란 함수 내부에 비동기로 동...
11.[JS] 모자스 46장. 제네레이터와 async/await
제네레이터란 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수다. 제네레이터와 일반 함수의 차이는 다음과 같다. 제네레이터 함수는 함수 호출자에게 함수 실행의 제어권을 양보할 수 있다. 제네레이터 함수는 함수 호출자와 함수의 상태를 주고받을 수 있다. 제네레이터 함수를 호출하면 제네레이터 객체를 반환한다. 제네레이터 문법 일...
12.[JS] 동기와 비동기에 대해 알아보자
이 글은 동기 비동기의 개념과 비동기가 어떻게 동작되는지를 많이 축약해서 설명합니다.
13.[JS] 비동기의 구체적인 내부 동작 과정을 알아보자
👍
14.[JS] this
this - 정리 자바스크립트에서 this는 어디서나 사용할 수 있다. 이 this는 상황에 따라 가리키는 대상이 달라지는데, 왜 이걸 가리키는지 알기 어려운 경우도 있고, 예상과는 다른 걸 가리키기도 한다. 이런 경우에 원인을 파악하지 못한다면 오류를 해결하기 어렵다. 함수, 객체(메서드)의 구분이 느슨한 자바스크립트에서는 this가 이 둘을 구분하는...
15.[JS] ES5, ES6
ES : ECMAScript 의 약어로 JS의 표준 규격을 나타내는 용어이다. 뒤에 붙는 숫자는 버전을 뜻한다. ES5 는 2009년, ES6는 2015년 발표되었다. 취업시장에서는 ES6+ 를 요구한다. ECMAScript 란 JavaScript가 넷스케이프 커
16.[JS] let, const 키워드와 블록 레벨 스코프
1. var 키워드로 선언한 변수의 문제점 ES5까지 변수를 선언할 수 있는 방법은 var 키워드 밖에 없었다. var 키워드는 다음과 같은 특징이 있다.(단점이기도함) 변수 중복 선언 허용 var 키워드로 선언한 변수는 중복 선언이 가능하다. 함수 레벨 스코
17.[JS] javascript에서 실행 컨텍스트의 Variable Environment, Lexical Environment 에 대한 탐구
최종 수정일: 2024년 11월 19일