비전공자 개발일기

Sun Mon Tue Wed Thu Fri Sat * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Quicksand', sans-serif; } html { font-size: 62.5%; } .container { width: 100%; height: 100vh; background-color: #12121f; color: #eee; display: flex; justify-content: center; align-items: center; } .calendar { width: 45rem; height: 52rem; background-color: #222227; box-shadow: 0 .5rem 3rem rgba(0,0,0,.4) ..

A clap S hihat D kick F openhat G boom H ride J snare K tom L tink function playSound(e) { const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`) const key = document.querySelector(`.key[data-key="${e.keyCode}"]`) // console.log(audio) if (!audio) return; audio.currentTime = 0; audio.play(); // console.log(key) key.classList.add('playing'); } function removeTransition(e) { if (e...

점 수 계 산 기 변환 수학 점수 : 영어 점수 : 화학 점수 : 국사 점수 : 국어 점수 : 총 점수 : 평균 점수 : 최소 점수 : 최대 점수 : 낙제 유무 : (낙제 : 50점 미만 과목) 만점 유무 :

// Syntax console.log("출력할 내용") // Whitespace(공백) : 프로그래밍 언어에서는 무시됨 console.log("공백은 무시") console.log("타입스크립트"); console. log( "TypeScript" ) ; console .log( "타입스크립트") ; // 특수문자: escape sequence console.log(`\" 나는 큰 따옴표`) console.log(`\' 나는 작은 따옴표`) // Variable let num1; namespace VariableDesc { num1 = 1234; } console.log(num1); // any 타입: 모든 값 let j: any; j = "안녕"; // number: 숫자 let k: number; ..

Bubble sort (버블 정렬) 두 인접한 원소를 검사하여 정렬 let array = [11, 2, 20, 3, 13 ,0, -20, 100, 1]; // [11, 2, 20, 3, 13 ,0, -20, 100, 1]를 버블정렬(내림차순) console.log(array) console.log("======================") for (let i = 0; i < array.length - 1; i++) { let temp; for (let j = 0; j < array.length - 1 - i; j++){ if (array[j] < array[j + 1]) { temp = array[j]; array[j] = array[j + 1]; array[j + 1] = temp; } consol..

// 정사각형 for(let i = 0 ; i < 5 ; i++){ for(let j = 0 ; j < 5 ; j++) { document.write("*") } document.write(" ") } // 직각 삼각형 트리 for(let i = 0 ; i < 5 ; i++){ for(let j = 0 ; j i; j--) { document.write('&nbsp'); } for(let j=0; j i; j--) { document.write('*'); } document.write(' '); }

검정: 빨강: 초록: 파랑: 하양: 레몬: 오렌지:

checkbox 연습 선택된 box의 value 확인 h.w.1) All select 선택 시 모든 checkbox 선택 h.w.2) checkbox의 선택이 바뀌면 선택된 항목 출력(check 된것만 출력) check1 : check2 : check3 : All select : 선택된 항목 :