비전공자 개발일기

// 팩토리얼 // 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

IN'O Portfolio Make Hardware Soft IN'O is a hanger-type bluetooth speaker that does not merely focus on its audio features. It naturally blends into your life through lean UX and minimal design. VIEW MORE * { box-sizing: border-box; } body { margin: 0; font-family: 'Roboto', sans-serif; } .navbar { background-color: #353535; width: 100%; height: 60px; line-height: 60px; padding-left: 30px; paddi..

HTML CSS body { margin: 0; } .div1 { background-color: #ff0000; width: 100%; height: 60px; } .div2 { background-color: #ffa500; width: 100%; height: 350px; } .div3 { background-color: #ffff00; width: 100%; height: 320px; } .div4 { background-color: #008000; width: 100%; height: 385px; } .div5 { background-color: #0000ff; width: 100%; height: 200px; } .div6 { background-color: #4b0082; width: 100..

1. To do MVC https://todomvc.com/ TodoMVC Helping you select an MV* framework - Todo apps for Backbone.js, Ember.js, AngularJS, Spine and many more todomvc.com 2. CSS Diner https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io 3.Flexbox Froggy https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com..

환경 설정 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..