1. switch문 보통은 if문을 사용하면됨 but 코드가 조건의 내용이 어떠한 값으로 정확히 떨어진다면 if문 보다는 switch문이 직관적이라 좋음 break를 반드시 붙여야하고, else부분은 default를 사용하여 마무리함. const a = random() 예제)if문 if (a === 0) { console.log('a is 0') } else if (a === 2) { console.log('a is 2') } else if (a === 4){ console.log('a is 4') } else { console.log('reat....') } 예제)switch문 switch (a) { case 0: console.log('a is 0') break case 2: console.log('..

1. 산술 연산자 console.log(1 + 2) console.log(1 - 2) console.log(1 * 2) console.log(1 / 2) console.log(1 % 2) //나머지.. 2. 할당 연산자 let a = 2 // a = a + 1 a += 1 //위쪽에 적은 코드와 같은 코드, (산술 연산자에도 당연하게 다 사용가능) console.log(a) 3. 비교 연산자 예제1) const a = 1 const b = 1 console.log(a === b) //true function isEqual(x, y) { return x === y } console.log(isEqual(1, 1)) //true console.log(isEqual(1, '2')) //false (문자데이터가..

1)node.js nvm을 설치 2)터미널환경(명령어 입력) npm init -y npm i parcel-bundler -D (개발용으로만 사용!) package.json 파일로 들어가서 "scripts" 부분에 내용을 수정해야함 "dev": "parcel index.html", "build": "parcel build inde.html" 3)index.html과 js파일 만들기 터미널환경(명령어 입력) npm run dev 로컬환경 서버 열 수 있음! (open with live server를 사용하는걸 권장하지않음!)

DOM API란? -> 여기서 DOM은 Document Obhect Model 의 약어로 document는 html에 들어있는 여러가지 오브젝트 모델을 말하는데, 오브젝트모델은 대표적은 div요소 span요소 input요소등이 있다. API는 application programming interface로 어떤 어플리케이션이나 웹사이트가 동작하기위해 입력하는 프로그래밍 명령이라고 생각하면 쉽다. *자바스크립트에서 html을 제어하는 여러가지 명령들*이라고 생각하면된다. box!!! 이러한 코드를 작성했을때, main.js 파일에 적성하면 콘솔창에 null이라는 값이 뜨게 된다. let boxEl = document.querySelector('.box) console.log(boxEl) 브라우저는 코드를 위..

조건의 결과에 따라 다른 코드를 실행하는 구문 (if, else) if 라는 키워드 다음 소괄호 사이에다가 어떠한 조건을 추가할 수 있는데, 여기서 조건은 isshow, isshow는 true이기때문에 콘솔창에는 show라는 메세지가 뜨게된다. 위에 동일하게 checked 라는 조건을 넣고 checked는 false 값으로 거짓이다. 그럼 ckecked안에 false를 넣어보면, 조건에 부합하지않는 거짓이기때문에 중괄호 사이에 내용은 실행이 안된다. 콘솔창에는 아무것도 뜨지않음. 결국, 조건문이라는것은 조건을 작성하는 소괄호 사이에다가 거짓과 참을 구분하는 블린데이터 를 넣어보고 참이라는 값이 들어있으면 조건을 실행하고, 거짓이 들어있으면 조건을 실행하지않는다. let isShow = true; let ..