profile
주니어 프론트엔드 개발자가 되고 싶은
post-thumbnail

[JS] API & fetch

client와 server간에 상호작용을 하는 것으로 데이터 요청(Request)와 요청 데이터를 전달(Response)의 과정을 말한다.client와 server가 대화를 하는 방법즉, 다른 프로그램에게 말을 거는 것과 비유할 수 있다.API 호출은 데이터를 반환받기

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

[JS] async & await - 직관적인 비 동기 처리 코드 작성하기

async 키워드는 함수에 붙여 Promise를 반환하는 기능을 가진다.비동기를 다루는 기능이자, promise를 더 쉽게 쓸수 있다.async를 함수 앞에 붙여주면, 자동적으로 함수는 Promise를 리턴하게 되는 함수가 되어 비동기 처리 함수가 된다.그렇다면, as

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

[JS] Promise - 콜백 지옥 탈출

연속되는 비동기 함수를 처리할때, 비동기 처리의 결과 값을 사용하기 위해서코드가 깊어지는 현상자바스크립트의 비동기를 도와주는 객체비동기 처리의 결과값을 핸들링 하는 코드를 비동기 함수로부터 분리할 수있다.Promise객체를 사용하면 비동기 처리의 콜백함수를 줄지어 사용

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

[JS] 동기 & 비동기 & 콜백함수

<자바스크립트의 싱글 스레드(Thread) 작업 수행방식>으로 진행된다.블로킹 방식 : 스레드가 작업하고 있을때 다른 작업을 동시에 할 수 없는 방식자바스크립트는 코드가 작성된 순서대로 작업을 처리함이전 작업이 진행중일 때는 다음 작업을 수행하지 않고 기다림먼저

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

[JS] Spread 연산자

배열과 객체를 한줄로 펼치는 방법중복된 프로퍼티를 사용하게 되는 경우이다.이러한 경우에는 spread연산자를 이용할 수 있다.배열의 원소를 순서대로 펼칠 수 있다.

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

[JS] 비 구조화 할당(구조 분해 할당)

배열, 객체에서 원하는 값을 쉽고 빠르게 구할 수 있는 방법따라서 변수명이 키값으로 강제되는 경우가 있다.즉 비구조화 할당할때 :을 이용해 다른 변수명을 지정해 주면 된다.

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

[JS] 조건문 업그레이드

입력한 파라미터가 한식인지 아닌지 구별하는 프로그램을 조건식을 이용해 만들어보자여기서 조건식이 너무 길고, 연산자를 중복으로 사용하고 있다.이 프로그램을 배열에 담고 includes메서드를 이용해 작동하도록 수정한다.여러가지 조건을 가지고 있는다면 if문을 여러개 쓸

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

[JS] 단락 회로 평가

논리 연산자의 특성(오른쪽에서 왼쪽으로 흐르면서 계산하는)을 이용한 문법이다.

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

[JS] 삼항 연산자

a 변수가 양수인지 아닌지 판별하는 조건식을 if문으로 작성했을 경우, 간단한 작동이지만 코드의 길이가 길다.삼항연산자를 이용하면 한줄로 조건식을 작성할 수 있다.중첩 삼항 연산자는 가독성이 떨어진다.따라서 중첩으로 사용할때에는 if조건문을 이용해 가독성을 높여주는 것

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

[JS] Trutyh & Falsy

불리언 값을 넣지 않아도 불리언값으로 인정하는데 자바스크립트는 자신만의 기준이 있다.{} , Infinity, 문자열, 숫자, \[],null, undefined, 0, -0, NaN, ""(빈문자열)getName변수에 파라미터 person을 받고 Falsy한 값인지

2022년 6월 15일
·
0개의 댓글
·