JavaScript

학습 목표 > 변수 사용은 데이터를 편리하게 저장하고 꺼내 쓰는 것임을 이해한다. 자바스크립트에서 변수의 선언과 값의 할당에 대해서 설명할 수 있다. =가 "같다"라는 의미가 아니라 할당 연산자임을 이해한다. 크롬 개발자 도구의 console 탭을 이용하여 원하는 값을

타입 - 숫자나 문자와 같이 변수에 할당할 수 있는 형태 타입이란? >- 프로그램에서 다룰 수 있는 값의 종류를 의미 자바스크립트에서는 여러 가지 형태의 타입을 미리 정의하여 제공하고 있으며 이것을 기본 타입이라고 한다. 자바스크립트의 기본 타입은 크게 원시 타입과

함수란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미하고 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다.함수를 선언하기 위해서는 keyword, name, parameter, body가 필요하다함수의 호출과 리턴함수 그 자체(func

조건에는 Boolean 으로 결과가 나오는 비교구문이 들어간다.else if문은 갯수 제한이 따로 없고 if문과 else if문 중에 1개의 조건만 실행된다.이중 if문은 첫 if문을 만족하지 않으면 안에 포함된 if문도 실행되지 않는다.switch문을 사용할 때는 반

자바스크립트엔 글자 하나만 저장할 수 있는 별도의 자료형이 없고 텍스트 형식의 데이터는 길이에 상관없이 문자열 형태로 저장된다.문자열은 큰따옴표("")나 작은따옴표('') 및 백틱(\`\`)으로 둘러싸인 문자의 집합을 의미한다.""와 ''의 차이는 없지만 반드시 같은

반복문이란? > - 반복문이란 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문이다. 프로그램이 처리하는 대부분의 코드는 반복적인 형태가 많으므로 가장 많이 사용되는 실행문 중 하나이다. 1. for while문과는 달리 초기식, 표현

변수에는 JavaScript에서 사용할 수 있는 다양한 타입의 값을 할당할 수 있지만 하나의 변수에는 하나의 값만 넣을 수 있었다. 만약 페이스북이나 카카오톡 같은 대규모 서비스에서 여러 개의 데이터를 한 번에 처리할 수 없다면 매번 새로운 변수를 선언하는 일을 반복해

객체란? > 객체는 게임 캐릭터에 비유할 수 있다. 사용자들의 캐릭터는 동일하게 직업과 능력을 가지고 있지만 세부적인 내용은 다르다. 누군가는 JavaScript라는 ID와 마법사라는 직업을 가지고 있지만 다른 누군가는 Java라는 ID와 전사라는 직업을 가지고 있다.

원시 자료형(primitive data types)이란? >- JavaScript에서 객체가 아니면서 method를 가지지 않는 6가지의 타입을 말한다. 고정된 저장 공간을 차지하는 데이터이다. 변수에 하나의 데이터만 담을 수 있다. 값 자체에 대한 변경이 불가능(i

스코프(Scope)란? > 스코프란 범위를 뜻하며 JavaScript에서 스코프는 '변수 접근 규칙에 따른 유효범위' 이다. 스코프의 규칙 1. 안쪽 스코프에서 바깥쪽 스코프로는 접근할 수 있지만 반대는 불가능하다. 블록 레벨 스코프 중괄호를 기준으로 범위가 구분

함수와 함수가 선언된 어휘적(lexical) 환경의 조합으로 이 환경은 클로저가 생성된 시점의 유효 범위 내에 있는 모든 지역 변수로 구성된다.자바스크립트는 함수가 호출되는 환경과 별개로 기존에 선언되어 있던 환경, 즉 어휘적 환경을 기준으로 변수를 조회하려고 한다.스

HTML요소를 Object처럼 조작할 수 있는 Model이며 HTML문서에 접근하기 위한 인터페이스이다. 이 객체 모델은 문서 내의 모든 요소를 정의하고 각각의 요소에 접근하는 방법을 제공한다.웹 문서를 브라우저에 렌더링하려면 브라우저의 렌더링 엔진이 웹 문서를 로드한

고차 함수(Higher-order function)란? > - 함수를 인자로 받아서 사용하거나 결과 값으로 함수를 반환하는 함수이다. 함수의 전달인자로 전달되는 함수를 콜백 함수라고 한다. JavaScript의 함수는 일급 객체이므로 값처럼 인자로 전달할 수 있으며 반

객체 지향 프로그래밍(OOP, Object-oriented programming)이란? > - 객체 지향 프로그래밍은 사람이 세계를 보고 이해하는 방법과 매우 흡사하다. 우리가 주변의 실세계에서 사물을 인지하는 방식을 프로그래밍에 접목하려는 사상을 의미하며 코드를 추상

프로토타입(Prototype)이란? > - Java의 클래스 기반 객체지향 프로그래밍 언어와 달리 JavaScript는 프로토타입 기반 객체지향 프로그래밍 언어이다. JavaScript에서 기본 데이터 타입을 제외한 모든 것은 객체이며 모든 객체는 자신의 부모 역할을

얕은 복사와 깊은 복사 원시 자료형을 할당한 변수를 다른 변수에 할당하면 값 자체의 복사가 일어난다. 둘 중 하나의 값을 변경해도 다른 하나에는 영향을 미치지 않는다. 참조 자료형은 임의의 저장공간에 값을 저장하고 그 저장공간을 참조하는 주소를 메모리에 저장하기 때문

동기와 비동기 동기(Synchronous)란? 자바스크립트의 동기란 특정 코드의 실행이 완료될 때까지 기다리고 난 후 다음 코드를 수행하는 것을 의미한다. 실행이 종료될 때까지 다른 작업을 할 수 없다. 특징 순차적(직렬적)으로 작업을 수행한다. 요청 후 응답을 받

프로미스는 전통적인 콜백 패턴이 가진 단점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있다는 장점이 있다. 프로미스는 Promise 생성자 함수를 통해 인스턴스화한다. Promise 생성자 함수는 비동기 작업을 수행할 콜백 함수를 인자로 전달받는데 이 콜백 함수

async/await란? > 자바스크립트에서 비동기 처리를 위해 콜백 함수를 사용하였으나 반복적으로 사용할 경우 Callback Hell이 발생하는 문제점이 있었다.