코린이의 기록

가령 js let html = ` Gildong-Hong 1 07/24 2019 `; $("#information_tbl").find("table > tbody").append(html); html Name ID Date 동적으로 ID가 'information_tbl'인 table에 td태그들을 append 한 후에 해당 html의 checkbox에 대한 click 이벤트를 jquery로 생성하려고 한다. var tbl = $('#information_tbl'); $(":checkbox", tbl).click(function () { .... }); 처음에 이런식으로 했는데 아무 이벤트도 발생하지 않았다. 이렇게 동적으로 추가된 태그는 일반적인 이벤트가 동작되지 않는다. 해결방법은? 이벤트 위임(dele..

테이블 행을 클릭하여 이벤트를 발생시킬때, 특정 열 만 제외하고 싶을때 ..... ..... ... ..... ..... 방법? $('device-management').on("click", "tbody tr td:not(.table-action)", function() { ..... }); 위와 같이 td의 class로 설정할 수 있지만 n-1 번째로 지정해줄 수 있다. $('device-management').on("click", "tbody tr td:not(:nth-child(5)))", function() { ..... }); Reference : https://stackoverflow.com/questions/18683226/set-onclick-on-the-tr-except-for-his-s..

클래스는 함수다. ES6에 생겨난 클래스. Javascript에서 class는 클래스 생성자로 사용할 함수를 만든다는 의미이다. 주의할점은 클래스 문법이 추가되었다는 것이지, 자바스크립트가 클래스 기반으로 바뀌었다는 것은 아니다. function FuncCar() { this.make = "Telsa"; this.model = "Model S"; } const car1 = new FuncCar(); console.log(car1.make); // => Telsa console.log(car1.model); // => Model S class ClassCar() { this.make = "Telsa"; this.model = "Model S"; } const car1 = new ClassCar(); con..

전역 스코프 전역변수를 사용하는 방식 let name = "Irena"; let age = 25; function greet() { console.log(`Hello, ${name}!`); } function getBirthYear() { return new Date().getFullYear() - age; } greet(); console.log(getBirthYear()); Result Hello, Irena! 1994 => name 값을 외부에서 의도적으로 바꿀 수 있다는 문제가 있음. let user = { name : "Irena", age : 25 }; function greet() { console.log(`Hello, ${user.name}!`); } function getBirthYear..

단항부정 & 단항 플러스 * javascript에서는 modulo 연산자의 결과가 피제수의 부호를 따른다. ex. x % y 에서 x는 피제수, y는 제수이다. 10 % 3을 예로들면 , 10 % 3 = 1이다. 이것을 음수에 적용하면 -10 % 3 = -1 이다. let p = -10; let q = 3; let r = 10; let t = -3 console.log("-10 % 3 = " + p % q); console.log("10 % 3 = " + r % q); console.log("10 % -3 = " + r % t); console.log("-10 % -3 = " + p % t); Result -10 % 3 = -1 10 % 3 = 1 10 % -3 = 1 -10 % -3 = -1 mod의 ..

1. 아래 Unicode Character Code Charts pdf를 연다 https://www.unicode.org/charts/PDF/U4E00.pdf 그러면 아래와 같은 표가 나올것이다. 2. 표시하고자 하는 한자를 ctrl + f 로 검색하여 Hex 값을 찾는다. 만약 '号'를 표시한다고한다면, Hex값은 53F7이다 3. 이값을 Decimal로 바꾸면 21,495가된다. 4. html상에서 &#[decimal]; 형식으로입력하면 끝! 号

객체에 중괄호 { } 를 사용하는 리터럴 문법이 있다. const obj = {}; 리터럴? : 프로그램의 코드상에 데이터의 값을 표현하는 방식 객체 리터럴이란 ? 각 항목들이 키-값(key-value) 쌍 (키:값) 으로되어, . 콤마(,)로 구분되고, . 전체가 중괄호({})로 감싸진 형태 그리고 객체에 프로퍼티가 있는데 이 프로퍼티의 이름은 반드시 문자열 or 심볼이어야 한다. 프로퍼티 접근 방식 2가지 1. 점기법 프로퍼티 이름에 유효한 식별자를 써야 '멤버 접근 연산자 (.)'를 사용할 수 있다. 2. 괄호기법 프로퍼티 이름에 유효한 식별자가 아닌 이름을 쓴다면 '계산된 멤버 접근 연산자 ([])를 사용해야 한다. (* 유효한 식별자여도 []를 사용해서 접근할 수 있음) obj.color = "..

javascript에서의 타입은 원시타입 (Primitive Data Type) Undefined Null Boolean Number String 객체타입 (Object Type) Object 6개가 있는데 ES6에서 새로 도입한 타입이 심볼이다. 심볼은 원시타입이다. 사용 방법 주의! new 키워드를 사용할 수 없다. let mySymbol = Symbol(); 왜? 언제쓰나 심볼은 다른 식별자와 혼동하지말아야하는 고유한 식별자가 필요할때 사용된다. let a = Symbol('hello') let b = Symbol('hello') a === b? false 다. 예를 들어 우리는 Array.prototype 에 우리가 정의한 toUpperCase 추가했다고 잘 사용하고 있는데, 갑자기 새로 나온 E..