Hello World...

location.href 방식으로 다운로드를 받았는데, axios post 방식으로도 받을 수 있다. 이 때는 response type을 blob 형식으로 받아야 한다. https://www.npmjs.com/package/js-file-download 모듈을 사용하면 편하다. https://stackoverflow.com/questions/41938718/how-to-download-files-using-axios ex) vue.js downloadList(payload) { // location.href = `/admin/getUserListExcel.do?${payload}`; return $axios.post('/admin/getUserListExcelPost.do', payload, { resp..

docker mysql 이미지를 다운 받은 후 docker compose 로 올린 후 squelpro 로 접속을 시도하니 아래 에러가 발생하면서 접속이 되지 않는다. authentication plugin 'caching_sha2_password' cannot be loaded.... mysql8.x 인증방식이 변경되어서 나오는 메시지라고. 예전에도 봤었는데 기억에서 사라졌다.. 옵션을 추가해서 해결했다. command 에 --default_authentication_plugin=mysql_native_password 옵션을 추가해서 인증 관련 부분 문제를 해결했다. # 출처: https://wooiljeong.github.io/server/docker-mysql/ # 파일 규격 버전 version: '..

서버 api url 에 /asset 이 들어가는 바람에 asset 폴더의 이름을 변경해서 배포를 해야하는 경우가 생겼다. circular view path... 에러 발생 vue3, vite 인 경우 vite.config.js 파일에서 변경해주면 된다. export default defineConfig({ ... build: { assetsDir: "static" }, ... }); 빌드를 하게 되면 dist 폴더 밑에 static 이라는 이름으로 변경된다.

router.ts import { createRouter, createWebHistory } from "vue-router"; import type { RouteRecordRaw } from "vue-router"; const routes = (): RouteRecordRaw[] => { return [.......] }; export default createRouter({ history: createWebHistory("/web"), // 괄호 안에 작성해준다 routes: routes(), }); createWebHistory() 괄호 안에 작성해 주면 된다.

기존 프로젝트에 패스를 변경해 달라는 요청을 받았다. ㄴ a ㄴ b 이런 구조에서 ㄴ z ㄴ a ㄴb 이런 구조로의 변경이다. 처음에 상위에 폴더를 만들어야 하나 했다. 그런데 기존에 설정한 router 들이 문제였다. $router.push('/a') 이런 식의 소스들을 ('/z/a') 이렇게 변경해 주어야 했다. 그러기에는 너무 많고 놓칠 가능성도 높았다. 혹시 공식문서에 있을 지 몰라 검색을 해보니 해결하는 방법이 있었다. https://nuxtjs.org/docs/configuration-glossary/configuration-router The router Property The router property lets you customize Nuxt router. nuxtjs.org nuxt...

# typescript 전역 설치 npm install -g typescript # node project 생성 npm init # tsconfig.json 생성 npx tsc --init # 자바스크립트 파일도 사용 가능하게 하기 tsconfig.json -> allowJs: true # ts -> js 파일로 변환 # 전체 npx tsc # 부분 npx tsc app.ts # ts-node 로 타입스크립트 실행하기 npm install -g ts-node ts-node app.ts - 타입스크립트 핸드북 https://www.typescriptlang.org/ko/docs/handbook/intro.html Handbook - The TypeScript Handbook Your first step t..

process.env.JWT_SECRET 값을 제대로 읽지 못하는 문제가 있었다. dotenv 모듈도 설치도 하고 config 설정도 해주었지만 문제가 해결되지는 않았다. 해결 방법은 굉장히 단순했다. 백틱으로 감싸주니 문제가 해결되었다. - jwt.strategy.ts import { Injectable } from '@nestjs/common'; import { PassportStrategy } from '@nestjs/passport'; import { ExtractJwt, Strategy } from 'passport-jwt'; @Injectable() export class JwtStrategy extends PassportStrategy(Strategy) { constructor() { sup..