香港居民

(keyof ApiData)[]는 TypeScript에서 타입을 정의할 때 사용되는 구문으로, 이를 이해하기 위해 keyof 키워드와 배열 타입에 대해 알아보겠습니다.1. keyof 키워드keyof 키워드는 TypeScript에서 객체 타입의 키들을 유니언 타입(union type)으로 반환합니다. 예를 들어, 특정 인터페이스나 객체 타입이 있을 때, 그 타입의 모든 키를 나열하는 데 사용됩니다.interface ApiData { id: number; name: string; email: string;}type ApiDataKeys = keyof ApiData; // "id" | "name" | "email"위 예제에서 keyof ApiData는 "id" | "name" | "email"이라는 유니..

vue3 에는 ref 라는 함수를 제공하며 반응형 객체를 반환한다.reactive 라는 함수가 있다.마찬가지로 반응형 객체를 반환하지만 ref와는 다른 점이 존재한다.매개변수로 primitive 객체가 아닌 Object 혹은 Array 객체를 받는다Reqctive Count = {{ state.count }}Increase CountRef Count = {{ count }}Increase Count ref 함수로 생성된 반응형 객체와의 차이점은 script 영역내에서 직접 속성 접근이 가능하다는 점.ref 함수로 생성된 객체는 counrt.value , 즉 .value 를 통해 접근해야하나 reactive 를 통해 생성된 객체는 해당 속성을 바로 접근할수 있다. reactive 와 ref 의 가장 큰 차..

자바스크립트 코드내 블럭 주석을 사용시 코딩 컨벤션 예) 함수 정의시 파라미터 주석 /** * 함수에 대한 Summary * @param {Array} cookieValues 쿠키 값 * @param {Number} [expires] 만료 날짜 * @param {String} [domain] 쿠키 도메인 * @param {String} [path] 쿠키 저장 패스 * @param {Boolean} [secure] 쿠키 SSL flag */ /** * @param {데이터타입} 변수명 설명 * 이며 변수명을 [변수명] 으로 정의 할경우 option 이라는 의미 */

commonJS 에서 모듈 export 할때 보통은 const m = { a: 1, b: function () { return 'b'; } } module.exports = m; 같은 형태를 취하지만 module 객체말고 exports 객체로도 모듈을 만들수 있다. exports.odd = '홀수입니다'; exports.even = '짝수입니다'; module.exports 로 한번에 대입하는 대신 각각 exports 객체에 속성으로 던져줌. 동작은 동일함. module.exports 와 exports 가 같은 객체를 참조하기 때문에. ( module.exports === exports // true ) exports.anyFunc 에 특정 함수를 넣으면 module.exports에도 동일한 함수가 들어..

# npx -p [패키지명] [패키지실행명령] [파라미터-옵션] npx -p @kimtaehoon/go teddy-go ko -p 라는 옵션으로 패키지를 설치하고 내부에 선언된 실행문을 실행할수 있다. 마찬가지로 실행시 옵션도 부여 가능하다.

const link: string = 'https://www.daum.net'; const url: URL = new URL(link); console.log(url); // output /* URL { __proto__: URL { href: 'https://www.daum.net/', origin: 'https://www.daum.net', protocol: 'https:', username: '', password: '', host: 'www.daum.net', hostname: 'www.daum.net', port: '', pathname: '/', search: '', searchParams: URLSearchParams {}, hash: '', toJSON: ƒ toJSON(), toStrin..

base64 디코드 이슈 function base64Decode(input){ var keyStr ="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=" var output = ""; var chr1, chr2, chr3; var enc1, enc2, enc3, enc4; var i = 0; input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); while (i < input.length) { enc1 = keyStr.indexOf(input.charAt(i++)); enc2 = keyStr.indexOf(input.charAt(i++)); enc3 = keyStr.indexOf(input.charAt(..

윈도우간, 윈도우 내 아 이프레임간 데이터 전달 기능 개발 필요할때. // index.html 부모 페이지 window.addEventListener('message', (event: MessageEvent) => { console.log(event.data); }); window.open('popup.html'); // popup.html

서비스 url 쿼리 스트링만 따로 가져와야 하는 경우 간단하지만 떠오르지 않는다. function getQueryString(url) { url.concat().replace(/[?&]+([^=&]+)=([^&]*)/gi, (str, key, v) => { result[key] = v; return result; }); } const query = getQueryString('https://sports.news.naver.com/kbaseball/vod/index.nhn?id=662710&category=kbo&gameId=20200519LGSS02020&date=20200519&listType=game'); console.log(JSON.stringify(query)) /* {"id":"662710",..

심플. var lang = window.navigator.language || window.navigator.userLanguage; console.log('language = ', lang)