루체

const dong = { name : '멍멍이', age : 2, cute : true, sample : { a: 1, b: 2, } }; console.log(dog.name); === 멍멍이 console.log(dong.age); === 2 name과 age는 키라고 한다. 공백이 있으면 안된다. 대신 ''이걸로 감싸주면 된다. 비구조화 할당 = 객체 구조분해 객체에서 특정 값들을 추출해내는 것 const ironMan = { name : '토니 스타크', actor : '로버트 다우니 주니어', alias : '아이언맨' }; const {name} = ironMan; console.log(name); function print(hero){ const { alias, name, actor } =..

조건문 특수한 상황에 특정 작업을 실행시킬 수 있다. const a = 1; if(a + 1 === 2) { console.log('a + 1 이 2입니다.'); } else if(a === 10){ console.log('10 입니다'); } else{ console.log('a는' + a + '입니다.'); } const device = 'iphone'; switch(device){ case 'iphone': console.log('아이폰!'); break; case 'ipad': console.log('아이패드!'); break; default: console.log('등록된 기기가 아닙니다'); }

= : 대입 연산자 value에 1이라는 값을 넣겠다. +,-,/,* : 산술 연산자, 사칙연산 등 console.log(++value) : value의 값을 출력하는 시점에 더하면서 출력을 한다. 전위연산자 cosnole.log(value++) : value의 값을 출력하는 시점에 더하지 않고 출력을 하고 더해준다. 후위연산자 논리 연산자 NOT ! 특정 boolean을 반전시켜준다 (!true : false) AND && 양 옆의 조건이 true일 때 true로 실행 (true && true : true) OR || 하나의 조건만 true여도 true로 실행 (true || false : false) 논리 연산자의 순서 NOT -> AND -> OR 비교 연산자 == 와 ===의 차이점 == : 데이..

변수는 바뀔 수 있는 값을 말하고 상수는 바뀌지 않는 값을 말합니다. 새로운 변수나 상수를 선언할 때는 변수명이 겹치지 않게 해야 합니다. let value = 1; let value = 2; /* 이렇게 하면 안된다*/ const test = 1; const test = 2; /* 이렇게 하면 안된다*/ 변수를 선언할 때는 let을 사용을 하고 상수를 선언할 때는 const를 사용을 합니다. 제가 여태까지 봤던 유튜브 강좌에서나 다른 어디에서든 변수를 사용을 할 때 var키워드를 많이 사용을 했었는데 이 온라인 강의는 var키워드가 예전에만 사용하던 거라 요새는 사용을 하지 않는다고 합니다. var 키워드 예전에 사용하던 것 let과 사용범위가 다르다 똑같은 변수명으로 선언해도 사용이 가능하다 구형 브..

일치 선택자(Basic Combinator) E와 F를 동시에 만족하는 요소 선택 /* css */ span.orange{ color:red; } 사과 딸기 오렌지 당근 토마토 오렌지 태그와 클래스가 붙어있는 형태입니다. 이것을 일치 선택자라고 부를 수 있습니다. 이것은 span태그이면서 orange라는 클래스 값을 가지는 것을 찾아야 합니다. 자식 선택자(Child Combinator) E의 자식 요소 F를 선택 /* css */ ul > .orange{ color:red; } 사과 딸기 오렌지 당근 토마토 오렌지 > 이 기호가 뜻하는 것이 자식 태그를 찾으라는 뜻입니다. ul의 자식요소로서 li태그가 들어있는 것을 확인할 수 있습니다. 그 중에서 .orange라는 클래스 값을 가지는 태그를 선택해서 ..