728x90

자바스크립트입문 4

[자바스크립트 기초] 계산기 만들기 calculator

1. if, else if 를 활용한 계산기 만들기 // calculator 만들기 // command, a, b 인수 받기 // command는 add, subtract, multiply, divide const calculator = function(command, a, b){ let result = 0; if(command === 'add'){ result = a+b return console.log(result) }else if(command === 'subtract'){ result = a-b return console.log(result) }else if(command === 'multiply'){ result = a*b return console.log(result) }else if(comm..

html,css,js 2023.05.16

[자바스크립트 중급] Generator 제너레이터 function*

1. Generator (feat. yield) - 함수의 실행을 중간에 멈췄다가 다시 실행할 수 있다. - 여러 값을 필요에 따라 하나씩 반환할 수 있다. - function* : 이렇게 function 오른쪽에 * 을 붙여서 만든다. - 내부에 yield 키워드를 사용하여 함수의 실행을 멈출 수 있다. - generator 실행하면 코드가 실행되는게 아니라 generator 객체가 반환됨 // generator yield next function* fn1(){ console.log(1) yield 1; console.log(2) yield 2; console.log(3) console.log(4) yield 3; return "finish"; } const test = fn1(); console.lo..

html,css,js 2023.05.16

[자바스크립트 기초] if 조건문, or and not 논리 연산자

1. 조건문 if 문 (if, else if, else) 선언 방법: if(1번 조건){1번 true면 실행할 내용} else if(1번 조건 false일 때 2번 조건) {2번 조건 true면 실행할 내용} else{2번 조건까지 false일 경우 실행할 내용} if(조건)안의 값은 항상 불린 값으로 반환됨 조건문 안에서 == 또는 === 써야하는데 버릇처럼 = 로 쓰는 실수 주의! if문 요약: 조건 ? ture : no // 맞으면 왼쪽 반환 틀리면 오른쪽 반환 2. 논리 연산자 || (OR) // shift + \ 누르면 | 나옴 여러개 중 하나라도 true면 true , 즉 모든 값이 false 여야 false 를 반환 하나만 true 면 다 true니까 첫번째 true를 찾는 즉시 평가를 멈춤..

html,css,js 2023.05.16

[자바스크립트 중급] async, await (Promise 가독성 높히기) try & catch

1. async : function 앞에 붙어 항상 Promise를 반환한다. - async는 Promise문 코드를 줄여주고 가독성을 높혀준다. - resolve, reject를 따로 작성할 필요 없다. 1) 에러면 reject로 판단 -> 알아서 catch로 연계 (async + await 문에서는 try + catch를 쓰는데 뒤에 나옴) 2) 성공이면 resolve로 판단 -> 알아서 then으로 연계 *아래 Promise 문을 async로 정리하면 // Promise 를 async 로 정리해보자 const test = function () { return new Promise((resolve, reject) => { resolve("성공") }) } const test1 = function (s..

html,css,js 2023.05.16
728x90