비전공자 개발일기

Update CSS Variables with JS Spacing: Blur: Base Color :root { --base: #ffc600; --spacing: 10px; --blur: 10px; } body { text-align: center; background: #193549; color: white; font-family: 'helvetica neue', sans-serif; font-weight: 100; font-size: 50px; } .h1 { color: var(--base); } .controls { margin-bottom: 50px; } a { color: var(--base); text-decoration: none; } input { width: 100px; } img{ pa..

Simple Clock html { background: #018ded background-size: cover; font-family: 'helvatica neue'; text-align: center; font-size: 10px; } body { font-size: 2rem; display: flex; flex-flow: column; flex: 1; min-height: 100vh; align-items: center; } h1 { color: lavender; } .clock { width: 30rem; height: 30rem; border: 20px solid lavender; border-radius: 50%; margin: 50px auto; position: relative; paddi..

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점 미만 과목) 만점 유무 :

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(' '); }

NaN(Not a Number) 전역 객체의 속성(전역 스코프의 변수) 초기값은 Not-A-Number로, Number.NaN과 같음 최신 브라우저에서 NaN은 설정 불가, 쓰기 불가 속성 NaN을 반환하는 연산 숫자로서 읽을 수 없는 경우 (parseInt("어쩌구"), Number(undefined)) 결과가 허수인 수학 계산식 (Math.sqrt(-1)) 피연산자가 NaN (7 ** NaN) 정의할 수 없는 계산식 (0 * Infinity) 문자열을 포함하면서 덧셈이 아닌 계산식 ("가" / 3) NaN은 다른 모든 값과 비교(==, !=, ===, !==)했을 때 같지 않으며, 다른 NaN과도 같지 않음(어떠한 연산을 해도 결과 값은 false) 판별: Number.isNaN(value) or i..