비동기 요청의 가장 대표적인 사례는 단연 네트워크 요청이다.네트워크를 통해 이루어지는 요청은 그 형태가 다양한데 그중에서 URL로 요청하는 경우가 가장 흔하다.URL로 요청하는 것을 가능하게 해 주는 API가 바로 fetch API이다.다음은 한 포털 사이트(naver

Node.js 내장 모듈을 사용할 수 있다.서드 파티 모듈 (3rd-party module)을 활용할 수 있다.Node.js 공식 문서를 활용하여 fs.readFile을 이용할 수 있다.Node.js는 "비동기 이벤트 기반 JavaScript 런타임"이다.Node.js

개발자는 코드 작성시 예측 가능한 코드를 작성하도록 노력해야 한다.그러기 위해서는 비동기로 작동하는 코드를 제어할 수 있는 방법에 대해 잘 알고 있어야 한다.여러 방법 중 하나는 Callback 함수를 활용하는 방법이다.Callback 함수를 통해 비동기 코드의 순서를

JavaScript의 동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리고 난 후 다음 코드를 수행하는 것’을 의미한다.JavaScript의 비동기 처리는 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드들을 수행하는 것’을 의미한다.JavaScript는

자바스크립트는 특정 객체의 프로퍼티(property)나 메서드(method)에 접근하려고 할 때 해당 객체에 접근하려는 프로퍼티 또는 메소드가 없다면 \[\[Prototype]]이 가리키는 링크를 따라 자신의 부모 역할을 하는 프로토타입 객체의 프로퍼티나 메소드를 차례

자바스크립트는 프로토타입 기반 언어이다.프로토타입은 객체의 원형(유전자)이다.객체의 원형, 즉 객체의 부모가 가지는 유전자 즉, 상속받은 데이터, 메소드함수 객체에는 프로토타입이라는 특수한 유형의 객체 프로퍼티(속성)가 존재한다.이러한 prototype 프로퍼티를 통해

객체 지향 프로그래밍 (Object Oriented Programming)OOP는 프로그램 설계 철학이다.자바스크립트는 엄밀히 말해 객체 지향 언어는 아니지만, 객체 지향 패턴으로 작성할 수 있다.OOP의 모든 것은 '객체'로 그룹화된다.이 객체는 한번 만들고 나면,

메서드 호출 : 객체.메서드() 와 같이 객체 내에 메서드를 호출하는 방법을 의미메서드 호출 방식을 이용할 때에는 \*\*화살표 함수를 쓰지 않는다(https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference

변수에 할당(assignment)할 수 있다.다른 함수의 전달인자(argument)로 전달될 수 있다.다른 함수의 결과로서 리턴(return)될 수 있다.함수가 일급객체라서 고차함수로 활용 가능하다.함수를 전달인자(argument)로 받을 수 있다.콜백함수 : 다른 함

벌써 부트캠프를 시작한지 한 달이라는 시간이 흘렀다.이렇게 하루에 절반 이상의 시간을 무언가에 집중하며 노력하는 일을 오랜만에 해보았다.그래도 해보고 싶은 꿈에 도전하는 것이기에 그 과정이 힘들게만 느껴지는 건 아니라 다행이다.오늘 이 회고를 작성하기 전 내가 블로그에

어떤 디자인으로 만들지 고민할 때 먼저 키워드 형식으로 떠올려보는 것 같다.떠올려본 대표 키워드 : 픽셀, 레트로 게임, 유니콘, 몽환적사용 폰트 : Neo둥근모체 (클릭하면 다운로드 링크로 갈 수 있다)픽셀 컨셉에 맞게 픽셀 폰트를 찾던 중 발견한 글꼴이다. 무료로

누구나 한 번쯤은 웹사이트의 회원가입을 진행해 보신 경험이 있을 것이다.가입 과정을 거치다 보면, 사이트에서 원하는 조건에 맞게 반드시 형식을 맞춰 입력해야 하는 경우가 생긴다.필수로 입력해야 하는 항목아이디, 이메일, 비밀번호, 이름, 전화번호 등입력 조건 \-

1. DOM 기초 2. DOM 다루기

오늘은 그동안 배웠던 개념들을 문제로 풀어보면서 학습했던 내용에 대해전반적으로 복기하는 시간을 가졌다.확실히 문제를 풀어보니 내가 어떤 개념들 잘 이해하고 있고, 어떤 부분이 보충이 필요한지 몸소 느낄 수 있는 경험이었다. 👍작성한 함수가 주어진 입력값에 대해서 리

학습 목표클로저 함수의 정의와 특징에 대해서 이해할 수 있다.클로저가 갖는 스코프 범위를 이해할 수 있다.클로저를 이용해 유용하게 쓰이는 몇 가지 패턴을 이해할 수 있다.클로저 : 함수와 함수가 선언된 어휘적(lexical) 환경의 조합을 말한다. 이 환경은 클로저가

컴퓨터 공학, 그리고 자바스크립트에서의 스코프는 "변수의 유효범위"로 사용된다.오늘은 스코프(Scope)의 종류와 각 선언 키워드(let, const)를 어떻게 사용해야 하는지 알아보자!학습 목표스코프의 의미와 적용 범위를 이해한다.스코프의 주요 규칙을 이해한다.전역

JavaScript에서 자료형(type)이란 값(value)의 종류이다.각각의 자료형은 고유한 속성과 메서드를 가지고 있다.이 자료형은 크게 두 가지로 구분할 수 있는데, 바로 원시 자료형(primitive type)과 참조 자료형(reference type)이다.

학습 목표배열과 객체의 특징을 구분하고, 배열과 객체의 특징에 따라 웹 애플리케이션 개발 시 어떻게 사용되는지 이해한다.객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있다.객체 속성 조회법 두 가지, dot notation과 bracket

학습 목표배열에서 특정 인덱스(index)의 요소(element)를 조회하거나, 변경할 수 있다.length 속성을 이용하여 배열의 길이를 조회할 수 있다.배열의 요소가 배열인 이중 배열을 이해하고, 이중 배열의 요소를 조회하거나 변경할 수 있다.배열의 각 요소에 대하

컴퓨터를 조작하기 위해서는 다양한 입력(Input)이 필요하다.우리는 화면을 보기 위해 마우스를 사용하고, 메시지를 입력하기 위해 키보드를 사용한다.입력을 담당하는 키보드나 마우스를 입력 소스(Input source)라고 한다.키보드나 마우스 외에도 카메라나 마이크 등