본문 바로가기

라이브러리 도구22

[라이브러리] cookie-parser npm 라이브러리는 뭘까?

정의 https://www.npmjs.com/package/cookie-parser Parse Cookie header and populate 'req.cookies' with an object keyed by the cookie names. 쿠키 헤더를 구문 분석하고 쿠키 이름으로 키가 지정된 개체로 'req.cookies'를 채웁니다. 왜 쓸까? Node.js 서버를 개발할 때 쓴다. 클라이언트(브라우저)로부터 http 요청 header에 cookie를 받았을 때, 쉽게 cookie를 사용하기 위해서 쓴다. export default async (req: Request, res: Response, next: NextFunction) => { try { console.log("!!!!!!!!!!!!!!.. 2023. 3. 2.

[vscode] snippet 사용방법

자동완성 코드 템플릿 만들기 import React from "react"; const InputGroup = () => {}; export default InputGroup; 1. COde > Preperance > Users Snippet > 설정파일에 추가 2023. 1. 7.

[typeorm] Entity 작성 에러

에러 해결 에러 메시지 TypeError: Class constructor BaseEntity cannot be invoked without 'new' 해결방법 ES5 -> ES6로 수정 { "compilerOptions": { "target": "ES6" /* ECMAScript 목표 버전 설정: 'ES3'(기본), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */, // ... } } 원인 2023. 1. 7.

[Vue advance Cropper] 올린 이미지에 따라서 크로퍼 크기가 맞춰짐

문제 긴 이미지를 크로퍼에 넣으면, 크로퍼가 이미지 크기만큼 되버림.. 길면, 아래 버튼들이 잘림. 수정한 코드 // ... 결과 2022. 12. 19.

[Vue]tiptap에서 마크다운 문법 금지시키는 법

2022. 12. 7.

[Tiptap] Vue로 에디터 라이브러리 tiptap 사용하면서 버그 해결

개요 초록부분 커서가 안 됨;; 해결방법 다음 css 삭제 2022. 11. 29.

[redux-saga-test-plan]redux-saga-test-plan

https://www.npmjs.com/package/redux-saga-test-plan#integration-testing expectSaga().provide().put().run() expectSaga() provide() put() run() 2022. 11. 15.

[Formik] 리액트 폼 라이브러리

https://formik.org/ Formik React hooks and components for hassle-free form validation. The world's leading companies use Formik to build forms and surveys in React and React Native. formik.org 눈물없이 리액트와 리액트 라이브러리에서 폼 빌드해주는 라이브러리이다. 3가지 장점 - 검증과 에러 메시지 - 폼 제출 다루기 - 폼 상태 안/밖으로 values 얻기 Redux-Form 대신 쓰는 이유는? - Redux-Form is 22.5 kB minified gzipped (Formik is 12.7 kB) - 폼은 본질적으로 임시적이고 로컬로 상태관리하면 된.. 2022. 11. 13.

[Redux] useSelector useDispatch 훅 정의

useSelector() Redux store state에서 데이터를 추출할 수 있게 해준다. useSelector는 함수형 컴포넌트가 렌더링될 때마다 실행될거다. useSelector는 Redux store를 구독하고 있고, action이 dispatch될 때마다 useSelector가 실행될거다. 사용법 useDispatch 2022. 11. 11.

[리덕스] Redux-Toolkit 사용 API 정리

Redux-Toolkit? 아래의 요구사항을 해결하기위한 패키지이다. 리덕스의 불편사항을 어느정도 해결해준다. - 너무 많은 보일러플레이트 코드 - 복잡한 리덕스 store설정 - 다른 유용한 패키지를 추가하고 싶다 createAction() Redux의 action type을 정의하는 생성자 함수임. import { createAction } from '@reduxjs/toolkit' const increment = createAction('counter/increment') let action = increment(); // { type: 'counter/increment' } action = increment(3) // return { type: 'counter/increment', payload:.. 2022. 11. 10.

티스토리툴바