var, let, const 는 변수를 선언하는 키워드다. 과거의 Javascript에서는 var 로 변수 선언이 가능하였는데, ES2015(ES6)가 등장하면서 let 과 const 를 사용하기 시작했고 여러가지 다른 특성을 갖는다.본문에 들어가기 앞서, 스코프와
정보를 전달하기 위해서 다양한 사용을 하고 자주 쓰는 표현은 분류가 필요하다.타입(type) 은 값(value)의 종류다.자바스크립트의 모든 값은 타입을 가지고 있다.타입이 있어 쉽게 분류할 수 있다.각 타입은 고유한 속성과 메서드를 가진다.Number 는 일상생활에서
로고 변수란? > 변수(Variable) 는 하나의 값을 저장할 수 있는 저장공간이다. 1. 변수의 개요 사전에 커피란 끓여서 마실 수 있도록 볶아 놓은 커피나무 열매의 씨앗, 또는 그것을 빻은 분말 상태의 물질로 그 씨를 끓이거나 분말을 뜨거운 물에 타서 만든 짙
조건문(條件文, conditional) 이란 어떤 조건이 주어질 때 어떤 동작을 수행하도록 하는, 즉 조건에 따라 실행이 달라지게 할 때 사용되는 문장이다.2\. if 문
반복문 은 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 명령문이다.JavaScript의 대표적인 반복문인 for문이 있다.먼저, 1부터 5까지의 수를 차례대로 더한 값을 구하는 코드를 작성한다고 가정하면, 가장 쉽게 떠올릴 수 있는 방법은
현실에서 발생하는 대부분의 복잡한 문제는 더 작고 간단한 문제로 나눌 수 있다. 복잡한 문제를 해결하기 위해서는 반대로 작고 간단한 문제를 하나씩 해결하고, 마지막에는 크고 복잡한 문제를 해결한다. 이러한 과정을 컴퓨터라는 함수라는 것을 사용해 해결한다.함수는 입력에
자바스크립트 배열(Array) 하나의 값을 저장하는 변수는 대량의 데이터를 처리하기엔 불편하다. 그래서 배열(Array) 자료형을 사용하여 하나의 변수에 여러 개의 값을 분리하여 저장할 있어 가독성이 높아지는 장점을 지니고 있다.
JavaScript에서는 원시 타입의 데이터는 객체가 아니면서 method를 가지는 6가지의 데이터 타입이 존재한다.string, number, bigint, boolean, undefined, symbol , (null)이 중에서 자주 사용하는 4 (+1) 가지의 원
스코프의 정의스코프(Scope) 는 변수 접근 규칙에 따른 유효 범위를 뜻한다.안쪽 스코프에서 바깥쪽 스코프로는 접근할 수 있지만, 반대로는 불가능하다.스코프는 중첩이 가능하다.Scope-Rule가장 바깥의 스코프는 전역 스코프 (Global scope) 라고 부른다.
클로저(Closure) 는 함수와 함수가 선언된 어휘적 환경의 조합이다. 여기서 말하는 환경은 클로저가 생성된 시점의 유효 범위 내에 있는 모든 지역 변수로 구성된다.자바스크립트는 어휘적 환경(Lexical Environment)을 가진다.다음 예제는 화살표 함수를 이
Spread와 Rest는 ES6에서 도입되었으며 서로 완전히 다른 문법이지만 비슷한 부분이 있다. Spread 문법 주로 배열을 풀어서 인자 로 전달하거나, 배열을 풀어서 각각의 요소 로 넣을 때에 사용한다. Rest 문법 파라미터를 배열의 형태 로 받아서 사용할
HTML/DOMDOM (Document Object Model) 의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작할 수 있는 Model이다.JavaScirpt를 사용할 수 있으면, DOM으로 HTML을 조작할 수 있다. 여러 뛰어난 웹
document 객체에는 많은 속성과 메서드가 존재한다. 모든 속성과 메서드를 외우기에는 어려움이 있어, 제일 자주 사용하는 CRUD(Create, Update and Delete)를 제대로 이해하고 학습하는 것이 중요하다.본격적으로 DOM 실습하기 전, 다음과 같은
이벤트 객체 는 DOM 관련된 이벤트가 발생되면 발생하는 관련 정보를 저장하는 객체다.click : 마우스 버튼을 클릭할 때 (터치스크린이 있는 장치에선 탭 했을 때) 발생한다.mouseover 와 mouseout : 마우스 커서를 요소 위/밖으로 움직였을 때 발생한다
고차 함수를 알아보기 전, 일급 객체를 알고 있어야 조금 더 이해가 쉽다. 자바스크립트의 대표적인 일급 객체 중 하나가 함수이며, 함수는 변수에 할당할 수 있어 배열의 요소나 객체의 속성 값으로 지정할 수 있다. 또 함수를 데이터(string, number, bool
객체 지향다음은 하나의 모델이 되는 청사진(blueprint)를 만드는 것을 클래스(class), 그 청 사진을 바탕으로 한 객체(object)를 만드는 것이 인스턴스(instance) 라고 부른다.본격적으로 들어가기 전, 기본적으로 알아두어야 할 단어를 숙지하고 넘어
동기 vs. 비동기다들 동기와 비동기라는 단어는 한 번쯤 들어봤을거라고 생각한다.비동기를 들어가기 전에 간단하게 동기를 설명하자면, 자바스크립트의 동기(synchronous) 처리는 특정 코드의 실행이 완료될 때까지 기다리고 난 후에 다음 코드를 수행하는 것을 의미한다
비동기 요청의 가장 대표적인 사례는 단연 네트워크 요청이다. 네트워크를 통해 이루어진 요청은 그 형태가 다양하다. 그 중에서 URL로 요청하는 경우가 제일 많고, URL로 요청하는 것을 가능하게 해주는 API가 fetch API 이다. Fetch API Fetch는
비동기 실습 Callback Promise Promise chaining Promise.all() Async/Await Fetch
MERN 스택MERN Stack 은 JavaScript 생태계에서 인기 있는 프레임워크인 MongoDB, Express, React, NodeJS 을 사용하여 서버(백엔드), 웹(프론트)를 모두 만드는 기술을 의미한다.Express 는 Node.js를 위한 빠르고 개방
JSON.stringfy()란? JSON.stringfy() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환한다. JSON.stringfy 함수 구현 과제 Rule > 1. JSON.stringfy 함수는 input 값을 JSON 형식으로