index.html Todos 4.0 All Active Completed Mark all as complete Clear completed (0) 0 items left css/style.css @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700|Noto+Sans+KR'); @import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css'); * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-size: 0...

index.html Todos 3.0 All Active Completed Mark all as complete Clear completed (0) 0 items left style.css @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700|Noto+Sans+KR'); @import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css'); * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-size: 0.9em;..

1. html 생성 아래 배열을 사용하여 html을 생성하는 함수를 작성하라. const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', completed: false }, ]; function render() { let html = ''; todos.forEach(todo => { html += `

1. 변수 x가 10보다 크고 20보다 작을 때 변수 x를 출력하는 조건식을 완성하라 const x = 15; if (x > 10 && x < 20) { console.log(x); } 2. for문을 사용하여 0부터 10 미만의 정수 중에서 짝수만을 작은 수부터 출력하시오. for (let i = 0; i < 9; i++) { if (i % 2 === 0) console.log(i); } 3. for문을 사용하여 0부터 10 미만의 정수 중에서 짝수만을 작은 수부터 문자열로 출력하시오. let result = ''; for (let i = 0; i < 9; i++) { if (i % 2 === 0) result += i; } console.log(result); 4. for문을 사용하여 0부터 10 미..

var num = 11; var result; if (num === 0) { res = '영'; } else if (x % 2 === 0) { res = '짝수'; } else { res = '홀수'; } 위 예제는 if문과 else if문, else문으로 구성되어있습니다. 위 예제를 삼항 조건 연산자로 바꾸면 아래와 같습니다. var num = 0; var isZero = num === 0; var isEven = num % 2 === 0; var result = isZero ? '영' : isEven ? '짝수' : '홀수'; 삼항 조건 연산자로 바꿨을 때 첫 예제인 if문 보다 보기 힘들다는 느낌이 들었습니다. 이에 조건문을 따로 변수에 할당하여 개발자에게 좀 더 가독성이 높아지도록 바꿔봤습니다.