전체 글

Nest (NestJS) CORS 설정

No 'Access-Control-Allow-Origin' 플러터에서 nestjs에 요청 시 cors 정책에 의해 차단되어 요청에 대한 응답이 통과하지 않았습니다 그럼 리소스를 요청할 수 있도록 cors를 설정하기 위해 main.ts로 이동합니다 const app = await NestFactory.create(AppModule); app.enableCors(); await app.listen(3000); cors를 활성하려면 enableCors()를 nest 애플리케이션 객체에서 메서드를 호출하면 끝! 이렇게 하면 모든 도메인에 대해 리소를 요청할 수 있기 떄문에 특정 도메인 뿐만 아니라 특정 메서드 등 옵션을 줄 수 있습니다 app.enableCors({ origin: 'http://example1...

[Flutter] ClipRRect Widget - 이미지 테두리를 둥글게 만들고 싶을 때

ClipRRect 위 이미지처럼 플러터에서 콘텐츠박스나 이미지를 둥글게 표현하고 싶을 때 어떤 위젯을 쓸 수 있을까? 바로 ClipRRect이다! 플러터 공식문서에 따르면 R은 Round의 R이라고 한다! ClipRRect위젯 borderRadius값에 둥근 모서리 값을 정할 수 있다 모든 모서리에 같은 값으로 둥글게 하고 싶다면 아래와 같이 할 수 있다 ClipRRect( borderRadius: BorderRadius.circular(20.0), child: image, ), BorderRadius 위젯의 Constructors은 아래와 같다! 원하는 모양에 따라 선택하면 된다! /// Creates a border radius where all radii are [radius]. const Bord..

조종사의 비행 계측기에 해당하는 장치를 만들자

계측기란? 기계공학 용어사전에 따르면 계측기는 중량, 용량, 속도, 진동, 소음, 온도, 열량, 길이 등 양의 크기나 물리적 상태를 수치로 포착하여 지시 또는 기록하는 기구이다. 그러면 이 글의 제목은 왜 "조종사의 비행 계측기에 해당하는 장치를 만들자 " 인가? 요즘 읽고 있는 "이펙티브 엔지니어"라는 책에서 성공한 IT 기업들은 개발자가 시스템 동작을 쉽게 측정, 모니터링, 시각화할 수 있게 조종사의 비행 계측기에 해당하는 장치를 만든다고 나와있다. 그래서 특정 동작의 근본 원인을 빨리 파악할수록 문제를 더 빠르게 처리하며 발전할 수 있다고 했다. 모니터링 시스템을 사용해서 지표를 수집하고 집계하여 그래프로 만들고 이상이 감지되면 경고를 보낸다. 코드 배포 시에도 지표를 수집한다면 코드 배포 시간의 ..

우분투 Jenkins 설치하기

놀고 있는 노트북에 젠킨스를 설치하기 위해 아래 공식 문서를 참고했습니다! LTS 버전으로 진행했습니다! 1. jenkins debian packages 사용을 위해 시스템에 키를 추가합니다 [curl -fsSL] # 키 등록 curl -fsSL https://pkg.jenkins.io/debian-stable/jenkins.io.key | sudo tee \ /usr/share/keyrings/jenkins-keyring.asc > /dev/null # 키 등록 확인 sudo apt-key list # [결과] uid [ unknown] Jenkins Project 2. Jenkins apt 저장소 항목을 추가합니다 echo deb [signed-by=/usr/share/keyrings/jenkins-..

[Flutter] Firebase Authentication을 사용하여 구글 계정 인증하기

이번 글은 Flutter 프로젝트에서 파이어베이스 인증을 사용하여 구글 로그인을 해보겠습니다 Firebase Authentication Firebase Authentication을 사용하면 서버 측 코드 없이 다양한 제공업체의 사용자를 인증하고 관리할 수 있습니다. 그러면 Flutter에서 firebase을 사용하여 구글 계정 인증하기를 해보겠습니다! 프로젝트에서 빌드-> Authentication 메뉴를 클릭하고 시작하기 버튼을 클릭합니다 그러면 로그인 제공 업체가 보여지는데 이 중 Google로 진행해보겠습니다 구글을 선택하면 위와 같은 화면이 나타납니다 프로젝트의 공개 이름은 자동으로 들어갑니다. 프로젝트 지원 이메일만 선택 후 저장 버튼을 클릭합니다 그러면 최신 구성 파일 다운로드에 대한 안내 내..

[Flutter] Flutter 앱에 Firebase 파이어베이스 설정하기

Firebase 프로젝트 생성 Firebase 프로젝트를 추가하고 Flutter 앱을 추가하여 시작하기를 클릭한다! 참고로 flutter 3.0 공식 릴리즈부터 Firebase가 플러터를 공식 지원했습니다! 🎉 그래서 기존에는 플랫폼별로 다 설정해야 했었습니다 하지만 firebase가 flutter를 지원하기 때문에 손쉽게 설정이 가능합니다 Flutter 앱에 Firebase 추가 [Flutter 프로젝트는 생성했다고 가정하겠습니다] 1. 작업공간 준비 공식 문서를 보면서 하면 쉽게 할 수 있다 😄 https://firebase.google.com/docs/cli?authuser=0&hl=ko#install_the_firebase_cli Firebase CLI 참조 | Firebase Documentat..