[🍀 / 데브코스 2기] TIL

html과 script파일을 병렬로 다운로드script 실행시 잠시 html 파싱을 중단script 실행 완료시 html 파싱을 재개⇒ html을 조작하지 않는 경우 async를 사용하는 게 성능 향상에 더 도움이 됨 문제점 순서가 보장되지 않기 때문에, 먼저 필요한

내용을 조건에 상관없이 무조건 한 번은 실행시킨 후, 조건의 참/거짓 여부에 따라 반복하려고 할 때 유용하게 사용할 수 있는 문법 ⇒ 다른 조건문 대비 무한 루프에 빠지기 쉬우므로 주의가 필요함소괄호안의 조건문이 참이면 블록({})안의 코드를 실행시킨다.for문은 가장

네이밍 함수과거에는 디버깅 툴이 잘 되어있지 않아서 네이밍 함수를 사용해야 디버깅 하기가 쉬웠다. 익명 함수Next.js는 함수선언식을 많이 사용하고, 리액트는 컴포넌트 외부에서는 함수표현식, 컴포넌트 내부에서는 함수선언식을 많이 사용한다.함수선언식함수표현식화살표함수(

자바스크립트 코드가 실행되는 독립적인 공간(환경)이다.🔊/민혁님 학교에서 수업을 듣는다고 가정할 때, 면학 분위기를 실행 컨텍스트에 비유할 수 있다.면학 분위기를 통해 공부하는 공간이라는 걸 알 수 있고, 공부할 의지를 가질 수도 있다.이처럼 명확히 표현하기는 어렵지

어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 합니다. 예를 들어 "AB"는 1만큼 밀면 "BC"가 되고, 3만큼 밀면 "DE"가 됩니다. "z"는 1만큼 밀면 "a"가 됩니다. 문자열 s와 거리 n을 입력받아 s를

1937년 Collatz란 사람에 의해 제기된 이 추측은, 주어진 수가 1이 될 때까지 다음 작업을 반복하면, 모든 수를 1로 만들 수 있다는 추측입니다. 작업은 다음과 같습니다.1-1. 입력된 수가 짝수라면 2로 나눕니다. 1-2. 입력된 수가 홀수라면 3을 곱하고

수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다.마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의

✅ 강의 내용 정리 📍 가비지 콜렉터 및 가비지 콜렉션 가비지 콜렉터 메모리에서 더이상 사용되지 않는 객체를 자동으로 감지하고, 해당 메모리를 회수하여 메모리에서 삭제해주는 시스템을 말한다. 가비지 콜렉션 메모리가 회수되는 과정을 가비지 콜렉션이라고 한다.

키와 값으로 구성된 속성의 집합이며, 중괄호로 선언한다.객체는 참조 자료형이다.객체는 동적으로 추가, 또는 삭제를 할 수 있다.⇒ 때문에 객체 내부에 없는 속성(프로퍼티)에 접근해도 undefined를 리턴 받는다.추가 : 객체의 속성에 접근해서 값을 할당삭제 : de

✅ 강의 내용 정리 📍 생성자 함수 함수로 객체를 정의하는 방법이다. (= 객체를 찍어내는 함수) 함수의 형태이기 때문에 초기값 지정 등 함수의 특징을 그대로 사용할 수 있다. 일반적인 함수와 역할을 구분해주기 위해 파스칼 케이스로 이름을 선언하는 관례가 있다.

아래는 같은 내용을 생성자 함수와 클래스로 각각 정의한 예제이다.자바스크립트의 클래스는 프로그래머의 편의를 위한 문법적 설탕 개념으로, 동작 자체를 분석해보면 결국 생성자 함수 방식으로 동작한다.\*\* 문법적 설탕이라는 표현은 자바스크립트 클래스가 내부적으로 프로토타

자바스크립트는 싱글 스레드를 가지고 있는 언어이기 때문에 기본적으로 동기적으로 동작한다.자바스크립트의 비동기 작업은 문법적 개념으로, 브라우저의 자바스크립트 엔진이 수행하는 것이다.setTimeout(), setInterval(), fetch() 모두 웹 API(웹 브

콜스택 → 웹 API직역 실행 컨텍스트가 생성되어 setTimeout과 같은 비동기 작업이 웹 API로 이동웹 API → 마이크로 태스크 큐setTimeout의 콜백이 끝나면 then/catch 콜백이 마이크로 태스크 큐로 이동마이크로 태스크 큐 → 태스크 큐Promi

자바스크립트에서 모든 객체의 조상(프로토타입 체인의 최상위)이 Object 객체라면 웹에서는 Window다. Window 객체는 브라우저의 전역 객체로서 모든 객체의 최상위에 위치하며, BOM과 DOM을 포함한다.자바스크립트는 웹 브라우저에서 동작하는 프로그래밍 언어로

자바스크립트를 사용해 서버에서 구동되도록 구현한 런타임 환경이다.클라이언트용: JavaScript 서버용: Node.js자바스크립트는 태생적으로 클라이언트용 언어이다. 웹 브라우저에서 동작하도록 설계되었기 때문이다. 이를 서버에서도 사용할 수 있도록 설계한 것이 Nod

타입스크립트의 기본 타입으로는 string, number, boolean, object, array, null, undefined, unknown이 있다.자바스크립트의 기본 자료형과 차이가 있거나 기억해야 할 내용이 있는 타입만 추렸다.Any와 Unknown은 모든 타

함수의 타입 : 매개변수와 반환 값의 타입을 지정하는 것function greet(name:string <- 매개변수의 타입 지정) : string <- 반환 값의 타입 지정매개변수와 반환값에 타입을 지정한다.TypeScript의 강력한 타입 추론으로 첫 번

변수에 할당된 값을 보고, 그 변수의 타입을 추론하는 기능변수를 선언할 때, 타입을 명시하지 않더라도 타입스크립트 엔진이 자동으로 타입을 추론하는 기능이다.⇒ 함수 작성 시에도 값을 변수에 할당하고 있다면, 해당 값에 대한 타입 추론이 발생한다.⇒ 함수의 매개변수는 타

런타임 기반의 자바스크립트 언어를 정적 기반의 언어로 지원함으로써 코드의 안정성을 높이기 위해 사용한다.정적 언어의 기능을 자바스크립트에 추가하기 위해서 타입스크립트가 만들어졌다.기본 자료형에 대한 타입 시스템참조 자료형(객체, 배열, 함수)에 대한 타입 시스템any

런타임에 타입을 확인해주는 원리로, 타입을 좁혀주기 위해 사용한다.타입스크립트한테 개발자가 타입을 알려주는 기능타입스크립트 엔진보다 내가 더 타입을 잘 알고 있을 때, 즉 타입 추론에 의지하지 않고 타입을 확실하게 지정해주고 싶을 때 사용한다.타입스크립트 문법을 사용해