본문 바로가기

Programming/Javascript (Typescript)5

사용하려는 npm 패키지가 타입스크립트를 지원하지 않을때 사용 가능하도록 하기 (index.d.ts) 타입스크립트 프로젝트 내에 텍스트를 둥글게 만들어주는 "circletype" 라는 패키지를 사용하려는데, 이 패키지는 타입스크립트를 지원하지 않아 그냥 사용시 오류가 발생한다. 참고로 circletype 라는 패키지는 텍스트 문자열를 아래와 같이 둥글게 만들어 주는 패키지이다.관련 링크 : https://circletype.labwire.ca/  타입스크립트를 지원하지 않는 패키지를 그대로 사용시 아래와 같이 오류가 발생한다. 위 문제를 제대로 해결하려면 해당 패키지의 타입을 제대로 정의하고 사용해야 하겠지만, 임시로 일단 사용 가능하도록 하려면 아래와 같이 진행한다. 1. tsconfig.json 파일중 아래 (typeRoots) 항목을 추가 하고 저장* 아래 내용 중 typeRoots 설정은 원래 없.. 2025. 1. 15.
Object.keys : 객체의 키값만 배열로 반환 2024. 10. 6.
브라우저 콘솔창에 사용자 정보 노출하기 브라우저 콘솔창에 사용자 정보 노출하기    - 개발자 정보, 사이트, 등등을 콘솔창에 노출해보자~ 아래같은 결과를 만들어 보자! 1. 에디터에 텍스트로 그림을 그리기 ( / _ | 등의 기호를 이용해 나만의 그림을 그리자) Generated by SuperMan __ __ _____ __ | | | | |_ _| / | | |_| | | | | | | _ | | | | | | | | | | | |__/ | | | | _| |_ __ |__| |__| |_____| |__| javascript console Url Link : http://www.mydomain.com 2. 각 행의 마지막에 줄비꿈 문자("\n.. 2024. 6. 6.
array unit set const array = ['a' , 1, 2, 'a' , 'a', 3];// 1: 'Set'[...new Set(array)];// 2: 'Filter'array.filter((item, index) => array.indexOf(item) === index);// 3: 'Reduce'array.reduce((unique, item) => unique.includes(item) ? unique : [...unique, item], []);// RESULT:// ['a', 1, 2, 3] 2024. 6. 5.
enum to array enum EResouce_Filter_List_Type { shape = 'shape', square = 'square', image = 'image', movie = 'video', audio = 'audio', interacted = 'interacted', page = 'page', none = '', folder = 'folder',}const allList = Array.from(Object.values(EResouce_Filter_List_Type)); 2024. 6. 5.

티스토리툴바