X세대 신입사원

zhuyeel

vue3에서 발행-구독패턴 사용하기

게임 클라이언트 개발에서 자주 사용하는 옵저버패턴을 구현하고 싶어서 찾다보니 좋은 플러긴이 있어서 소개한다. ( 원래는 옵저버 패턴을 다루려 했는데 자세히 찾아보니 구독패턴 구조이다 ) 본문은 <script setup> 을 사용한 방식이다. mitt 설치 npm i --save mitt main.js 설정 변경 const emitter = mitt(); . . . app.config.globalProperties.$emitter = emitter; 발행 <

winston 을 이용하여 로그를 파일로 관리( 타임존 설정까지 )

import {NestFactory} from '@nestjs/core'; import {AppModule} from './app.module'; import * as winston from 'winston'; import {utilities, WinstonModule} from 'nest-winston'; const moment = require('moment-timezone');install moment import { DateUtil } from "./common/common.date"; const level : string = process.env.NODE_

vue3 전역변수 사용하기

javascript 에는 static 이 없다. const 를 사용하여 전역변수를 사용하는데 vue3 에선 다르게 사용하여 기록을 남긴다. 1. main.ts 수정 import {createApp} from 'vue' import App from './App.vue' import router from "@/router"; const app = createApp( App ); app.use( router ).mount( '#app'

typeORM 에서 distinct 문제

queryBuilder 을 이용해서 getMany() 를 할 경우 보통때는 잘 나온다. 근데 distinct 를 걸면 제대로 나오지 않는다. db에 날아가는 쿼리를 보니 내가 select 문에 포함시키지 않은 primary column 까지 보내고 있었다. 대체 왜...? 구글에서도 답을 못찾고 gpt신님도 못찾아 주었다. 삽질끝에 getMany -> getRawMany 로 호출하니 내가 선택한 컬럼만 포함된

크롤링이 반정도 진행됐다

생각보다 많은 문제점이 발생되서 막히고 고치고 반복하다 드디어 온전한 크롤링 사이클이 완성됐다. 챗gpt 도움을 받으니 기술 검색에서 30프로 이상 시간절약이 되는 것 같다.

repository 의 function 을 인식 못한다

새로운 테이블에서 조회하는 서비스까지 만들고 컨트롤러 호출했더니 제일 좋아하는 500 에러가 떴다. [Nest] 24519 - 03/24/2023, 11:29:21 AM ERROR [ExceptionsHandler] this.repoMaster.selectAll is not a function 대체 뭐가 잘못된걸까. 해당 repository 에는 분명 함수가 있는데?? 아무리 찾아봐도 문제점이 보이질 않던 도중 module 을 자세히 살펴보다가

chatGPT

typeORM 으로 where 조건절을 jpl 처럼 짜고 싶어 검색을 해봤다. 예제부터 사용법까지 나왔다. 이렇게까지 형식에 구애받지 않고 자연어를 해석하여 질문자의 의도를 파악한다는 점이 너무 놀랍다.

vue3 "Invalid host header" error

로컬서 돌리면 잘 되는데 서버에 올리니까 이따구 에러가 나온다. vue.config.js 파일을 찾아 아래처럼 devServer... 부분을 추가해 준다. const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { allowedHosts: "all" } }) -끗-

vue3 <script setup> 사용시 App.vue 에서 에러가 납니당

vue3으로 전환하면서 <script setup> 관련한 오류(경고)가 발생했다. vue를 v2를 사용하다가 v3으로 변경하면서 너무너무너무 좋은 기능을 발견했다. 기존에 export default {} 를 선언해서 데이터든 컴포넌트등 설정을 했었다면 이제는 <script></script> 속성에 setup만 정의해주면 그런 보일러플레이트를 모두 제거할 수 있다. 심플이즈베스트! 그런데 문제가 생겼다. 다른

vue3, <script setup> 의 마법

못생겼는데 개발 잘하는 머리 큰 친구가 알려줬다. vue 3 버전에서는 export default 를 안써도 된다. 뷰 전용 문법들 같은 애들이 기존 자바스크립트 소스코드 모양새로 변했다. import 'v-calendar/dist/style.css'; import {DatePicker} from 'v-calendar'; import DateUtil from "@/assets/js/DateUtil"; export default { name: "

774-86-01972 cinnabar.3d@gmail.com