본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


전체 글674

'ImportMeta' 형식에 'env' 속성이 없습니다. 타입스크립트(Typescript) 환경에서 env를 import 하는 경우에 발생하는 컴파일 단계에서의 오류 입니다. 가령 아래와 같은 코드를 사용하려 하는데.. 해당 오류를 만나는 경우가 있습니다. const mode : string = import.meta?.env?.MODE if(mode ==='development'){ console.log('개발모드 입니다') } else { console.log('운영모드 입니다') } 타입스크립트가 meta 이하의 env가 무엇인지 몰라 발생하는 오류이므로 해당 오류를 해결하기 위해서는 간단하게 파일 한개만 추가하여주면 됩니다. * 파일이름 : env.d.ts (경로는 최상위 src 디렉토리이여 합니다) //인터페이스를 통한 타입 추론 interface Im.. 2023. 12. 12.
[Vite] Vite 개발 환경에서 타입스크립트(Typescript) 적용하기 vite 환경에서 타입스크립트(Typescript) 환경을 설정하는 방법입니다. 당황스럽게도 아무것도 하지 않아도(?) ts 파일이든 js 파일든지간에 vite는 훌륭하게 컴파일을 해 줍니다. 아무 생각없이 위 사진처럼 코드를 넣고 vite 명령어를 실행하면 그냥 컴파일된 내용이 나오는 걸 볼 수 있습니다. 그렇지만 이러한 경우 eslint에서 나오는 "Parsing error : Unexpected token" 또는 "빠른 수정을 사용할 수 없습니다" 같은 오류를 만나게 되므로 몇가지 추가 설정을 해 주어야 합니다. * 모듈 추가 yarn add @typescript-eslint/parser --dev 개발 모듈을 설치한 뒤에 tsconfig.json 파일을 루트 폴더에 생성하여 줍니다. * 파일 이름.. 2023. 12. 11.
[Vuejs] Mock 적용하기(vite) vite 환경에서 mock 환경을 구성하여 보았습니다. * 타입스크립트를 사용하지 않았습니다. 필요한 모듈은 2개 입니다. yarn add mockjs yarn add vite-plugin-mock 먼저 응답에 사용될 함수를 만들어 줍니다. 함수는 익명함수로 만들되, 배열형태의 값을 반환하면 됩니다. 만약, 타입스크립트를 사용 한 다면 타입제한을 붙일 수 있습니다(MockMethod 타입 등) * 파일이름 : index.js //URL 목록 export default function () { return [ { url: '/api/get', //get 방식 method: 'get', response: ({ query }) => { console.log(query) return { code: 0, data.. 2023. 11. 21.
(개발) 경력직 면접관 후기 년차가 오르다보니 면접관으로서 참여를 자주하는 것 같습니다. 얼마전부터 경력직 개발자를 채용하기 위해서 서류전형부터 기술 면접까지 진행을 하였습니다. 이에 면접관으로써 느낀점을 적어보고자 합니다. * 서류전형의 기본, 이력서 입사포부, 입사지원동기 및 가족사항 같은 내용을 구체적으로 적는 것 보다 이력서에는 내가 어떤 프로젝트에서 무엇을 어떻게 하였는지에 대한 내용이 정말 중요한 것 같습니다. "이 사람이 어떠한 환경에서 어떠한 기술을 사용했는가?" 를 보고싶은데.. 그러한 내용이 뭉뚱그려져 있거나 아에 없는 경우에는 솔직히 다니는 회사에서 "루팡"을 하신 게 아닌가 의심이 들게 되었던 것 같습니다. "이 사람은 뭐 내세울게 없나?" 라는 생각이 들게 됩니다. "A 프로젝트" * 투입일자 : 20xx년 .. 2023. 10. 23.
FCM 메시지 전송 규칙(서버 - 앱) 서버에서 앱에게 FCM 메시지를 보내기 위해 구글링을 하면 만나는 일반적인 메시지 형태 입니다. const message = { data: { score: '850', time: '2:45' }, token: registrationToken }; 메시지를 보낼 때 전송할 data 필드와 fcm 토큰값을 넣어서 보내도록 되어 있습니다. 해당 코드는 물론 잘 동작하는데.. 안드로이드에서만 오직 동작을 합니다. IOS는 해당 메시지 규격으로 아무리 전송을 눌러도 보내어지지 않습니다. * 2023-10-20 기준 이를 해결하기 위한 답은 Firebase 공식 사이트에서나온 메시지 전송규칙을 잘 보아야 합니다. https://firebase.google.com/docs/cloud-messaging/send-mes.. 2023. 10. 20.
[Nestjs] 스케줄 동기화(schedule blocking, keep overlapping) 네스트에서 스케줄을 사용하기 위해서는 아래처럼 크론 데코레이터를 사용합니다. @Cron(CronExpression.EVERY_SECOND, { name: '잡이름', }) // 매일 1분마다 실행됨 async 메서드이름(): Promise { //실행할 내용 } 위 샘플 코드는 매 1초마다 동작하는 코드 입니다. 그런데 하필 동작이 1초에 끝나지않는 상황이 발생하면 위 코드는 여러번 동작하게 됩니다. 이러한 현상을 방지하기 위해 간단하게 코드를 추가하여 해결가능 합니다. 의존성 주입을 통해 아래 클래스를 받습니다. * 이름 : SchedulerRegistry import { Cron, CronExpression, SchedulerRegistry } from '@nestjs/schedule'; @Injec.. 2023. 10. 17.