- 전체보기(19)
- return(2)
- if(2)
- 객체(2)
- 프로퍼티(2)
- variables(2)
- array(2)
- &&(2)
- Map(2)
- 에러버블링(1)
- Web API(1)
- 단항연산자(1)
- static(1)
- scope(1)
- 주석(1)
- 객체 불변성(1)
- argument(1)
- function(1)
- Event(1)
- undefined(1)
- object(1)
- 배열(1)
- math(1)
- promise(1)
- every(1)
- else if(1)
- 불변성(1)
- 단일데이터(1)
- querySelector(1)
- 논리연산자(1)
- Symbol(1)
- 에러핸들링(1)
- 스프레드(1)
- 대소관계비교연산자(1)
- boolean(1)
- 단축평가(1)
- Booleans(1)
- 모듈(1)
- findIndex(1)
- 제너레이터(1)
- 싱글 컨텍스트(1)
- for..of(1)
- flatmap(1)
- 연산자(1)
- 표현식(1)
- callback(1)
- 프로토타입(1)
- 콜백 함수(1)
- 매개변수(1)
- null(1)
- Document(1)
- Prototype(1)
- await(1)
- 함수표현식(1)
- Spread(1)
- number(1)
- nullish(1)
- async(1)
- 복합데이터(1)
- class(1)
- while(1)
- for(1)
- 렉시컬환경(1)
- CallStack(1)
- 빌트인(1)
- 이터러블(1)
- 이터레이터(1)
- 할당연산자(1)
- SOME(1)
- 조건문(1)
- 파라미터(1)
- 반복문(1)
- 인스턴스(1)
- switch(1)
- find(1)
- querySelectorAll()(1)
- json(1)
- const(1)
- let(1)
- 동등비교연산자(1)
- 제어문(1)
- filter(1)
- foreach(1)
- getElementById(1)
- String(1)
- 삼항연산자(1)
- 증감연산자(1)
- 래퍼객체(1)
- Sort(1)
- 함수(1)
- window(1)
- 전역객체(1)
- 메서드(1)
- GC(1)
- 구조분해할당(1)
- 접근자 프로퍼티(1)
- reduce(1)
- getElementByClassName(1)
- 생성자 함수(1)
- 메소드(1)
- 에러(1)
- 속성 데이터(1)
- 산술연산자(1)
- 클래스 상속(1)
- 네이티브 객체(1)
- getter(1)
- setter(1)
- Then(1)
- addEventListener(1)
- 상속(1)
- 변수(1)
- yield(1)
- 함수 선언문(1)
- Conditionals(1)
- 이터레이션(1)
- 옵셔널체이닝연산자(1)
- else(1)
- 원시(1)
- Date(1)
- set(1)
바닐라 JS DAY-4
javascript는 HTML에 접근하고 읽을 수 있게 설정되어있다.읽어올 뿐만 아니라 HTML을 변경할 수도 있다.document가 시작점 document : body, head, title,,getElementById("id") : id 요소를 가져옴innerTex
바닐라 JS day 3
Function 반복해서 사용할 수 있는 코드 조각 function 함수이름(매개변수){} 코드블럭안에 있는 코드가 실행됨 함수이름(); 로 실행 argument(인수) : function을 실행하는 동안 어떤 정보를 function에게 보낼 수 있는 방법 argume
바닐라 JS DAY-2
1\. Number정수(integer) : 1, 2, 3소수(float) : 1.552\. String처음부터 끝까지 문자로 구성되어 있음"Hello""ni"+"co" = "nico" 값을 저장하거나 유지하는 역할const(상수) : 바뀌지 않는 값변수의 이름에 공백을
18. 프로토타입
포로토타입 Prototype 클래스 기반 객체지향 프로그래밍 언어는 객체 생성 이전에 클래스를 정의하고 이를 통해 객체(인스턴스)를 생성한다. 하지만 프로토타입 기반 객체지향 프로그래밍 언어는 클래스 없이(Class-less)도 (ECMAScript 6에서 클래스가 추
17. 스코프
식별자가 유효한 범위선언된 위치에 따라 유효 범위가 결정됨{} 블럭안의 변수는 블럭 안에서만 유효이름 충돌 방지, 메모리 절약코드 블럭: { }, if() {}, for() {}, function() { }메모리가 부족할 때 쓰레기를 정리해주는 프로그램어디서든 참조하고
16. 비동기
자바스크립트는 기본적으로 동기적으로 진행메모리 힙(Memory Heap) 객체는 힙, 대부분 구조화되지 않은 메모리 영역에 할당된다. 변수와 객체에 대한 모든 메모리 할당은 여기서 발생한다.호출 스택(Call Stack) 코드가 실행될 때 호출 스택이 쌓인다.Web A
15. 주석, 에러처리, 모듈
// 한줄 짜리 주석을 작성할 떄 씀// TODO(엘리): 해야할 일을 작성/\*\* \*/ 여러줄 주석주석은 코드 자체를 설명하는 것이 아니라,왜(WHY)와 어떻게(HOW)를 설명하는것이 좋음(단, 정말 필요한 경우에만)https://github.com/js
14. 유용한 연산자
&& 전자가 true면 후자를 할당|| 먼저 true인 것을 할당활용예조건이 truthy 일 때 && 무언가를 해야 할 경우조건이 falshy 일 때 || 무언가를 해야 할 경우?.null 또는 undefined인 경우를 확인할때?? null, undefinde||
13. Map, Set, Symbol
세트 Set 데이터의 집합체 array와 다르게 인덱스가 없고 중복이 불가능 이미 있는 값을 추가해도 아무일도 일어나지 않음 맵 Map 키와 값으로 이루어진 자료구조, 객체와 유사함 [key, value] key 중복 불가능 : 하나의 key에 하나의 value만
12. 이터러블
순회 가능한 데이터 컬렉션(자료구조)를 만들기 위해 미리 약속한 규칙for...of, spread기본자료 구조로는 Array, String, Map, Set이터러블 프로토콜과 이터레이터 프로토콜 두가지가 존재\[Symblo.iterator](): Iterator;심볼정
11. 배열
자료구조, 배열이란? 자료구조 Data Structure 여러가지의 객체의 집합체를 나타냄 배열 Array 연속된 메모리 공간에 순차적으로 저장된 데이터 모음 동일한 타입의 데이터를 담아두는 것이 좋음 배열 생성 방법 new Array(value); 일반적으로 배열은
10. 빌트인 객체
자바스크립트의 객체는 위와 같이 크게 3가지로 분류할 수 있다. 빌트인 객체란? 네이티브 객체(Native objects or Built-in objects or Global Objects) Object, String, Number, Function, Array,
9. 클래스
객체를 손쉽게 만들수 있는 템플릿객체지향 프로그래밍class 키워드 사용인스턴스클래스를 통해 만들어진 객체를 인스턴스라고 함new연산자와 함께 클래스 이름을 호출하면 클래스의 인스턴스가 생성된다.클래스에 한번만 정의하고 재사용 할 수 있음접근제어자를 이용해 캡슐화내부상
8. 객체, 복합 데이터
서로 연관있는 속성과 행동을 묶어 주기 위해 사용속성(Property), 행동(Method)객체 리터럴Object literal {key: value}key - 문자, 숫자, 문자열, 심볼value - 원시값, 객체 (함수)속성 데이터에 접근 법( . )마침표 표기법(
7. 함수, 프로그래밍의 시작
특정한 일을 수행하는 코드의 집합재사용 가능, 높은 가독성, 유지보수성 좋음function 함수이름(매개변수, 인자){결과값 반환;}function add(a,b){return a+b;}함수 이름 자체는 함수를 가르키고 있는 변수와 동일함수의 이름을 어딘가에 할당하는
6. 제어문
코드의 흐름을 제어조건이 참이라면 { } 코드를 실행함if(조건){ }if(조건) else{}if(조건) else if (조건2){} else{}조건식 ? 참인경우 : 거짓인경우정해진 범위안의 값에 대해 특정한 일을 해야 하는 경우break를 쓰지 않으면 조건이 충족되
[dream-coding] 5. 표현식, 연산자 ＋−
표현식이란? 표현식 Expressions 값으로 평가 될 수 있는 문 리터럴(Literal) 코드에서 값을 나타내는 표기법 문(Statement) 최소로 실행 할 수 있는 단위 항상 ;(세미클론)으로 끝나야함 연산자(Operators) 산술 연산자(arithm
[dream-coding] 4. 변수에 대한 모든 것
변수에 대한 모든것 컴퓨터를 구성하는 중요한 3가지 요소 하드디스크 : 파일이나 어플리케이션을 저장 CPU(연산) : 저장 장치에서 데이터를 읽어와서 계산 및 처리 메모리 : 데이터를 빠르게 임시적으로 읽고 쓰기 위한 곳 변수란? 값을 저장하는 공간, 자료를 저장할