일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- javascript
- HTML
- 백엔드
- IOS
- iPhone
- button
- keyframes
- CSS
- iOS 개발자
- 개발자
- 풀스택
- effect
- xcode
- image
- ipad
- hover
- MAC
- Animation
- 애니메이션
- 비전공자
- html5
- SWIFT
- front-end
- 프론트엔드
- 비전공 개발자
- php
- react
- css3
- 자바스크립트
- jQuery
- Today
- Total
목록javascript (248)
비전공자 개발일기
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/barnnC/btreLLVgIWt/WHcMOKmjzAqJCmfKQjeZZ1/img.jpg)
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..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dnsb0Q/btreCe42GGm/tCuGrKfYpLgZG17WCNxox1/img.jpg)
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) ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bfyy3g/btrea2d0yn2/t0ONkKDqJjQuvWFUyLJukK/img.jpg)
점 수 계 산 기 변환 수학 점수 : 영어 점수 : 화학 점수 : 국사 점수 : 국어 점수 : 총 점수 : 평균 점수 : 최소 점수 : 최대 점수 : 낙제 유무 : (낙제 : 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(' '); }
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..
1. 변수 선언 var, let, const 혼용은 절대로 안됨! -> var 만 사용 또는 let, const 만 사용 2. 세미콜론(;) 세미콜론이 있는 코드 + 세미콜론이 없는 코드 혼용 절대로 안됨! -> 모든 코드에 넣기 또는 모든 코드에 넣지 않기 3. 일치 연산자 == 와 === 는 동일한 연산자가 아니기에 예상치 못한 오류가 발생하는 원인 -> === 만 사용 4. 불변성(객체의 원본 보정성) 개발자로서 중요한 사항 = 인자로 들어온 값을 수정하지 않는 것 -> 새 객체에 깊은 복사로 값을 복사 후 사용 5. 삼항연산자 return a? b : c 형태로 깔끔하게 처리할 수 있는 코드일 경우 사용 6. 코딩테스트 공부 주력 언어의 문법 공부 -> 코트업의 기초 100제 -> 백준 온라인 저..