비전공자 개발일기

1. 자바스크립트로 태그 선택하기 메소드 의미 결과 document.getElementById("id") HTML id속성으로 태그 선택 id에 해당하는 태그 하나 document.getElementByClassName("class") HTML class속성으로 태그 선택 class에 해당하는 태그 모음 (HTMLCollection) document.getElementByTagName("tag") HTML 태그 이름으로 태그 선택 tag에 해당하는 태그 모음 (HTMLCollection) document.querySelector("CSS 선택자") CSS 선택자로 태그 선택 CSS 선택자에 해당하는 태그 중 가장 첫번째 태그 하나 document.querySelectorAll("CSS 선택자") CSS ..

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