기억하고 싶은 값을 메모리에 저장, 읽어들여 재사용 => 이런 매커니즘을 변수라고 한다절차 지향: 순서대로 실행객체 지향: 데이터와 함수를 객체라는 그룹으로 묶어서 처리하여 여러 곳에서 쓸 수 있음JS는 동적 타이핑 지원하는 언어로, 변수를 선언 할 때 타입을 지정하지
JS는 동적 타이핑 지원하는 언어로, 변수를 선언 할 때 타입을 지정하지 않고,런타임 시점(실행 시점)에 변수에 할당되는 값에 따라 자동으로 데이터 타입을 결정한다.📕 정수의 정의n이 0 또는 자연수일 때, 𝑛+𝑥=0 n+x=0 을 만족하는 모든 𝑥, 모든 𝑛
자바스크립트에서 자료형 타입들은 서로 형 변환이 가능자바스크립트에서 자동으로 수행되는 형 변환일반적으로 연산자 사용할 때 발생문자열과 다른 자료형을 + 연산자로 결합 시, JS는 다른 자료형을 문자열로 변환 우선시한다.\+ 연산자 제외한 다른 연산자로 결합 시 숫자로
JS에서는 다양한 연산자를 제공하여 변수나 상수를 다양한 방법으로 조작 가능더하기 연산자는 숫자와 문자열을 함께 사용할 경우, 자동으로 문자열로 변환빼기 연산자는 숫자와 문자열을 함께 사용할 경우, 자동으로 숫자로 변환곱하기 연산자는 숫자와 문자열을 함께 사용할 경우,
함수란 input과 output을 가지고 있는 기능(func)의 단위JS에서는 함수를 정의하여 코드의 재사용성을 높일 수 있음기본적인 함수의 모양function 키워드를 사용하여 add라는 함수를 선언함수 선언문을 사용하면 함수를 미리 정의해두고, 필요할 때 호출 가능
if (x > 0) { console.log("x는 양수입니다.");} else { console.log("x는 음수입니다.");}변수의 값에 따라, 여러 개의 경우(case) 중 하나를 선택
속성값 지정: key-value-pair객체의 장점: 하나의 변수에 여러 개의 값을 넣을 수 있다.key에 할당되는 value에는 어떤 값 즉, 어떤 형태의 데이터 타입(문자, 숫자, 불리언, 함수, 객체, 배열)도 올 수 있다.class 개념과 비슷장점: 굉장히 많은
자바스크립트에서는 배열(Array)을 사용하여 여러 개의 값을 저장하고 관리할 수 있다.배열을 만들 때는 대괄호(\[])를 사용하며, 각 요소는 쉼표(,)로 구분배열 fruits를 생성new Array()를 사용하여 배열의 크기를 지정 가능크기가 5인 배열 number
자바스크립트에서는 반복문을 사용하여 특정 코드를 반복해서 실행할 수 있다.for문은 초기값, 조건식, 증감식을 사용하여 반복 횟수를 제어한다.for문을 사용하여 0부터 9까지의 숫자를 출력배열의 요소 개수만큼 반복하여 실행한다.배열 numbers와 함께 for문을 사용
ECMAScript 6 (ES6)는 JavaScript의 버전 중 하나로, 2015년에 발표, 대규모 문법 향상 및 변경!ES6는 이전 버전인 ES5에서 새로운 문법과 기능을 도입JavaScript 개발자들이 보다 쉽고 효율적으로 코드를 작성할 수 있도록 개선기존에 변
자바스크립트에서 함수는 일급 객체(First-Class Object)라고 한다.따라서 함수를 객체처럼 여러가지 방식으로 다룰 수 있다.일반 객체와 달리 함수는 특별한 능력을 가지고 있다.일급객체(First-class Object)란다른 객체들에 일반적으로 적용 가능한
JavaScript에서 객체(object)와 배열(array)을 이용해 다양하고 복잡한 프로그래밍을 할 수가 있다. 그럼에도 불구하고 여전히 현실세계의 여러가지 문제들을 ‘프로그래밍’적으로 반영하기엔 많이 부족하다.Map과 Set은 이러한 한계를 극복하고자 비교적 최근
💡 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체이다.실행 컨텍스트 객체 안에는 3가지가 존재VariableEnvironmentLexicalEnvironment🌟 ThisBindings다른 객체지향 언어에서의 this는 곧 클래스로 생성한 인스턴
목표 자바스크립트의 콜백함수의 개념과 예시에 대해 학습 어떤 항목에서 콜백함수를 전달받은 함수에게 제어권이 이양되는지를 이해하고 그 예시 테스트 비동기적인 코드 작성에서 발생할 수 있는 콜백지옥을 예방하고 비동기제어를 할 수 있는 Promise, async/await

콜백 지옥과 비동기 제어 1. 콜백지옥이란 (이미지 출처 : https://preiner.medium.com/callback지옥에-promise-적용하기-d02272ecbabe) 콜백 함수를 익명 함수(매개변수로 전달..)로 전달하는 과정이 반복되어 코드의 들여쓰기 수준이 헬 수준인 경우를 말한다. ^~^ 주로 이벤트 처리 및 서버 통신과 같은 비동...

[학습 목표] DOM의 기본 개념을 익히고, 접근 및 제어하는 방법을 통해 DOM 이해 Class 문법의 주요 개념(클래스, 인스턴스, getter, setter, 상속, static method 등)을 이해하고 활용 클로저의 주 개념을 통해 활용하는 능력 배양 1.

JavaScript는 객체 지향 언어이다.그럼에도 불구하고 객체 지향 언어의 대표적인 문법인 Class 문법은 ES6(2015)가 되서야 도입되었다.자바스크립트 기반이 아닌 다른 언어(Java, C- 개발자들이 자바스크립트에서도 클래스 ‘처럼’\*\* 개발하려 노력하다
A closure is the combination of a function and the lexical environment within which that function was declared. (MDN)클로저는 함수와 그 함수가 선언된 렉시컬 환경의 조합이다.즉
선언: 변수명을 자바스크립트 엔진에게 알리는 것 할당: 변수에 값을 저장하는 것 (= 할당 연산자를 사용) 재할당, 재선언 var: 재할당 O, 재선언 O 인 변수를 선언하기 위한 키워드 let: 재할당 X, 재선언 O 인 변수를 선언하기 위한 키워드 const:
자바스크립트에서 배열을 정렬할 때는 sort() 함수나 toSorted() 함수를 사용한다.배열을 상대로 sort() 함수를 호출하면 해당 배열 내의 값들이 오름차순으로 정렬한다.sort() 함수는 원래 배열 내에 값들을 재배치하며 정렬한 원래 배열을 다시 반환한다.즉