코드/Knowledge Base 26

[Vite] import.meta interface

vite 에서는 import.meta 를 통해 환경변수에 접근할수 있도록 제공한다.이 import.meta 가 타입 추론이 되지 않는 경우가 있다(특히 hot 속성)별도로 인터페이스를 선언해주어야 한다.interface ViteHotContext { readonly data: any accept(): void accept(cb: (mod: ModuleNamespace | undefined) => void): void accept(dep: string, cb: (mod: ModuleNamespace | undefined) => void): void accept( deps: readonly string[], cb: (mods: Array) => void, ): void dispose(..

[Npm] npm and git

프로젝트 폴더 초기 설정시 npm 과 git 이 초기화된 상태로 진행 됩니다. 보통 npm init 를 먼저하고 이후에 git init 를 하는 경우가 많은데 프로젝트 진행 중간에 package.json 파일을 삭제하고 다시 npm init -y 를 실행해보면 git 과 관련된 항목들이 자동적으로 package.json 에 포함되는 것을 볼 수 있습니다. { ... "bugs": { "url": "https://github.com/losbanos/npm-pratice/issues" }, "homepage": "https://github.com/losbanos/npm-pratice#readme" } 이런 내용들이 자동으로 추가 됩니다. 다만 node_modules 폴더를 직접 참조해서 생성 되어서 그런지 ..

[JS] 이벤트 루프

Node.js 교과서 조현영님 책 글을 참고 하였습니다. http://www.yes24.com/Product/Goods/116192535 Node.js 교과서 - YES24 Node.js 베스트셀러 1위! 개정 3판!한 권으로 끝내는, 노드 기본부터 실무까지 전 과정 총망라! 다양한 서비스를 직접 만드는, 실무에 가장 가까운 강의!개정 3판을 맞아 노드와 npm 패키지 버전을 최 www.yes24.com 이벤트 기반 시스템에서는 특정 이벤트 발생시 어떤 동작을 할지 미리 등록되어 있어야 한다. 이것을 이벤트 리스너에 콜백함수를 등록 한다고 표현한다. 이벤트 기반 시스템(자바스크립트)에서는 여러 이벤트가 동시에 발생했을때 순위에 대한 판단 처리를 위한 이벤트 루프라는게 존재한다. 자바스크립트 런타임은 자바..

[HTTP] 300 Status Code

300번대 status 일부는 서버가 브라우저에게 리디렉트 하도록 지시하는 status code 다. Status Code 메서드 변경 영구적/일시적 캐시 설명 301 Moved Permanently 변경 영구 한다 신규 도메인, 컨텐츠 이전, HTTPS 302 Found 변경 일시 지시에 따름 일시관리, 모바일 전송, 점검등 303 See Other 허가 영구 하지 않음 로그인후 페이지 전환 307 Temporary Redirect 일시 지시에 따름 RFC 7231 에서 추가 308 Moved Permanently 영구 한다 RFC 7538 에서 추가 영구/임시의 구분 이동하는 이전 페이지가 이동후에도 존재하는 지로 분류 신규 도메인을 어더 서버의 컨텐츠를 이동한 경우나 HTTP 로 운영되던 페이지를 ..

[HTTP] Content sniffing

인터넷 익스플로러는 인터넷 옵션에 따라 마인 타입이 아닌 내용을 보고 파일 형식을 추측하려고 한다. 이런 동작을 컨텐츠 스니핑(content sniffing) 이라고 한다. 이 때 서버 설정이 잘못된 경우에도 제대로 표시됨으로 얼핏 사용자에게는 장점이 있는 것처럼 여겨질수 있다. 하지만 원래 텍스트로만 표시되어야 하는 text/plain 파일인데도 html 과 javascript 가 적혀 있으면 브라우저가 임의로 파일을 실행해버리는 일도 있을 수 있다. 뜻밖의 보안의 구멍이 될 수도 있다. 서버에서 다음과 같은 헤더를 전송해 브라우저가 추측하지 않도록 지시하는 것이 현재의 주류다. X-Content-Type-Options: nosniff

[정규표현식] 자바스크립트 역참조

정규표현식 구현에 따라 역참조를 표시하는 방법을 바꿔야한다..NET, 펄 에서는 역참조를 사용할때, $를 사용 자바스크립트 사용자는 $ ( 달러 기호) 대신 \ (역슬래시)를 써야하며콜드퓨전 사용자는 검색과 치환에 모두 \n ( 역슬래시 )를 써야 한다. RegExp.$1자바스크립트에서는 정규표현식을 실행한 다음 RegExp 전역객체에서 관련 정보를 얻을수 있다.