Javascript
-
[ JS ] rotate3d 값 얻기Javascript/이론 2023. 2. 8. 13:55
JS를 통해 요소의 rotate3d 프로퍼티를 얻기 위해서 만든 클래스입니다. 1. Constructor constructor에서는 transform property를 얻고자 하는 요소를 parameter로 두었습니다. 따라서 클래스 성성시 요소를 받아 요소의 matrix3d 데이터를 저장합니다. class Transform { constructor(ele) { this.ele = ele; this.matrix3d = window .getComputedStyle(ele) .getPropertyValue("transform") // column priority .split("(")[1] .split(")")[0] .split(",") .map((ele) => Number(ele)); } } 2. Metho..
-
[ JS ] Date 객체와 메서드Javascript/이론 2023. 1. 1. 19:04
1. 객체 생성 1) 인수 없이 호출 현재 날짜 및 시간이 저장된 객체 반환 let date = new Date(); // Sun Jan 01 2023 17:54:39 GMT+0900 (한국 표준시) // 현재 날짜 및 시간이 저장된 객체 반환 2) 숫자 인수를 전달하여 호출 UTC 기준 1970년 1월 1일 0시 0분 0초에서 date 객체 생성시 전달한 arg 밀리초 후의 시점이 저장된 객체 반환 let date = new Date(24 * 3600 * 1000); console.log(date) // Fri Jan 02 1970 09:00:00 GMT+0900 (한국 표준시) // UTC 기준 1970년 1월 1일 0시 0분 0초에서 date 객체 생성시 전달한 arg 밀리초 후의 시점이 저장된 객..
-
[JS / 메서드] 유니코드 - charCodeAt(), fromCharCode()Javascript/메서드 2022. 12. 30. 15:42
str.charCodeAt(idx) str[idx]의 unicode point를 반환 'ABC'.charCodeAt(0); // returns 65 (the code point for 'A') 'ABC'.charCodeAt(1); // returns 66 (the code point for 'B') 'ABC'.charCodeAt(2); // returns 67 (the code point for 'C') String.fromCharCode(unicode point) unicode point에 해당하는 char을 반환한다. String.fromCharCode(65); // returns 'A' String.fromCharCode(66); // returns 'B' String.fromCharCode(67)..
-
[ JS ] 표준 입력 - process.stdinJavascript/이론 2022. 12. 29. 14:30
먼저 짚고 넘어가야할 것은 process.stdin stream은 표준 입력 데이터를 읽기위해 사용되는 Node.js의 내장 stream이다. 실제로 브라우저에서는 사용할 수 없고 window.prompt, window.alert 등을 사용해야한다. process.stdin.setEncoding('utf8') process.stdin의 인코딩 방식을 세팅. 주로 모든 유니코드 문자를 나타낼 수 있는 UTF-8을 사용한다. process.stdin.on('data', dat a => { ... } ) 데이터를 수신할 때 마다 호출되는 이벤트 리스너이다.콜백 함수로 넘겨지는 'data' 인자는 수신받은 데이터를 담고있는 buffer 객체이다. * process.stdin은 읽기 전용 스트림이며 표준 출력을 ..
-
[JS] .length는 함수가 아니라 프로퍼티이다.Javascript/이론 2022. 12. 28. 16:03
자바스크립트에서 모든 데이터 구조는 객체를 기본 바탕으로 한다. 이는 "내장 객체의 프로토타입을" 검색해 보면 알 수 있는데 다시볼 때 검색하기 귀찮을 게 뻔하니 링크를 남겨놔야겠다. 내장 객체의 프로토타입 ko.javascript.info 결국 핵심은 Array, String, Number 등등 모든 자료형은 prototype을 가지며 이는 자료형.prototype으로 표현되는데, 만약 내가 String이나 Object, Array 등의 자료형을 생성한다면 생성한 객체는 [[Prototype]] 으로 자료형.prototype을 상속받는다. 물론 모든 데이터 구조는 객체를 기본으로 하니 계속해서 [[Prototype]]을 타고 올라가다보면 Object.prototype이 나온다. 아무튼, js에서 모든 ..
-
[JS 메서드] 진법변환 - toString(), parseInt()Javascript/메서드 2022. 12. 26. 17:13
decimal.toString(radix) decimal을 radix진법으로 변환한 뒤 문자열로 반환한다. (1 < radix < 37, 자연수) BigInt()에도 적용 가능하다. 예시) let baseTenInt = 10; console.log(baseTenInt.toString(2)); // "1010"이 출력됩니다 let bigNum = BigInt(20); console.log(bigNum.toString(2)); // "10100"이 출력됩니다 parseInt(string, radix) radix 진법의 string을 10진수 정수로 반환한다. 예시) let string = "1010"; let result = parseInt(string, 2); console.log(result) // 10
-
[JS 메서드] 문자열 채우기 - padEnd()Javascript/메서드 2022. 12. 26. 16:37
str.padEnd(targetLength [, padString]) padEnd() str에 padString을 targetLength 만큼 채워 반환하는 메서드이다. targetLength가 str보다 짧은 경우 str을 그대로 반환한다. padString 너무 길어 추가시 targetLength를 넘길 우려가 있을 경우 padString의 좌측 일부를 잘라 str에 넣는다. 기본값은 " " 이다. 예시) 'abc'.padEnd(10); // "abc " 'abc'.padEnd(10, "foo"); // "abcfoofoof" 'abc'.padEnd(6, "123456"); // "abc123" 'abc'.padEnd(1); // "abc"
-
[JS] 정규 표현식의 패턴과 플래그Javascript/이론 2022. 12. 21. 22:06
정규 표현식 기본 구성 /pattern/flags 정규 표현식은 위와 같이 구성된다. 두 슬래시 사이에 패턴이 위치하고 마지막으로 플래그가 위치한다. 정규 표현식은 아래 코드에서 확인 가능하듯이 두 가지 문법으로 사용된다. regexp = new RegExp("pattern", "flags"); regexp = /pattern/flags; 정규 표현식의 패턴 문자 / 숫자 / 특수기호 매칭 검색 기준 패턴 특징 패턴 특징 a-zA-Z 모든 영어 알파벳 | or ㄱ-ㅎ가-힣 모든 한글 문자 [ ] 대괄호 안의 문자들에 대한 or 0-9 모든 숫자 [^문자] 대괄호 안의 문자를 제외한 경우 . 모든 문자열 ^word word로 시작하는 문자열 \특수기호 해당하는 특수기호 ex. \* \^ \& \? 등 wo..