profile
Today I Learn # 개인 기록용 velog
post-thumbnail

비동기 처리를 시작하지 3 - async await

promise chaining을 더 간결하고 간편하게 만들어주는 async와 await api를 알아보자.async란?AsyncFunction 객체를 반환하는 하나의 비동기 함수를 정의한다. 암시적으로 promise를 사용해 결과를 반환하는 것이다. 이렇게 시간이 걸리

2021년 6월 29일
·
0개의 댓글
·
post-thumbnail

비동기 처리를 시작하지 2 - 콜백지옥과 Promise

동기 언어인 js로 비동기 처리를 하기 위한 방법은 callback 함수를 사용하는 것이다. 그렇게 callback을 매번 달아서 체인처럼 콜백 체인을 만든다면 어떨까? 간단한 경우엔 괜찮을지 몰라도 network와의 통신이나 파일을 읽는 기능이라면? 당연히 비 직관적

2021년 6월 29일
·
0개의 댓글
·
post-thumbnail

비동기 처리를 시작하지 - 그게 뭔데?

자바스크립트는 동기적 언어이고 싱글 쓰레드 언어이다. >동기(Synchronous)? 호이스팅 된 이후, 코드가 하나하나씩 동기적으로 처리되는 언어다. 서버에서 요청을 보낸 뒤 해당 요청에 대한 응답이 돌아올 때까지 다른 작업을 수행할 수 없다. 결과는, 1 2 3

2021년 6월 28일
·
0개의 댓글
·
post-thumbnail

JSON

클라이언트와 서버는 어떻게 통신할까? http를 이용해 통신한다. > HTTP란? Hypertext Transfer Protocal의 약자로 Hypertext를 주고받을 수 있는 규약이다. 클라이언트가 서버에게 data를 request(요청)할 수 있고 서버가 이에

2021년 6월 26일
·
0개의 댓글
·
post-thumbnail

for...of, for...in 그리고 forEach

대표적인 반복문 for, while 외에도 추가된 반복문 문법들이 있다.for of 반복문은 배열의 원소를 하나씩 꺼내온다. array만 반복이 가능한 forEach와 다르게 내부에 Symbol.iterator를 가진 객체라면 어떤 객체든 반복할 수 있는 강력한 반복문

2021년 6월 25일
·
0개의 댓글
·
post-thumbnail

var, let, const?

const, let, var은 javascript에서 변수/상수를 저장하는 방식이다.변수: 값을 저장할 목적으로 사용하며 이후에 변경될 수 있는 값상수: 값을 저장할 목적으로 사용하며 이후에 변경할 수 없는 값ECMAScript6의 등장 이전엔 var로 변수를 선언했다

2021년 6월 25일
·
0개의 댓글
·
post-thumbnail

자바스크립트는 다중 패러다임 언어 - 3

함수형 프로그래밍이란? 자료 처리를 수학적 함수의 계산처럼 취급하고 순수 함수를 강조하는 프로그래밍으로 실행 순서와 관계없어 비절차형이라고도 한다. > 순수함수란? 동일한 입력값을 넣었을 때 동일한 입력값을 반환하여 외부에 영향을 받지 않는 함수이다. 그렇다면 순수

2021년 6월 18일
·
0개의 댓글
·
post-thumbnail

자바스크립트는 다중 패러다임 프로그래밍 언어 - 2

명령형 프로그래밍에 대해 검색하자 선언형 프로그래밍의 예시가 함께 나왔고 이 둘을 비교하며 보자 빠르게 이해되었다.명령형 프로그래밍이란?HOW 어떻게 할 것인가선언형 프로그래밍이란?WHAT 무엇을 할 것인가예시를 들어보자.이 글을 작성하는 지금은 비오는 새벽으로 부침개

2021년 6월 17일
·
0개의 댓글
·
post-thumbnail

자바스크립트는 다중 패러다임 프로그래밍 언어 - 1

패러다임이란? 한 시대 사람들의 견해나 사고를 근본적으로 규정하는 테두리로써의 인식 체계 프로그래밍 패러다임은 너무나 많은 종류가 있다. 구조적 프로그래밍, 비구조적 프로그래밍, 절차지향 프로그래밍,,, 그중 자바스크립트는 다중 패러다임 프로그래밍 언어에 속한다.

2021년 6월 17일
·
0개의 댓글
·
post-thumbnail

오류와 예외

타 프로그래밍 언어는 오류와 예외를 구분하지만 자바스크립트는 모두 오류로 칭한다.그렇다면 타 프로그래밍 언어에서는 어떤 걸 오류라고 하고 어떤 걸 예외라고 할까?오류란?큰 의미로 오류와 예외를 모두 포함한다. 작은 의미로는 프로그램을 실행하기 전에 발생하는 문법적 오류

2021년 6월 17일
·
0개의 댓글
·
post-thumbnail

Object(객체) - 2

생성자 함수: 객체를 만드는 함수 2. let 객체이름 = new Object(); 생성자 함수는 이렇게 생겼다. 일반적인 함수와 구분하기 위해 생성자 함수의 이름은 대문자로 시작한다. 이렇게 생성자 함수를 만든 뒤 new 키워드와 함께 사용해 객체를 생성한다.

2021년 6월 16일
·
0개의 댓글
·
post-thumbnail

Object(객체) - 1

Object >객체: key와 value로 이뤄진 property들을 담을 수 있는 자료형 Method >메소드: 객체의 property 중 자료형이 함수인 property 객체 생성 객체를 생성하는 방법은 다음과 같다. 1. let 객체이름 = {}; 중괄호{

2021년 6월 16일
·
0개의 댓글
·
post-thumbnail

함수

함수는 내가 다시 쓸 것 같은 기능을 정의해두는 코드의 집합체이다. 나는 이걸 쿠키커터라고 이해하기도 한다. 쿠키를 만들 때마다 커터를 만들 수는 없으니까 쿠키 반죽을 원하는 쿠키 커터로 가공해서 모양있는 쿠키 반죽으로 만들어내는 것이다. 어떤 값을 함수에 넣어서

2021년 6월 16일
·
0개의 댓글
·
post-thumbnail

반복문

뮤직 어플리케이션에서 음악 반복재생하듯이!while 반복문은 가장 기본적인 반복문이다. 조건이 True인 경우, 실행할 문장을 무한 반복한다.그렇기 때문에 조건을 False로 만들 수 있는 문장이 있어야 한다.for 반복문은 반복하고 싶은 횟수를 정하고 싶은 경우 사용

2021년 6월 15일
·
0개의 댓글
·
post-thumbnail

조건문

나는 조건문을 충족하는 조건에 따라 실행할 문장이 달라지는 구조라고 이해한다.조건이 충족되지 않았을 때 실행할 문장을 추가하고 싶을 때 else를 사용한다.조건문 안에 조건문을 사용하는 방법이다.if else if 조건문은 중복되지 않는 세 가지 이상의 조건을 구분

2021년 6월 15일
·
1개의 댓글
·
post-thumbnail

연산자와 우선순위

덧셈 연산자 +뺄셈 연산자 -곱셈 연산자 \*나눗셈 연산자 /나머지 연산자 %논리 부정 연산자 !논리합 연산자 ||논리곱 연산자 &&숫자 덧셈 후 대입 연산자 +=숫자 뺄셈 후 대입 연산자 -=숫자 곱셈 후 대입 연산자 \*=숫자 나눗셈 후 대입 연산자 /=후위 덧셈

2021년 6월 14일
·
0개의 댓글
·
post-thumbnail

변수의 자료형

자바스크립트는 동적 언어이다.동적 언어란?타 언어에서 컴파일 과정 중 수행하는 일들을 런타임(실행 도중)에 수행하는 언어따라서 변수의 타입을 미리 선언할 필요가 없다. 런타임 도중에 자동으로 파악해줄 것이다. 따라서 한 번 String으로 선언한 변수를 이후에 Numb

2021년 6월 14일
·
0개의 댓글
·
post-thumbnail

start

node.js를 공부하기에 앞서 javascript를 다시 한 번 되짚는 시간을 갖고자 한다.웹 브라우저에서 사용할 목적으로 만든 프로그래밍 언어자바스크립트의 활용1\. 웹 클라이언트 어플리케이션 개발2\. 웹 서버 개발(node.js)3\. 모바일 어플리케이션 개발(

2021년 6월 14일
·
1개의 댓글
·