JS TS9 [Vite] React 하나의 index.html로 빌드 https://www.npmjs.com/package/vite-plugin-singlefile vite-plugin-singlefileVite plugin for inlining all JavaScript and CSS resources. Latest version: 2.0.3, last published: 17 days ago. Start using vite-plugin-singlefile in your project by running `npm i vite-plugin-singlefile`. There are 19 other projects in the npm registry usiwww.npmjs.com npm i vite-plugin-singlefile이후 vite.config.ts에 아래와 같.. 2024. 11. 20. [Next] App router 방식에서 Edge Function 적용법 export const runtime = 'edge'ruote.ts에 이 코드만 작성해주면 된다. 사진과 같이 'E'가 붙어있어 Edge Function임을 알 수 있다. 2024. 11. 6. [JS] 브라우저에서 유저의 언어 식별 const userLang = navigator.language || navigator.userLanguage; // 'ko' 또는 'en'과 같은 형식 반환console.log("User language:", userLang);if (userLang.startsWith("ko")) { console.log("한국어");} else { console.log("영어");} navigator.language: 대부분의 브라우저의 기본 언어 나타냄.navigator.userLanguage: 오래된 버전(Internet Explorer)의 기본 언어를 나타냄. 2024. 11. 4. [Node] class 혹은 function의 file path를 찾아보자 가장 쉬운 방법은console.log(__filename);console.log(__dirname); __filename과 __dirname을 이용해 찾는 것이다. 하지만 이 방법은 그 class와 function의 내부에 직접적으로 선언해주어야하며, 만약 해당 class나 function을 export해서 외부에서 써야하는 상황이라면 __filename과 __dirname을 이용해서는 알 수가 없다. 외부에서 __filename과 __dirname을 사용하면 외부의 파일 경로가 나오게 된다.따라서 이는 모든 상황에서 적용될 수 없으며, 알고자 하는 class나 function을 반드시 건드려야하는 큰 단점이 있다.(사실상 쓸 수 없음) 실제로 광범위하게 적용할 수 있는 방법에는 3가지 정도가 있다. 1.. 2023. 11. 16. [TypeScript] Decorator를 이용한 코드 변경 class TestClass { test() { console.log('test!'); } } 위와 같은 클래스가 존재할 때, test() 메소드를 실행시키면 test! 가 터미널에 찍힐 것이다. 이를 test? 로 출력하기 위해 데코레이터로 코드를 바꾸어 실행 결과를 바꿀 수 있다. function Test(target: any, key: string, descriptor: PropertyDescriptor) { const stringified = String(descriptor.value); const matches = stringified.match(/\{([^}]+)\}/); const extracted = matches[1].replace('!', '?'); const execute = new .. 2023. 11. 7. 이전 1 2 다음 728x90
