2022.09.13.화 1.ES6 1)spread -spread.js /** * spread syntax 기호 : '...' * 하나로 뭉쳐있는 여러 값들의 집합을 펼쳐서(전개, 분산) 개별적인 값들의 목록으로 바꿈 * * spread 문법 사용 가능 대상 : array, String, Map, Set, DomCollection 등으로 한정 */ //1.Spread With Arrays const fruits = ['apple', 'banana']; const otherFruits = ['kiwi', 'podo']; //기본의 배열 연결(concatenation) 방식 const allFruits = fruits.concat(otherFruits); //spread 활용 방식 const myFruits ..

2022.08.22.월 1.동기/비동기 -동기 방식 /* synchronous : 동기적인 함수가 호출된 순서대로 순차적으로 실행됨 - 동기(sync) 방식 */ //1.순차 실행 const firstFunc = () => {console.log('첫 번째 함수가 호출 됨.');} const someLongWork = () => { console.log('--------------------'); console.log('특정 작업 처리중... 시간이 오래 걸림'); console.log('--------------------'); } const secondFunc = () => {console.log('두 번째 함수가 호출 됨.');} //함수들이 작성한 순서대로 순차적으로 ㅗ출됨 firstFunc();..

2022.08.18.목 1.기본문법 -variable_content JavaScript 변수와 상수(variables & constants) //한 줄 주석 /* 여러 줄 주석 */ //JS 코드만 작성하는 부분 /* javascript에서의 변수 키워드(keyword, 예약어) var, let, const 변수 네이밍 규칙 : camelCase(Java와 동일) let : 재할당 가능 const : 재할당 불가(Java의 final 키워드) */ //변수(variable) let userName = 'Yoo'; //홑따옴표(single quote) 사용 가능 console.log(userName); //browser console에 출력하는 방식 userName = 'why'; //재할당(Reassig..