be special ✨

0, '', undefined, null, NaN

1. Number 2. String 3. Boolean 4. Undefined 5. Null 6. Symbol(ES2015) 7. BigInt(ES2020)

https://www.w3schools.com/js/js_htmldom.asp 브라우저는 자바스크립트 엔진을 가지고 있다. 크롬 : V8 engine 엣지 : Chalker Core 사파리 : Nitro 파이어폭스 : Spider Monkey 자바스크립트 엔진은 자바스크립트 파일을 한줄씩 읽어서 실행한다 https://www.w3schools.com/js/pic_htmltree.gif 자바스크립트는 페이지의 모든 HTML 요소를 바꿀 수 있다. 자바스크립트는 페이지의 모든 HTML 속성(attribute)을 바꿀 수 있다. 자바스크립트는 페이지의 모든 CSS 스타일을 바꿀 수 있다. 자바스크립트는 HTML의 존재하는 요소와 속성(attribute)을 삭제할 수 있다. 자바스크립트는 새로운 HTML 요소와..

https://www.youtube.com/watch?v=qGTdmls1yYg 위 영상을 정리한 포스팅입니다. 1. 화살표 함수에서 return 까먹는 경우 const add = (a, b) => { return a + b; } 중괄호와 return이 연달아 있으면 생략할 수 있다. add (1,2) // 3 const add = (a, b) => a + b; const add = (a, b) => (a + b); const add = (a, b) => ( a + b ) const add = (a, b) => { a + b } add(1,2) // undefined const add = (a, b) => { return a + b } return을 반드시 적어줘야 한다. 중괄호와 return이 붙어있을때..

https://www.youtube.com/watch?v=qGTdmls1yYg 위 영상을 정리한 포스팅입니다. 1. 함수 자리에 함수()를 넣는 경우 1초 뒤에 콘솔로그 hello 찍기 setTimeout(()=>{ console.log('hello'); },1000); setTimeout(function()=>{ console.log('hello'); },1000); setTimeout(console.log('hello'), 1000); 이렇게 해도 되나보다? 👉 hello가 바로 콘솔에 찍힌다. window.addEventListener('click',()=>{ console.log('hello'); }); window.addEventListener('click', console.log('hello'..

https://www.youtube.com/watch?v=9Y-smeNBoUA 위의 영상을 정리한 포스팅입니다. 1-1. cannot read property X of undefined undefined의 'b'라는 속성을 읽을 수 없다. a.b a가 undefined a가 undefined인 이유를 찾아서 해결 때로는 undefined가 아닌 경우가 있기 때문에 if (a) { a.b = } 와 같이 a가 undefined가 아닐때에만 동작이 실행될 수 있도록 처리 (에러가 나지 않도록) 최신 문법 옵셔널 체이닝 c = a.b; a가 undefined면 똑같이 에러가 난다. (cannot read property b of undefined) c = a?.b; 에러 나지 않고 undefined 처리를 해..

화살표 함수는 함수표현식과 같은 방법으로 사용할 수 있다. let age = prompt("나이를 알려주세요.", 18); let welcome = (age alert ('안녕') : () => alert ('안녕하세요!'); welcome(); 문법이 눈에 익기 시작하면 가독성이 올라간다. 함수 본문이 한 줄인 간단한 함수는 화살표 함수를 사용해서 만드는 게 편리 본문이 여러 줄인 화살표 함수 => 왼쪽에 있는 인수를 이용해 => 오른쪽에 있는 표현식을 평가하는 함수 외에 평가해야 할 표현식이나 구문이 여러 개인 함수 이 경우 역시 화살표 함수 문법을 사용해 함수를 만들 수 있다. 중괄호 안에 평가해야 할 코드를 넣어주어야 한다. return 지시자를 이용해 명시적으로 결과..

화살표 함수 (arrow function) let func = (arg1, arg2, ...argN) => expression arg1, arg2, ...argN을 인자로 받는 함수 func를 생성 함수 func는 => 오른쪽의 expression(표현식)을 평가하고, 평가 결과를 반환한다. 아래 함수와 같은 표현이다 let func = function(arg1, arg2, ...argN( { return expression; } let sum = function(a,b) { return a+b; }; let sum = (a, b) => a+b; alert(sum(1,2)); // 3 인수가 하나밖에 없다면 인수를 감싸는 괄호를 생략할 수 있다. let double = n => n*2; alert (do..

사용자와 상호작용하는 대화상자 alert prompt confirm alert() 메세지를 띄우고 사용자가 확인버튼을 누르기 전까지는 계속 메세지가 떠있음 (알리는 용도) prompt 사용자에게 어떤 값을 입력받을 필드를 띄운다. const name = prompt ("이름을 입력하세요."); alert("환영합니다, "+ name + "님");입력창이 뜨고, 이름을 입력하면 alert으로 환영메세지 백틱으로 작성 const name = prompt ("이름을 입력하세요."); alert(`환영합니다, ${name}님`); 입력창이 떴는데 취소를 누르는 경우 null 값이 들어감 null은 아무 내용이 없다. default 값을 입력하여 null이 아니도록 할 수 있음 prompt는 default값을 입..

const name = "Mike"; const message = `My name is ${name}`; 백틱이 아닌 일반 따옴표를 사용하면 변수명이 그대로 노출된다. const message2 = "My name is ${name}";//"My name is ${name}" console.log(message2); const name = "Mike"; const a = "나는 "; const b = " 입니다."; 숫자형 외에 문자형도 더하기를 사용할 수 있다. console.log(a+ name + b); // 나는 Mike 입니다 숫자형과 문자형을 섞어서 더할 수도 있다. 👉이런 경우에는 문자형으로 변경된다. const age = 30; //number; console.log(a+age+"살"+b)..