Dev갱이 Dev갱이

C로 작성된 경량 PDF/XPS/EPUB 뷰어인 MuPDF를 WASM으로 웹에서 사용가능하게 만들어주는 라이브러리지원 기능PDF를 이미지로 렌더링, 파일 내용 검색, 주석 생성 및 편집, PDF 폼 작성, PDF 수정도 가능기본 CJK (Chinese, Japanese, Korean) 폰트 지원AGPL 오픈소스이며, 상용 라이센스는 별도 https://github.com/ArtifexSoftware/mupdf.js GitHub - ArtifexSoftware/mupdf.js: JavaScript bindings for MuPDFJavaScript bindings for MuPDF. Contribute to ArtifexSoftware/mupdf.js development by creating an acc..

Referencehttps://expressjs.com/en/api.html#res.cookie Express 4.x - API ReferenceExpress 4.x API express() Creates an Express application. The express() function is a top-level function exported by the express module. var express = require('express') var app = express() Methods express.json([options]) This middleware is available in Exexpressjs.com PropertyTypeDescriptiondomainStringDomain name ..

슬로우 쿼리가 발생했을때 해당 쿼리를 찾거나, 의도한 쿼리와 실제 쿼리가 다른지 확인할때 실제 쿼리 로그를 확인한다. 하지만 typeorm에서 제공해주는 로그 옵션으로 dev 개발 환경에서 보게되면 $ query: SELECT "MemberEntity"."id" AS "MemberEntity_id", "MemberEntity"."username" AS "MemberEntity_username", "MemberEntity"."profileImage" AS "MemberEntity_profileImage", "MemberEntity__MemberEntity_memberGroups"."id" AS "MemberEntity__MemberEntity_memberGroups_id", "MemberEntity__Me..

첫 방문 사용자에게 웹사이트 이용 방법을 안내하기 위해 사용할 수 있는 기능을 명칭으로 프로덕트 투어(product tours)라고 한다. - React Joyride React Joyride Demo react-joyride.com - React Tour GitHub - elrumordelaluz/reactour: Tourist Guide into your React Components Tourist Guide into your React Components. Contribute to elrumordelaluz/reactour development by creating an account on GitHub. github.com react-joyride가 좋아보인다

import { toggleVariant } from '@/utils/animation/toggle-variant'; import { motion } from 'framer-motion'; import React, { FC, PropsWithChildren } from 'react'; const LayerModalVariantWrapper: FC = ({ children, className }) => { return ( {children} ); }; export default LayerModalVariantWrapper; 똑같은 코드발생으로 인해 wrapper를 이용해서 관리 하려고 했는데 보통 className이 없지만 특정 layer-modal 컴포넌트에서 cla..

NestJS에서 start:dev나 start 그리고 build 명령어를 사용하면 dist 폴더가 생성된다. 하지만 src 밖에 생성되는것들을 인식 하지 못한다. // nest-cli.json { "$schema": "https://json.schemastore.org/nest-cli", "collection": "@nestjs/schematics", "sourceRoot": "src", "compilerOptions": { "deleteOutDir": true } } nest-cli.json에서 sourceRoot를 src를 해두면 dis폴더에 src에 있는것들이 빌드되어 생성된다. src 외부에 루트경로에 있는것들을 nest cli 명령어로 시작해서 생성된 dist 폴더에서 인식 하게 해주려면 따로..

vite를 통해 react를 설치한다 // 더블대시가 필요함 주의 # npm 7+, extra double-dash is needed: $ npm create vite@latest my-vue-app -- --template react-ts emotion 설치 $ npm install --save @emotion/react $ npm install --save @emotion/styled react-router-dom 설치 $ npm i react-router-dom 절대 경로 설정을 위한 vite-tsconfig-paths 설치 $ npm i -D vite-tsconfig-paths @types/node vite-env.d.ts 는 타입스크립트에서 환경변수를 추론하게 도와줌 https://velog.i..

tsconfig.json { "compilerOptions": { .... "paths": { "@/*": ["src/*"], "test/*": ["test/*"] } } } import path를 유용하게 잡기 위해 paths 옵션을 주었을때와 루트 디렉토리 경로에서 src폴더와 별개로 테스트 파일들을 한곳에 모아서 관리하고 싶었다. 프로젝트 구조 /src /test /test/unit /test/e2e /test/jest-e2e.json Unit 테스트 파일 경로 설정하기 // 기존 package.json ... "jest": { "moduleFileExtensions": [ "js", "json", "ts" ], "rootDir": "src", "testRegex": ".*\\.spec\\.ts$"..