일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- xcode
- ipad
- 프론트엔드
- IOS
- 애니메이션
- 비전공자
- html5
- MAC
- hover
- 개발자
- react
- image
- 비전공 개발자
- keyframes
- HTML
- CSS
- 자바스크립트
- css3
- SWIFT
- front-end
- php
- 풀스택
- button
- javascript
- Animation
- effect
- iOS 개발자
- 백엔드
- iPhone
- jQuery
- Today
- Total
목록Javascript (176)
비전공자 개발일기
// 팩토리얼 // 0! = 1 // 1! = 1 // 2! = 1 * 2 = 2 // 3! = 1 * 2 * 3 = 6 // 4! = 1 * 2 * 3 * 4 = 24 // 5! = 1 * 2 * 3 * 4 * 5 = 120 // 6! = 1 * 2 * 3 * 4 * 5 * 6 = 720 // n! = 1 * 2 * 3 * ... * (n-1) * n = function factorial(n) { let result = 1; for(let i = 1 ; i =0 ; i--){ reverse_word = reverse_word + word[i] } if(word === reverse_word) { return true } else { return false } } console.log(isPalindro..
1. 객체 출력(for ... in) let myObject = { '2': '수학', '3': '과학', '1': '국어' } // // for(변수명 in 객체명) {결과} for (let key in myObject) { console.log(key); // key 출력 console.log(typeof key); // string console.log(myObject[key]); // values 출력 } // // (주의) 숫자형(양수) property name도 가능 -> 실제로 사용될 때는 문자열로 형변환이 됨 // // (주의) 객체는 정수형 프로퍼티 네임을 오름차순으로 먼저 정렬하고, 나머지 프로퍼티들은 추가한 순서대로 정렬 console.log("") let myObject2 = { 3..
let current = 1; let previous = 0; for(let i =1 ; i
환경 설정 npm npm i typescript -g node_modules/.bin/tsc tsc source.ts npm init -y npm i typescript -D Type annotation: 변수가 어떤 파입인지 지정하는 것 typescript let a: number; a = 39 function hello(b: number) { } hello(39)Type script vs Javascript Static Types(set during development) vs Dynamic Types(resolved at runtime) 프로그램이 유용하려면, 가장 간단한 데이터 단위로 작업 할 수 있어야 함(number, string, boolean 등) Typescript에서, Javascrip..
정규표현식(RegExp) 정규식, Regular Expression 역할 문자 검색(search) 문자 대체(replace) 문자 추출(extract) 테스트 사이트 https://regexr.com/ 정규식 생성 // 생성자 new RegExp('표현', '옵션') new RegExp('[a-z]', 'gi') // 리터럴 /표현/옵션 /[a-z]/gi 예제 문자 const str = ` 010-1234-5678 the@google.com https://www.omdbapi.com/?apikey=7035c60c&s=frozen The quick brown fox jumps over the lazy dog. aabbccdddd ` 메소드 메소드 문법 설명 test 정규식.test(문자열) 일치 여부(Bo..
// import _ from 'lodash' // From 'node_modules' // import { random, user as tony } from './getRandom.js'// getRandom.js // import getType from './getType.js' // getType.js // (한번에 가져오기) import * as R from './getRandom.js' // console.log(_.camelCase('the hello world')) // theHelloWorld // console.log(getType([1, 2, 3])) // Array // console.log(random(), random()) // console.log(tony) // (한번에 가져오..
관련 내용 참고 https://developer.mozilla.org/ko/docs/Web/JavaScript JavaScript | MDN JavaScript (JS)는 경량, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼 많 developer.mozilla.org Javascript data type: String(' ', " ", ` `), Number, Boolean(True, False), undefined, null, Array([ ]), Object( { }) 1. String const result = 'Hello wor..
1. 산술 연산자 console.log(1 + 2)// 덧셈 console.log(5 - 7) // 뺄셈 console.log(3 * 4)// 곱샘 console.log(10 / 2) // 나눗셈(몫) console.log(7 % 5) // 나눗셈(나머지) 2. 할당 연산자 let a = 2 a += 1 // a = a + 1 a -= 1 // a = a - 1 a *= 1 // a = a * 1 a /= a // a = a / 1 a %= 1 // a = a % 1 console.log(a) 3. 비교 연산자 const a = 1 const b = 3 console.log(a === b) // 일치 연산자 console.log(a !== b) // 불일치 연산자 console.log(a < b) con..