일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- image
- html5
- HTML
- 백엔드
- 비전공자
- keyframes
- hover
- 풀스택
- 애니메이션
- front-end
- button
- iPhone
- 개발자
- IOS
- SWIFT
- react
- css3
- xcode
- jQuery
- 비전공 개발자
- CSS
- 프론트엔드
- 자바스크립트
- php
- MAC
- effect
- javascript
- iOS 개발자
- Animation
- ipad
- Today
- Total
목록풀스택 (143)
비전공자 개발일기
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점 미만 과목) 만점 유무 :
// 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(' '); } for(let j=0; j i; j--) { document.write('*'); } document.write(' '); }