바닐라자바스크립트 자바스크립트 JS 공부 #6 삼항연산자, Truthy Falsy, 비구조할당, 단축 논리연산자 알아두면 좋은 js 문법 삼항 연산자 - ? 조건문 ? true일때 실행 : false일때 실행 Truthy Falsy 각각 트루같음 펄스같은~ 문법이 아니라 개념 undefine,null,0,'',NaN --> 다 Falsy 한 값 외의 나머지 --> 다 Truthy한 값 !하면 반대값이 나온다 단축 평가 논리 계산법 논리연산자 사용해서 코드 짧게 쓰기 && 사용법 || 사용법 주로 어디 ... js바닐라자바스크립트JavaScript자바스크립트JavaScript 자바스크립트 JS 공부 #7 비동기처리, promise, then, async/await 동기적 - 차례대로 실행됨 (그거하는 동안 다른거 못함) 비동기적 - 흐름이 멈추지 않기 때문에 동시에 여러작업 처리 기다리는 과정에서 다른 함수 호출가능 비동기 처리 setTimeout(() => { },0); --> 비동기처리가능 콜백함수 - 이 펑션이 끝나고 실행됐으면 하는거 설정할때 사용 비동기 처리를 해야하는 경우 Ajax Web API 요청: 만약 서버쪽에서 데이터를 받아야 할 때... js바닐라자바스크립트JavaScript자바스크립트JavaScript 자바스크립트 JS 공부 #1 자료형, 연산자, 조건문, 함수선언 이전에 제이쿼리로 자바스크립트를 배운적이 있는데 오래되었으며 제이쿼리가 아닌 바닐라js로 Es6문법을 배우고 싶어서 패스트캠퍼스에 있는 velopert님의 강의를 들었다. let const 변수 - 값이 변할 수 있음 let 상수 - 값이 고정적임 const 같은 이름으로 설정 안된다 var는 이제 사용하지않는 편 (같은 이름으로 여러번 선언가능, let과 구현 범위가 다름 ) 연산자 - 산... 자바스크립트JavaScriptjs바닐라자바스크립트JavaScript 자바스크립트 JS 공부 #2 객체, 비구조할당, getset 객체 객체 선언 방법 const dog = { //key(공백안됨, ''쓰면 되긴함): value //이름:값 } 비구조할당(객체 구조분해) -es6 문법 함수의 인자로 객체의 키값을 들고오면 ex) function print({ alias, name, actor}){ 객체.키 스타일이아닌 그냥 키 이름으로만 함수내부에서 사용가능하다 ! 위에 처럼 함수 밖에서도 사용 가능 ! this 사용하... 자바스크립트JavaScriptjs바닐라자바스크립트JavaScript 자바스크립트 JS 공부 #3 배열, 반복문 반복문 #### for of ``` const numbers = [10, 20, 30, 40, 50]; for (let number of numbers) { console.log(number); const dog = { name: '멍멍이', sound: '멍멍', age: 2 console.log(Object.entries(dog)); console.log(Object.keys(dog));... 자바스크립트JavaScriptjs바닐라자바스크립트JavaScript
자바스크립트 JS 공부 #6 삼항연산자, Truthy Falsy, 비구조할당, 단축 논리연산자 알아두면 좋은 js 문법 삼항 연산자 - ? 조건문 ? true일때 실행 : false일때 실행 Truthy Falsy 각각 트루같음 펄스같은~ 문법이 아니라 개념 undefine,null,0,'',NaN --> 다 Falsy 한 값 외의 나머지 --> 다 Truthy한 값 !하면 반대값이 나온다 단축 평가 논리 계산법 논리연산자 사용해서 코드 짧게 쓰기 && 사용법 || 사용법 주로 어디 ... js바닐라자바스크립트JavaScript자바스크립트JavaScript 자바스크립트 JS 공부 #7 비동기처리, promise, then, async/await 동기적 - 차례대로 실행됨 (그거하는 동안 다른거 못함) 비동기적 - 흐름이 멈추지 않기 때문에 동시에 여러작업 처리 기다리는 과정에서 다른 함수 호출가능 비동기 처리 setTimeout(() => { },0); --> 비동기처리가능 콜백함수 - 이 펑션이 끝나고 실행됐으면 하는거 설정할때 사용 비동기 처리를 해야하는 경우 Ajax Web API 요청: 만약 서버쪽에서 데이터를 받아야 할 때... js바닐라자바스크립트JavaScript자바스크립트JavaScript 자바스크립트 JS 공부 #1 자료형, 연산자, 조건문, 함수선언 이전에 제이쿼리로 자바스크립트를 배운적이 있는데 오래되었으며 제이쿼리가 아닌 바닐라js로 Es6문법을 배우고 싶어서 패스트캠퍼스에 있는 velopert님의 강의를 들었다. let const 변수 - 값이 변할 수 있음 let 상수 - 값이 고정적임 const 같은 이름으로 설정 안된다 var는 이제 사용하지않는 편 (같은 이름으로 여러번 선언가능, let과 구현 범위가 다름 ) 연산자 - 산... 자바스크립트JavaScriptjs바닐라자바스크립트JavaScript 자바스크립트 JS 공부 #2 객체, 비구조할당, getset 객체 객체 선언 방법 const dog = { //key(공백안됨, ''쓰면 되긴함): value //이름:값 } 비구조할당(객체 구조분해) -es6 문법 함수의 인자로 객체의 키값을 들고오면 ex) function print({ alias, name, actor}){ 객체.키 스타일이아닌 그냥 키 이름으로만 함수내부에서 사용가능하다 ! 위에 처럼 함수 밖에서도 사용 가능 ! this 사용하... 자바스크립트JavaScriptjs바닐라자바스크립트JavaScript 자바스크립트 JS 공부 #3 배열, 반복문 반복문 #### for of ``` const numbers = [10, 20, 30, 40, 50]; for (let number of numbers) { console.log(number); const dog = { name: '멍멍이', sound: '멍멍', age: 2 console.log(Object.entries(dog)); console.log(Object.keys(dog));... 자바스크립트JavaScriptjs바닐라자바스크립트JavaScript