전체 글(82)
-
NestJS, TypeORM 적용하기 (nestjs + typeorm + env)
기존에는 app.module.ts에 database 설정을 해놓고 쓰고 있었는데요. 구조 정리를 하면서 env도 사용하고 구조도 나누게 되었습니다. 처음에 사용하던 방식은 공식 문서에 나오는 방법입니다. Documentation | NestJS - A progressive Node.js framework Nest is a framework for building efficient, scalable Node.js server-side applications. It uses progressive JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Progamming), FP (Functional Programmi..
2023.02.09 -
NestJS, typeORM relation에서 다른 컬럼 이름을 사용하기
NestJS에서 typeORM을 사용해 relation을 구현하게 되었습니다. relation에 사용한 컬럼 이름은 일종의 커스텀인데 그 과정을 나누고자 합니다. Entity 저는 2개의 모델을 사용했습니다. Product 테이블에는 id, name이 있고 Month 테이블에는 id, product_id, month가 있습니다. Month 테이블에 있는 product_id가 일종의 FK입니다. (실제로 fk를 맺지는 않았습니다.) export class Product { @PrimaryGeneratedColumn() id: number; @Column() name: string; } export class Month { @PrimaryGeneratedColumn() id: number; @Column()..
2022.10.31 -
NestJS, mailgun 이용하기
NestJS에서 mailgun을 사용하는 기본 방법입니다. 여기서는 mailgun document에 있는 가장 기본적인 보내는 방법을 설명합니다. https://documentation.mailgun.com/en/latest/quickstart-sending.html#send-with-smtp-or-api How to start sending email — Mailgun API documentation Add a domain you own and verify it by setting up the DNS records we provide (known as SPF and DKIM) at your DNS provider. How to verify your domain Add your domain or subd..
2022.10.12 -
Vue + web3 - localhost에서 스마트 컨트랙트 사용하기
목표는 내 localhost 환경에서 작성한 스마트 컨트랙트를 vue3를 이용해 사용하는 것입니다. 간단한 스마트 컨트랙트 Solidity Docs에 가면 아주 기본적인 코드가 있습니다. 일단은 아주 간단한 함수라도 실행해보는게 목표이기 때문에 아래 코드를 사용하기로 했습니다. https://solidity-kr.readthedocs.io/ko/latest/introduction-to-smart-contracts.html 스마트 컨트랙트 소개 — Solidity 0.5.10 documentation 소개 Ethereum 가상머신, EVM은 Ethereum의 스마트 컨트랙트를 위한 런타임 환경입니다. 이것은 완전히 독립되어 있기 때문에 EVM 에서 실행되는 코드는 네트워크나 파일 시스템, 기타 프로세스들에..
2022.04.12 -
css border animation
처음에는 아주 가볍게 '오른쪽으로 border 그대로 빛나면서 그려지는 animation 하나 있으면 좋겠다' 라고 생각했다. 아주 쉽지 않았고 border animation 에 관한 자료도 많이 찾아봤지만 많이 없었다. 4개의 래퍼런스를 찾아보았는데 비슷한 패턴들이 보여서 정리해보았다. 1. Border는 Border가 아니다. Border에 Gradient를 넣거나 Animation을 넣는 경우는 전부 border를 사용하지 않는다. 그게 무슨 말이냐면 좀 더 큰 Box를 뒤에 만들어서 가리는 형태이다. 첫 이미지를 보면 이쁘게 Gradient까지 적용한 Border로 보이지만 사실은 좀 더 큰 Gradient Box이다. 이 Box 이미지를 :before, :after에 적용을 시키고 animati..
2022.02.03 -
Flutter, Null Safety 이후의 Provider, Model, SharedPreferences 관계 사용하기
Flutter가 Null Safety를 지원하면서 기존에 쓰던 관계를 그대로 사용하기가 아주 어려워졌습니다. (개인적으로) https://flutter.dev/docs/null-safety Null safety in Flutter Find out how to use non-nullable types in your Flutter code. flutter.dev 기존에 Provider 환경에서 User Model과 SharedPreference를 쓰던 방법이 많이 바뀌어서 한 번 공유해보겠습니다. 실행이 되기 위한 수정방법이기 때문에 많이 부족할 수 있습니다. Before login Provider.of(context, listen: false).setUser(user); UserProvider class ..
2021.07.31