분류 전체보기474 반복문 for index.html (defer를 이용해서 main.js파일이 html이 모두 생성된 다음에 작동하도록 설정) Hello world! main.js // 반복문(For statement) // for (시작조건; 종료조건; 변화조건) {} // ul태그 요소를 가져온다. const ulEl = document.querySelector('ul') console.log(ulEl) // i++: 반복 한 번 돌고 1씩 증가 for (let i = 0; i < 3; i++) { // console.log(i) // li 태그 생성 const li = document.createElement('li') // 보간 처리 // li 태그 내용 입력 li.textContent = `list-${i + 1}` //짝수를.. 2021. 5. 26. 조건문 switch 일반적으로 if 문을 더 많이 사용하지만 조건이 어떠한 값으로 딱 떨어질 때 더 적합할 수 도 있다 // 조건이 어떠한 값으로 딱 떨어질때 더 적합하다 switch (a) { case 0: console.log('a is 0') break; case 2: console.log('a is 2') break; case 3: console.log('a is 3') break; default: console.log('rest...') } 어떠한 조건이 끝나면 반드시 break; 를 주어서 조건절을 나갈수 있도록 해주어야한다. 안 그러면 그 밑에 조건도 계속 실행 되어진다. 2021. 5. 26. 조건문 if, 랜덤값 만들기 랜덤값 생성(외부 js에서 사용가능하도록 export default 설정) export default function random () { // 랜덤값을 얻어온 다음에 소수점 밑에 자리를 버린다 return Math.floor(Math.random() *10) } 문법 if (조건) { 반환 값 } else if (조건2) { 반환 값 2 } else { 위 조건의 모두 맞지 않을 때 반환 값 } 조건은 계속 늘릴 수 있다 조건문 예제(외부 js 함수를 가져다 쓰기 위해 import 설정) import random from './getRandom' // 조건문 const a = random() // 중간에 맞는 조건이 있으면 나머지 조건은 무시한다 if(a === 0) { console.log('a is.. 2021. 5. 25. 삼항 연산자 문법: 조건 ? true일 경우 반환 값 : false일 경우 반환 값 // 삼항 연산자(ternary operator) const a = 1 < 2 if (a) { console.log('참') } else { console.log('거짓') } // true이면 첫번째, false이면 두번째 값 출력 console.log(a ? '참' : '거짓') 2021. 5. 25. 비교 연산자, 논리 연산자 비교 연산자 // 비교 연산자(comparison operator) const a = 1 const b = 3 // 일치 연산자 console.log(a === b) // 일치 연산자를 이용한 함수 생성 function isEqual(x, y){ return x === y } console.log(isEqual(1,1)) // 데이터 형이 다르기 때문에 false 출력 console.log(isEqual("1",1)) // 서로 다른 값인지 확인하는 연산자 console.log(a !== b) // a가 b보다 큰지 확인하는 연산자 console.log(a > b) // = 기호를 반드시 뒤쪽에 위치 시켜야 한다 console.log(a >= b) 논리 연산자 // 논리 연산자 const a1 = 1 =.. 2021. 5. 25. 산술연산자, 할당연산자 예제 산술 연산자 // 산술 연산자(arithmetic operator) console.log(1 + 2) // 더하기 console.log(5 - 2) // 빼기 console.log(9 * 2) // 곱하기 console.log(10 / 2) // 나누기 console.log(9 % 2) // 나머지 할당 연산자(const, let) // 할당 연산자(aaignment operator) // const: 재할당 불가 const a = 2 console.log(a) // let: 재할당 가능 let b = 1 // b = b + 4 b += 4 console.log(b) 2021. 5. 25. 이전 1 ··· 52 53 54 55 56 57 58 ··· 79 다음
