JavaScript/theory

[자바스크립트] 동기와 비동기 이해하기.

동기와 비동기 동기 Synchronous : 동시에 발생하는 순차적/직렬적으로 태스크를 수행한다. 요청을 보냈다면, 응답을 받아야 다음 동작이 이루어진다. 순차적으로 실행되므로, 어떤 작업이 수행중이라면 뒤의 작업은 대기한다. 블로킹(작업 중단)이 발생한다. 비동기 Asynchronous : 동시에 발생하지 않는 병렬적으로 태스크를 수행한다. 현재 작업의 종료여부와 무관하게 다음 작업을 실행한다. 그러므로 동기 방식과는 달리 완료 순서가 보장되지 않는다. 블로킹이 발생하지 않는다. 동기 방식은 손님이 주문을 하고 >> 커피가 나올 때 까지 기다려서 >> 커피를 받아야 한다. 비동기 방식은 우선 주문을 받고 >> 손님은 커피가 나오는 순서를 신경쓰지 않고 >> 진동벨이 울리면 커피를 받는다. 실제 카페에서..

[자바스크립트] enum을 배우고 구현해보자.

constant 상수 [자바스크립트] let, const 키워드를 사용하자. 이전 글 [자바스크립트] var 키워드를 사용하지 말아야 하는 이유 자바스크립트에서 변수를 선언하는 방법으로는 var, const, let 3가지 키워드가 있다. 사실 EcmaScript5 전까지는 var 키워드만 존재했으 gobae.tistory.com const에 대해선 이전 포스팅을 참고하자. 자바스크립트의 const 키워드는 "변하지 않는 값"을 위해 사용한다. const는 상수(변하지 않는 값)이며, 상수의 반대 개념은 변수(변하는 값)이다. 이 상수와 enum이 관련이 있으니, 먼저 알아두자. Enum Enum은 Enumerated type의 줄임말이다. 열거하는 타입 이라는 의미를 가진다. 그런데, 무엇을 열거한다는..

[자바스크립트] XML과 JSON 포맷 배우기

XML? JSON? XML과 JSON은 데이터 전달을 위한 포맷이다. 그런데.. 데이터를 전달하는데 포맷이 왜 필요해? 라는 생각이 든다면 우선 마크업 언어를 먼저 이해해보면 좋겠다. 마크업 언어? 마크업 언어란, 메타언어의 한 종류다. 메타언어는? 다른 언어를 기술하거나 분석하기 위하여 사용되는 언어. 가령, 영어 문법을 한국어로 설명한다면 한국어 = 메타언어이다. 마크업 언어는 태그 등을 이용하여 문서나 데이터의 구조를 기술하는 언어다. "마크업"의 의미는 꺽쇠()를 이용한 태그로 데이터의 성격이나 기능을 감싼 것을 칭한다. 마크업 언어의 대표적인 예는 XML, HTML이 있다. XML과 HTML이 어떻게 다른지 알아보면 좋겠다. 간단한 HTML의 특징 HTML 태그는 데이터를 "보여주기"가 목적이다..

[자바스크립트] 일급 객체? 함수!

일급 객체? first class object 위키백과에 따르면, 일급 객체는 다음과 같다. "컴퓨터 프로그래밍 언어에서, 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체." 일반적인 연산을 모두 지원하는 객체! 일급 객체의 조건은 다음과 같다. 변수나 데이터 구조 안에 담을 수 있다. 함수의 인수로 전달할 수 있다. 리턴값이 될 수 있다. 자바스크립트 개발자라면 "자바스크립트에서 함수는 일급객체다." 라는 말을 들어봤을 것인데, 본인이 일급객체라고 주장하는 함수에 대해서 예시를 통해 알아보자. 자바스크립트에서 함수의 활용 예시 1) 변수에 담기 let func = function hello(){ return "hello"; } // 변수 func에, hello를 반환하는 hello함수를..

[자바스크립트] ?. 연산자, 옵셔널 체이닝

옵셔널 체이닝이 뭔가요?? 코드를 작성할 때, 데이터에서 특정 값들이 누락될 수도 있다. 당신에게는 아래의 data가 있다. const data = [ { name:"Thomas", like:{ food:"banana", drink:"milk", }, }, { name:"James", like:{ food:"pasta", drink:"coke", }, }, { name:"Kim", want:{ food:"ramyeon", drink:"water", }, } ]; data 기반으로 사용자 별 좋아하는 음식을 출력하려면, for(let i=0; i

[자바스크립트] let, const 키워드를 사용하자.

이전 글 [자바스크립트] var 키워드를 사용하지 말아야 하는 이유 자바스크립트에서 변수를 선언하는 방법으로는 var, const, let 3가지 키워드가 있다. 사실 EcmaScript5 전까지는 var 키워드만 존재했으며 이후로 const, let이 추가된 것이다. 이 var 키워드는 독특한 특징 gobae.tistory.com var 키워드의 단점을 보완하기 위해 등장한 const, let 키워드는 어떤 특성을 가지는지 알아보자. let 키워드 1. 동일한 식별자를 중복 선언할 수 없다. var a = 1; let a = 1; // 'a' has already been declared. var 키워드와 달리, let 키워드는 동일한 식별자 변수를 중복 선언하면 에러가 발생한다. 2. 블록 레벨 스코..