배열 혹은 객체를 해체하여 개별 속성이나 값을 변수에 할당할 수 있다배열의 경우 각각의 변수에 해당 배열 인덱스에 값이 할당되며, 값이 비어 있는 경우 undiefined 가 출력된다객채의 경우는 해당 속성(Property)명이 변수명이 되며, 해당 변수로 해당 속성의
Object.keys(obj)는 객체의 키만 담은 배열을 반환합니다Object.values(obj)는 객체의 값을 담은 배열을 반환합니다Object.entries(obj)는 객체의 \[키,값]을 쌍으로 담은 배열을 반환합니다Object.entries() 와 for .
JSON(JavaScript Object Notion)은 Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷JSON.parse() 는 JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성하여 변환J
block문(if문, try문 등등)에서는 작성과 동시에 lexical environment가 즉시 생성된다함수에서의 lexical environment는 함수가 호출 되었을 때 생성된다스크립트를 읽기전에 lexical environment가 작성되고 global o
스프레드 문법(전개 구문) 은 주로 배열을 풀어서 요소를 전달하거나, 확장할때 사용합니다함수에서 인자로 전달할 때배열을 합칠 때배열의 복사\`\`let number = 1,2,3;let number2 = ...number; // 배열을 합칠 때와 마찬가지로, 빈배열에
수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체 입니다 (주의 - 함수 객체 아님)Number 자료형만 가능Math의 모든 속성과 메서든는 정적입니다 base의 ponent 의 제곱 값을 반환합니다입력 받은 값들중 가장 큰 숫자를 반환합니다매개변수(para
Stric Mode(엄격 모드)는 기존의 자바스크립트의 느슨한 모드(default)를 해제하는 방법입니다기존에 무시되던 에러들을 throwing (에러를 발생) 합니다기존의 비엄격 모드보다 동일코드의 작동이 빨라짐ECMAScript의 다음 버전에서 정의되 문법(최신
즉시실행함수는 정의되자마자 즉시 실행되는 함수를 말한다첫번째부분은 () 로 둘러쌓인 익명함수익명함수를 즉시 실행 호출하는 ()로 이루어져있습니다자바스크립트 엔진은 함수를 즉시 해석한 후 실행합니다전역스코프에 불피요한 변수가 추가되어 오염되는 것을 방지한다즉시실행함수 내
TDZ(Temporal Dead Zone)란 일시적인 사각지대를 뜻하며, Scope의 시작지점 부터 변수 초기화 지점까지의 구간을 뜻합니다변수를 실행 컨텍스트의 변수 객체 에 등록하는 단계 선언단계와 초기화단계 사이에 메모리가 할당되기 전 단계실행 컨택스트의 변수 객체
자바스크립트에서도 특별 대우를 받는 일급객체 (first-class-citizen)가 존재하는데, 대표적인 일급 객체 중 하나가 함수 입니다함수를 변수에 할당 할수 있습니다다른 함수의 전달인자(argument)로 전달될 수 있습니다다른 함수의 결과로써 리턴 될 수 있습
내장 고차 함수란 자바스크립트에 기본적으로 내장 되어있는 고차함수들을 말합니다배열의 요소를 특정 조건에 만족하는 요소만 반환하는 메서드 반환되는 배열의 길이는 다르다새로운 배열을 반환하다 (immutable) 조건에 따라 각 요소를 시험할 함수가 true 면 유지, f
객체지향 프로그래밍(OOP, Object-oriented-programming)은 데이터와 기능을 한 곳에서 묶어서 처리합니다.속성과 메서드가 하나의 객체라는 개념에 포함되며 class 라는 이름으로 부릅니다 객체지향 프로그래밍에서 클래스는 하나의 설계도(템플릿)를 뜻
프로토타입(Prototype)이란 원형객체를 의미합니다. 자바스크립트는 모든 객체들이 메서드와 속성을 상속받기 위한 템플릿으로써 프로토타입 객체를 가집니다상속되는 속성과 메서드들은 객체가 아닌 객체의 생성자의 prototype이라는 속성에 정의되어있으며 .prototy
함수 객체에는 프로토타입이라는 프로퍼티가 존재하고, 해당 객체내에는 없는 속성 혹은 메서드에 접근하려한다면, 상위 프로토타입을 탐색하는데 이를 프로토타입 체인이라고 합니다.이미지 참조 URL - https://iamsjy17.github.io/javascrip
재귀 함수는 자기 자신을 호출하는 함수를 말하며,간단한 동작 하나를 반복적으로 처리해야 할 때,주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우코드를 더욱 간결하고 이해하기 쉽게 작성하려는
변수 >변수(Variable)란? 어떤 값(데이터)을 담는 저장소(메모리)의 이름을 말한다 변수를 선언(메모리 공간 확보)하고 어떤 값(데이터)을 할당(동적으로 타입 지정) 자바스크립트는 동적타입언어 로 C, C++, Java 와 같은 정적타입언어 와 다르게 변수
== 와 != 는 타입까지 비교할 수 없기때문에 사용하지 않는 것이 좋다🔗참고 URLhttps://dorey.github.io/JavaScript-Equality-Table/문자열 메소드는 immutable 불변성을 가지고 있다즉, 원본이 변하지 않는다 (&
for(초기화, 조건식, 증감문) { // 반복 내용}while(조건식) {// 반복 내용}while 로 반복문 관련 문제에 난항을 겪음
HTML(Hyper Text Markup Language)이란? HTML은 집을 짓기 전 설계도에 따라 구조를 잡듯, 웹 페이지의 구조를 짜는 언어 HTML / CSS / Java Script 역할 HTML의 요소(Element) div p Paragraph
CSS는 웹 페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어입니다더 나은 사용자 경험(UX, user experience)을 제공하기 위해 CSS로 UI 및 레이아웃을 적절히 구성합니다알아야 할 몇 가지 단위글꼴 크기, 화면 크기 등 크기를 다룰 때는 크기의 단위
와이어프레임(wireframe) 이란?애플리케이션을 개발할때 레이아웃의 뼈대를 그리는 단계를 말한다단순한 선,도형으로 웹 인터페이스를 시각적으료 묘사한 것이며, 와이어프레임을 보고 어떤 목적을 가진 어플리케이션인지 유추할 수 있습니다목업(mockup)이란?HTML의
innerHTML는 이름 그대로 HTML을 반환합니다. 간혹 innerHTML을 사용해 요소의 텍스트를 가져오거나 쓰는 경우가 있지만, HTML로 분석할 필요가 없다는 점에서 textContent의 성능이 더 좋습니다.innerText는 불필요한 공백을 제거하고 텍스트
원시자료형(Primitive) 은 변수 할당시 메모리에는 변수이름과 값이 각각 할당됩니다 타입종류는 String, Number, Boolean, Undefined, Null, Synbol, Bigint 등이 있습니다원시자료형은 하나의 정보만 담고 있으며, 다른 변수에
문자열 + 숫자 숫자 + 문자열 연산시 차이점 확인렉시컬환경 개념 다시 복습클로저 개념 다시 복습원지자료형 데이터의 함수 인자로 전달변수명과 파라미터명이 같은 걸 혼동하지 않기String.prototype.repeat(n) n번의 숫자만큼 문자열 반복 하여 새로운 문
이벤트 위임은 이벤트 리스너를 자식 요소 대신 부모 요소에 추가하는 기법입니다부모 요소에 단일 핸들러만 필요하기 때문에 메모리 사용 공간 감소요소의 추가 삭제시 별도로 이벤트를 바인딩하고 해제할 필요 없음이벤트 위임을 사용하기 위해서는 이벤트 버블링이 필요특정 요소 아