104%

https://www.notion.so/simsimjae/5-b43ad177194c43ea9cdc2d31fcdbad0b === : 엄격한 동등 비교 == : 느슨한 동등 비교 ==는 비교 대상 두개가 타입이 다르면 강제로 형 변환 한다음에 비교한다 ===는 타입이 다르면 바로 false를 리턴한다. false == 0 0 == "" false == "" 위 3가지 경우 모두 true이다. 자바스크립트에서는 "", 0, null, undefined, NaN는 falsy값이라고 한다. 즉 값이 false로 취급된다는것이다. null == null // true undefined == undefined // true null == undefined // true 위 3가지 경우 모두 true가 나온다. nul..

https://www.notion.so/simsimjae/4-25266bff47204219bf2863fed86c1756 +연산자에 대해서는 피연산자를 모두 문자열로 변환시켜준다. 1 + "2" // "12" 1 + "js" // "1js" 해석 순서는 왼쪽에서 오른쪽이다. 1 + 2 + "1" // "31" (1 + 2) + "1" // "31" 1 + "2" + 1 // "121" (1 + "2") + 1 // "121" -, *, / 연산자에 대해서는 피연산자를 모두 숫자로 만든다. 1 - '1' // 0 1 * '10' // 10 1 / 'one' // NaN, 'one'을 숫자로 변환할수없음. >에 대해서는 피연산자를 모두 숫자로 만든다음 표현식이 실행된다. '1' > 0 // true, '1'이..

https://www.notion.so/simsimjae/3-vs-75d0eafdb36b4ec2ba1dc9f519a15555 두 객체가 같은지 비교하기 이 말에는 두가지 의미가 담겨있다. 두 객체의 참조가 같은것인지? 두 객체의 내용이 같은것이지? 두 객체의 참조가 같은가? var obj = { 'title' : 'hello'; }; var obj2 = obj; obj === obj2 // true 두 객체의 내용이 같은가? var obj = { 'title' : 'hello' } var obj2 = { 'title' : 'hey' } obj === obj2 // true 두 객체의 내용이 다른데도 true를 보여주고 있다. 이것은 변수에 담긴 참조값을 기준으로 비교해서 그렇다. 그렇다면 값을 기준으로 ..

https://www.notion.so/simsimjae/2-3999b2a7ca8b4083960986c771376db0 #2 자바스크립트의 원시타입 기초잡기 자바스크립트는 객체 또는 원시타입 두가지 자료형만 존재한다. string number undefined null bool symbol(ES6에서 도입) 위 6개를 제외한 나머지는 모두 객체이다. 원시타입 원시타입은 변하지 않는다. → 한번 값을 넣으면 수정할 수 없다. 원시타입들은 값 그자체로 저장되지만 객체타입은 참조형태로 변수에 저장된다. 14 === 14 // true , 값이 같기 때문 [] === [] // false {} === [] // false , 참조값이 다르기 때문 함수는 1급 객체이다. 인자로 넘겨질 수 있다. 변수나 배열에 할..

https://www.notion.so/simsimjae/33-JS-Github-9496784fed134bbab03568070f50894f 33가지 JS개념 - Github정리 링크 www.notion.so 위 링크에서 보는걸 추천드립니다. 자바스크립트 모델의 시각적인 표현 JS는 스택을 가진다. 함수가 실행되면 이 스택에 들어가고 실행이 종료되면 스택에서 빠진다. 콜스택은 자바스크립트 엔진에서 단 하나만 존재하고 위에서 아래로 실행된다. → 콜스택은 동기적으로 처리된다.(한번에 하나씩만 처리됨, 한번에 병렬처리 불가능) 콜백함수는 이벤트 루프에 의해서 콜스택에 삽입된다. 함수가 실행되면 스택에서 스택프레임 하나가 생기고 그곳에 삽입된다. 스택프레임속에는 실행 컨텍스트가 들어있고 그안에는 변수객체가 있다..

var n1 = 1; var n2 = 1; console.log(n1 === n2); ? var o1 = {name:'kim'} var o2 = {name:'kim'} console.log(o1 === o2); ? 두 결과를 차이를 이해했다면, 아래에 물음에 답해보세요. js에는 5가지의 Primitive type과 1개의 Object type으로 자료형이 구성되어 있다. primitive type을 동등 연산자 (==,===)로 비교하면 값에 의한 비교를 하게 되고 Object type으로 비교하면 참조에 의한 비교를 하게 된다. 따라서, 첫번째 콘솔에서는 true 두번째에선 false가 찍히게 된다.(o1이 가리키는 객체와 o2가 가리키는 객체는 주소값이 다르다.) var personObj1 = { ..

this 바인딩 생성자 동작 과정 프로토타입 올바르게 사용하기 프로토타입 체인을 활용한 객체지향 오버라이딩 구현 프로토타입 체인을 활용한 객체지향 상속 구현 생성자 기반 상속 구현하기 객체지향 super() 키워드 구현 ES6 Class 키워드

... ... ... ... let parentDiv = document.getElementById('container') let childDivs = document.querySelectorAll('.child') let childDivsAgain = document.getElementsByClassName('child') // question 1. // 여기에 childDivs, childDivsAgain가 array인지 아닌지 판별하는 코드를 작성하세요. // length 결과 A console.log(childDivs.length); //=> 4 console.log(childDivsAgain.length); //=> 4 // 새로운 .child 추가 var newDiv = document.cre..