728x90 반응형 분류 전체보기539 Nest.js node-cache 라이브러리 적용 휴대폰 인증같이 간단한 처리는 캐시에 데이터를 넣어 처리 가능하다. 간단하게 캐시데이터 get / set 코드 import { Injectable } from '@nestjs/common'; import NodeCache from 'node-cache'; @Injectable() export class AuthCache { private cache: NodeCache; constructor() { this.cache = new NodeCache(); } async createCache(params : any) { let { props } = params let { mobileNo, authNo } = props const cacheKey = mobileNo; // 캐시 키 const chcheValue .. 2023. 3. 21. 리액트 상태관리 라이브러리 React-Hook-Form 기존에는 리액트의 상태를 useState 와 onChang 를 사용 하였다. 상태관리 툴이나 라이브러리 없이 상태를 관리 해왔다. 장점은 직관적이며, 데이터의 validation , 데이터변환 등 단점은 한개의 변환시 모든 데이터, 변경하시않은 상태도 다시 랜더링 된다는것 (치명적) 사실 위 코드도 나는 형식을 잘잡아놔서 충분히 사용할수 있지만 개발자는 유행하는건 배우고 따라해봐야하니까 (귀찮) 작년말 2022년부터 현재 2023년까지 상태관리 라이브러리 "react hook form"의 사용자 수가 증가 했다. react hook form 😎 install npm i react-hook-form 😎 import import { useForm } from "react-hook-form"; 라이브러리 미사.. 2023. 3. 16. [파일다운로드 두가지 방법] javascript로 다운로드 / buffter 받아서 다운로드 javascript 내 코드로 다운로드 가능한 코드 export const downLoad = (fileNm,contents) => { let fileDown ="data:json;charset=utf-8," + contents; let encodedUri = encodeURI(fileDown); let link = document.createElement("a"); link.setAttribute("href", encodedUri); link.setAttribute("download", fileNm+'.json'); document.body.appendChild(link); link.click(); document.body.removeChild(link); } 서버로 buffer받아서 다운로드 진행 a.. 2023. 1. 17. [상봉 소한마리] 문가네 정육식당 : 소한마리 뿌시는거 참 옳아 상봉 고깃집 상봉 맛집 상봉 문가네 라떼는 상봉 = 코스트코 상봉 = 터미널 상봉 = 나이트 였다. 사실 상봉에서 코스트코도 터미널도 나이트도 가본적 없다. 그냥 아는 척중 내 전남친(=현남편)은 운동을 하면 꼭 그렇게 소한마리 정육식당을 찾는다. 단백쥘~~ 집이랑 가까운 상봉에 문가네 방문했다. 주차는 뒷편에 있음 ㅋ 나는 블로거니까 메뉴판 찍어놓고 사진크기 에러남 별걱정을 다하신다. 사람이 바글바글했다. 심지어 그 금요일 되게 늦은저녁에 줄까시 섰으니말이다. 우리 자리가 나서 직원A분께서 치워주신다며 자리에 앉으라했다. (아마 서있는 내가 정신사나우셨나보다) 남편은 담탐 하러가고 혼자 앉아있었다. 이어 직원B님이 오시더니 치우지도 않았는데 왜 앉냐고 나한테 엄청 화낸다. 궁시렁궁시렁 나한테 개념을 운.. 2023. 1. 16. [스시우미 용산] 디너 10 이면 가성비 오마카세란다. 스시우미 용산 오마카세 방문한지 꽤 되었지만 이제야 작성하는 나의 게으름에 반성하며 치얼스 디너 10이었다. 주말이었고 캐치테이블로 예약이되어 방문했다. 현 남편이 남친일 시절에 ㅋ 2022.07즈음 방문 후기 요즘은 디너 인당 10이면 가성비 좋고 저렴한 오마카세라고 한다. 개인적으로 스시우미는 위치가 별로였다. 아파트 상가 에 지하에 있던걸로 기억하는데 매우매우 찾기 어렵고 상가맵을 봐도 찾기 어려운 수준 위치를 찾을수 없어 전화를 했는데 받지도않고 도착은 제시간에 했으나, 가게를 못찾아서 20분 후에 도착했다. 그래서 들어갈때부터 화가 많이 난 상태 10분늦으면 노쇼로 간주해서 환불도 안된다는데 가게위치가 어려우면 설명이라도 제대로 써져있던가 아니면 전화라도 받던가 이만저만 기분이 상했었다. 전채 .. 2023. 1. 12. [DB] too long data 오류 /MySQL 데이터형 및 크기 자료형이 왜 필요하는지? - “더 작은 공간을 사용하면서” , “더 빠르게 처리할수 있는” 프로그램을 만들기 위해서 데이터 자료형을 사용 - 작은 공간에 넣을수록 연산(SELECT 등의 연산)이 빨라지고 공간도 적게 차지 CHAR(M) [BINARY] - 자료형의 크기 : char 필드의 CHARACTER SET 에 따라 가변적임. 예를들어 char(10) 이면서 utf4mb8 일 경우 고정 40Byte 사용. - 범위 : 1 에서 255 글자 - 주의 : 고정길이로 길이가 작은 값이 입력되면 오른쪽에 스페이스로 채워져서 입력된다. BINARY 키워드가 주어지지 않을 경우 대소문자 구분없이 검색한다. VARCHAR(M) [BINARY] - 자료형의 크기 : varchar 필드의 CHARACTER SET .. 2023. 1. 5. [NestJs] PayloadTooLargeError: request entity too large 발생 원인 PayloadTooLargeError가 발생하는 원인은 파서가 읽을 수 있는 데이터 허용치보다 request가 보낸 데이터의 크기가 커서 정상적으로 파싱을 할 수 없을 때 발생하는 에러 해결 방법 main.ts import { urlencoded, json } from 'body-parser'; app.use(json({ limit: '50mb' })); app.use(urlencoded({ limit: '50mb', extended: true })); limit 옵션을 추가로 주어 파싱 허용치를 증가 2023. 1. 5. [React] 페이지 별 체크박스 - 전체/개별 체크박스 페이지 이동해도 checked 저장 리액트 체크 박스 검색시 가장 많이 나오는 전체 체크박스 및 개별 체크박스 그치만 페이지를 이동하면 전체 체크박스가 새로고침 되기 때문에 다 날라간다 나는 state에 페이지별 선택 ID를 남겨주었다 해당예제는 사용자 아이디 리스트. // user info const [users , setUsers] = useState([]); //페이지 내 전체 유저 const [selectableUsers , setSelectableUsers] = useState([]); // 페이지내 선택가능 유저 - 전체 선택 onoff //체크박스 const [checkItems, setCheckItems] = useState([]); //페이지 상관없이 체크한 아이템 const [checkItemsPage, setCheckI.. 2022. 12. 23. ejs 문법 <%= 와 <%- 차이 공식문서 1. ejs 란? ejs는 Embedded JavaScript Template의 약자로 nodejs 진영에서 많이 사용하는 템플릿 엔진이다. 문법이 단순한 것이 특징 2. 기본 문법 주석 : JS 코드 : 변수 출력(html escape 처리: >를 $gt로 변환) : 태그내부 공백 제거 : html escape안하고 변수 출력 : 태그 2022. 12. 9. 이전 1 ··· 3 4 5 6 7 8 9 ··· 60 다음 728x90 반응형
