javascript

프론트엔드 개발자 공부를 시작하면서 미루고 미루어왔던 블로그작성을 시작하였다. 맨처음 시작하면 놓치기 쉬운 JavaScript의 개념부터 천천히 복습하면서 공부의 흔적을 남겨보려고 한다. 왜 배워야하는가? JavaScript는 활용도와 사용도가 아주 높다. Node.

변수(variable) 어떤공간(메모리)에 어떤값을 저장하기 위한 이름을 가진 공간 즉, 데이터(data)를 저장하기 위해 프로그램에 의해 이름을 할당받은 메모리 공간 변수는 ‘나중에 다시 사용하기 위해 기억해야할 정보를 저장하는 공간’이다. 변수선언이 필요한 이유

다양한 연산자가 존재한다. 우리가 어떤 연산자를 어떤 상황에 맞춰서 써야되는지 알아보자!두 개의 값을 가지고 연산하는 연산자\+(더하기), -(빼기), \*(곱하기), /(나누기), %(나머지값), \*\*(지수\_거듭제곱)논리 부정 연산자(LogicalNegatio

⇒ 코드의 흐름을 제어하는 실행문이다. 조건만족 여부에 따라 실행문을 제어하는 조건문과 특정 실행문을 여러번 반복 실행하는 반복문이 있다.조건문 : 조건여부에 따라 실행문을 실행 (if문, else문, else if문 ,switch문)반목문 : 실행문을 지정한 횟수만큼

⇒ 함수(function)란 어떤 목적의 작업을 수행하도록 설계된 독립적인 블록이며, 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다. 그렇기 때문에 재사용성과 유지보수하기 좋다. 👀 구성요소 자바스크립트에서 함수의 정의는 functio

⇒ JavaScript 변수 부분의 데이터 타입 원시(단일데이터)와 객체(복합데이터)를 배울때 객체에서도 배웠었다. 객체는 여러 데이터를 {key: value} 형태로 저장하고, 연관된 데이터를 그룹화하는 복합 데이터이다. 또한 참조의 의한 전달(https&#x3A

⇒ Class는 객체를 생성하기 위한 템플릿으로 객체지향프로그래밍에서 많이 사용되는 개념이다.      Class를 정의하는 방법은 크게 class 표현식과 class 선언 방법이 있다.ES6이후부터 클래스(Class)기반으로 객체지향 프로그래밍을 한다. 객체를 여러

내장 객체 (Built-in object) 브라우저의 자바스크립트 엔진에 내장된 객체 래퍼객체(Wrapper object) ⇨ 래퍼객체는 원시 타입을 감싸는 형태의 객체이다. 원시타입 : string, number, boolean, null, undefined, sy

브라우저의 자바스크립트 엔진에 내장된 객체⇨ Boolean 객체는 불리언 값을 감싸고 있는 객체이다. 첫 번째 매개변수로서 전달한 값이 불리언 값으로 변환된다. <span style="background-color:- 0\-0nullNaNundefined' '&l

▪ 배열은 연속된 메모리 공간에 순차적으로 저장된 객체 집합체이다. ▪ 대부분 배열의 요소는 하나의 동일한 데이터 타입이다.▪ 배열은 인덱스를 통해 효율적으로 요소에 접근할 수 있다. (배열의 인덱스는 0부터 시작)⇨ 일반적인 배열은 동일한 메모리크기와 연속적으로 이어

❔ 고차 함수(Higher order function) ⇨ 고차함수는 함수를 인자로 전달받거나 함수를 결과로 반환하는 함수이다. 자바스크립트의 함수는 일급 객체이므로 값처럼 인자를 전달할 수 있고 반환할 수 도 있다. 일급 객체 특징 생성, 대입, 연산, 인자 또는 반

⇨ ES6에 도입된 spread와 rset문법은 서로 다른 문법이지만 비슷한 부분이 있어 비교하면서 알아보자. 🔸 Rest Parmeters ⇨ Rest 파라미터(나머지 매개변수)는 매개변수 이름 앞에 세개의 점 `...`을 붙여서 정의한 매개변수로 함수에서 정해지지

🔁 맵(map) ⇨ 키가 있는 데이터를 저장한다는 점이 객체(object)와 유사하다. ⇨ 객체는 키값으로 문자열만 사용가능하지만, 맵은 키에 다양한 자료형을 허용한다. ⇨ `key-value`의 쌍을 저장하며 각 쌍의 삽입 순서도 기억하는 컬렉션이다. ⇨ 메서드는

❔ 이터레이션 프로토콜(Iteration Protocal) ❔ ⇨ 이터레이션 프로토콜(Iteration Protocal)는 데이터 컬렉션을 반복, 순회 가능(iterable)하도록 하는 프로토콜(미리 약속된 규칙)이다. 자바스크립트에서 이터레이션 프로토콜을 따르는 객

📌 프로미스(Promise)? ⇨ 프로미스(Promise)는 자바스크립트 비동기 처리에 사용되는 객체이다.(ES6도입) 프로미스는 전통적인 콜백 패턴이 가진 단점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있다는 장점이 있다. 👉 프로미스의 필요성? 자바스

⇨ 클로저는 반환된 내부함수가 자신이 선언됐을 때의 환경(Lexical environment)인 스코프를 기억하여 자신이 선언됐을 때의 환경(스코프) 밖에서 호출되어도 그 환경(스코프)에 접근할 수 있는 함수를 말한다.(=내부함수에서 외부함수의 상태에 접근할수있는 권한