Import와 Export는 파일의 독립적 관리를 통해 유지보수를 돕고, VanillaJS에서 뿐만 아니라 이후 node.js의 패키지 모듈 사용이나 ReactJS에서 빛을 발하게 된다. 1. 다른 .js 파일에서 하나의 함수 또는 하나의 상수/변수 불러오기 => default 키워드 이용. // pi.js const PI = 3.141592 export default PI; // index.js import pieeeee from "./pi"; console.log(pieeeee); default 키워드를 이용할 때는 어차피 하나의 데이터만 전송하기 때문에, import하는 곳에서는 가져온 데이터의 이름을 원본처럼 PI가 아니라 임의로 변경설정이 가능하다. 실제 활용할 때 이름만 맞춰주면 그만이다. 2..

const city = ["New York", "Seoul", "Los Angeles", "Busan", "Shanghai", "Paris"] function findCity(arr) { for ( let i=0 ; i { arr.forEach(element => { if (element === "Busan") { console.log("Gotcha!") } }) } const findCity3 = arr => { for (let element of arr) { if (element === "Busan") { console...

JavaScript의 별난 점! array와 object를 아예 새로운 형태로 초기화하지 않는 한, 그 원소를 추가/삭제하는 정도는 충분히 가능하다.

function(){} 안에 정의된 변수는 그 함수 밖에서 접근할 수 없는 것은 명확하다. 즉 함수 안에서는 var, let, const 모두 지역변수이다. 만약 접근시키려면 function 선언 전에 진작에 맨 위에서 전역으로 선언하면 된다. 그런데..! function이 아니라 if-else문, for/while문에서는 var, let, const의 특성이 조금 달라진다. var는 비록 {} 안에서 변수를 새로 선언했을지라도 {} 밖에서 접근 가능하다. 반면 let과 const는 if-else문, for/while문 역시 function(){}에서처럼 {} 안에서만 접근 가능하다.

JSON이 뭔데? Java Script로 쓰여진 Object 표기법 그게 왜 필요한데? JSON은 서로 다른 컴퓨터 간 효율적인 정보 송수신을 위한 발명품이다. 대개 정보는 인간의 자연어처럼 String이면 좋겠지만, 컴퓨터에 "기록"하는 이상 객체같은 커다란 덩어리이기 마련이다. 이렇게 용량이 큰 상태로 정보를 주고받는다면, request가 많아질 때 과부하를 면치 못할 것이다. 그래서 단순히 그 내용만을 한줄로 요약해서 줄줄이 사탕처럼 압축하는 방법이 생겼으니, 그것이 바로 JSON이다.

// 유저로부터 키보드로 입력되는 키가 무엇인지 콘솔로 출력하는 예제 document.addEventListener("keydown", printKey); function printKey(event) { console.log(event.key); } High order function(고차함수) : 다른 함수를 인풋으로 받아들이는 함수. ex) addEventListener() Call back function : High order function에서 인풋으로 쓰이는 함수. ex) printKey() * 이 call back function이 먼저 실행되고 나서 실행 또는 반환되는 값을, high order function이 2차적으로 이용한다. 즉 call back function은 유저가 직접 실행..