티스토리

DevBoi

검색하기

블로그 홈

DevBoi

devboi.tistory.com/m

즐겁게. 내가 살아있다는 것을. 알림.

구독자: 2

방명록 방문하기

주요 글 목록

[TERRAFORM] 테라폼 시작을 위한 설정 1. 설정terraform 설치 (mac기준)brew install terraform aws-terraform 설정 1) aws cli 설치curl "https://awscli.amazonaws.com/AWSCLIV2.pkg" -o "AWSCLIV2.pkg"sudo installer -pkg AWSCLIV2.pkg -target /aws --version 오류 발생시 (파이썬 환경세팅)brew install --build-from-source python@3.12 2) aws 설정aws configure aws > console > 사용자root 권한으로 accessKey,secretKey 생성 terraform 로컬 공개키 생성 및 저장ssh-keygen -t rsa -b 2048 -f ~/... 공감수 1 댓글수 0 2024. 11. 24.
AWS route53 + let's encrypt 도메인 https 세팅 1. Route 53 도메인 * Aws Route53 접속 > 호스팅 영역 생성하기 > 네임서버 생성* 도메인 구매처 > Route53에서 발급받은 NS레코드(네임서버) 정보 입력* Route53 A레코드 생성 (값에 ec2 ip 값 입력하기) -> (앞에 별칭 www와 빈값으로 2개해야 군말이 없음) 2.nginx 설치 sudo touch /etc/apt/sources.list.d/nginx.listecho "deb http://nginx.org/packages/ubuntu/ bionic nginx" | sudo tee -a /etc/apt/sources.list.d/nginx.listecho "deb-src http://nginx.org/packages/ubuntu/ bionic nginx"| su.. 공감수 1 댓글수 2 2024. 10. 28.
[AWS] RDS 관련 한글 인코딩 1) 테이블을 이미 만들어 버렸을경우이때는 사실 방법이 없다. 하나씩 인코딩 설정을 해주는 쿼리를 날려야한다. ALTER TABLE TABLE_NAME CONVERT TO CHARACTER SET utf8; 2) 테이블을 만들기 전인 경우RDS의 파라미터 그룹을 설정해주면된다.1) RDS > 파라미터 그룹 > 파라미터 그룹 생성을 한다.2) 생성한 파라미터의 기본값들을 수정해준다.* character 검색 > 아래 항목들을 UTF-8로 지정해준다. utf8 또는 utf8mb4로 해준다. 차이는 이모지 가능여부이다. * collation 검색 > 아래 값들을 utf8_general_ci로 설정한다.-collation_server-collation_connection 공감수 0 댓글수 0 2024. 6. 13.
[TypeScript] 기초 문법 1) 변수 선언변수 선언에는 아래 3가지가 있다.var -> 함수 어디서든 접근을 할수 있어 잘 사용하지 않는다.let -> block scope로 저장, let은 값을 변경할수 있다const -> let과 같이 block scope로 저장, let과 다르게 값을 변경할 수 없다. 2) 타입 명시단순 변수let test1: string = "123123";let test2: number = 123;let test3: boolean = false;console.log(test1);console.log(test2);console.log(test3); 함수function test1(message: string): void{ console.log("gd");}function test2(message: nu.. 공감수 0 댓글수 0 2024. 6. 8.
[TypeScript] 스터디 환경 세팅 1) 설치node설치 이후, tsc로 해당 파일을 컴파일 할 수 있다.tsc가 동작하지않을때는 아래 명령어로 설치sudo npm i -g typescript 빌드 시킬 폴더에서 해당 커맨드 입력, config 파일 자동 생성 확인tsc --init 2) 컴파일아래와 같이 간편하게 컴파일하면, 동일 js파일이 생성된다.(옵셔널 적으로, js파일이 필요할때 사용)tsc (파일명)ex. tsc study01.ts 이후 해당 파일을 아래와 같이 실행 시키면 실행이된다.(js파일을 생성한 경우, ts라는 확장자를 빼도 실행이된다)node ex. node study01.ts 결과 사실 이도저도 싫다고하면 플레이그라운드에서 문법적인걸 다 익히면 장땡이긴한다.대부분 웹이나 타입스크립트를 엮어서하는 프레임워크를 .. 공감수 0 댓글수 0 2024. 6. 8.
[AWS] Github Actions로 NextJs,EC2,Docker CI/CD 구축 github action을 통해 브랜치에 푸시가 되면 자동으로 배포가 되도록 구축해보자 1. Git hub access-token 발급Settings > Developer Setting을 통해, 아래 Classic Token을 생성하고, 잘 보관해 둔다. 2. 자동화 원하는 Repo의 secret key 연동 원하는 Repo > Setting > Secrets and variables> Actions 진입, 아까 만든 access token을 바탕으로2번째 이미지처럼 키를 생성 3. Runner 설정 New self-hosted runner 클릭 해당 하위에 나오는 명령어를 ec2에 입력 * shaSum 오류 발생시 패키지 업데이트sudo yum install perl-Digest-SHA -y .. 공감수 0 댓글수 0 2024. 6. 6.
[AWS] Nginx + LetsEncrypt(https) + NestJs + Flutter web 개인적으로 사용하고 싶어서 만든 채팅 서비스가 있다.아키텍처에 대한 구조는 아래와 같다. 그렇게 복잡하지 않다.NestJs가 소켓처리와 MongoDb와의 통신을 통해 데이터 API 역할을 3000, 8080 포트로 나눠서 지원하고Flutter web 은 80포트로 왔을때 처리되는 static Resource로 서버에 위치에 있다. 물론, 여러개의 서버를 나눠서 두는 방법도 있지만, 이건 사용자 트래픽이 몰리는 경우 고려하도록 하자 1) nginx 세팅EC2 제일 앞단에서 Nginx 를 둔다.80,443에 대한 인증서 처리 및 리버스 프록시 설정에 대한 내용들을 다룬다 1-1) /etc/nginx/site-avavilbles/defaultserver { listen 80 default_server; .. 공감수 0 댓글수 0 2024. 5. 15.
리버스 프록시와 프록시 차이 은근히 잘 모르는 주제이다. 알더라도, 정확하게 물어보면 잘 모르더라 그래서 정리를 해서 누가 물어보면 이거봐라 라고 하려고한다. 프록시란 여러 시스템 용어이다. 리눅스나, 인프라 단 뿐 아니라 JPA, 애플리케이션에서도 쓰인다.쉽게 얘기하면 "대리수행자" 이다. 이번 포스팅에서는 예로 인프라에서 알아보자 포워드 프록시는 위와 같다. 리소스 서버와 클라이언트 서버가 분리되어있다고 가정하고해당 프록시 서버가 대신 해당 서버와의 통신을 수행하여, 클라이언트의 요청을 수행하는 것이다.클라이언트의 보안이 필요한 경우, 해당 방식을 주로 사용한다.왜냐면 리소스 서버에서는 프록시를 통해서 값을 전달 받고 전달하기떄문에 클라이언트의 정보에 대해 추적하기 어렵다, 자, 그러면 리버스 프록시는 어떤것이냐? 주로 외부.. 공감수 0 댓글수 0 2024. 5. 15.
[Docker] Ubuntu에 Docker, Docker-compose 세팅 Docker 설치sudo apt update -ysudo apt-get install ca-certificates curl gnupg lsb-releasecurl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"apt-get updatesudo apt-get updatesudo apt-get install docker-ce docker-ce-cli containerd.iodocker -vsudo service do.. 공감수 0 댓글수 0 2024. 5. 6.
[Java] Record 패턴 불변 DTO의 성격인 Record와 DTO간의 매핑을 코드를 자동생성해주는 라이브러리 Mapstruct에 대한 정리를 해보자 1. RecordRecord는 불변성을 보장하는 타입이다. 따라서 신뢰성이 높아그래서 주로 Request,Response,Configuration에 대한 정보를 담아서 사용한다. 아래와 같은 레코드의 소스가 있다고 가정하자public record MemberRequest( @Schema(description = "닉네임", example = "스미스") String nickname, @Schema(description = "프로필 이미지 링크", example = "이미지 주소") String imgUrl, @Schema(description = "이름", example = .. 공감수 0 댓글수 0 2024. 4. 28.
[Docker] 리눅스 용량 확보 및 도커 저장공간 최적화 EC2를 사용하다가 용량 초과로 인해 서버가 움직이질않는다.도커가 동작할떄 기본적으로 로그를 작성하는데, 이 로그가 꽉차서 작성할수없자, 무한 대기 + 재시작 상태가 되는것이다. 아래와 같은 방법으로 조치 및 최적화를 진행해보자 1. 용량 확인 1-1.어디에서 많은용량을 사용하고있는지를 알아내자 df 로 간단하게 현재 용량이 100%라는 것을 확인 한다. 1-2. 어디 경로에서 많은 비중을 차지할까?df -h해당 어떤 디렉토리에서 사용 차지하는지 알수 있다. 나는 overlay2 하위 도커 디렉토리에서 거의 다썼다. 1-3. 어떤 파일 때매 그럴까?해당 경로로 우선 이동하고 현재 디렉토리에서 가장 많은 비중을 차지하는 상위 5개의 리스트만 보기du -hs * | sort -rh | head -5 이도.. 공감수 0 댓글수 1 2024. 4. 26.
[Flutter + Socket] Flutter + NestJs + Socket 서비스 개발하기 채팅 관련 웹 서비스를 개발했다. 다뤄보지 않은 프레임워크를 선택해서 극단으로 몰았던게 조금 후회되지만 무튼 관련 개발 내용을 정리해서 포스팅한다. 우선 개발한 서비스의 아키텍처는 아래와 같다. 그림은 귀찮으니 대충 1. Flutter web : 사용자가 사용하는 화면이다. 2. nestJs 포트 두개 (3000,8080) 을 기반으로 채팅과 기초정보를 제공하는 백엔드 프레임워크이다. 3. mongo : 비정형디비로 RDB를 쓰려다가 채팅에 특화된 디비를 쓰기로 했다. 4. mongo express : mongo디비를 볼수있는 콘솔이다. 5. fcm : 사용자가 백그라운드, 포그라운드 일때 메시지 알림을 웹푸시로 주거나 미수신 메시지를 카운트를 증가시킨다. 아래의 로직으로 간단하게 구현했다. 더 심도있는.. 공감수 1 댓글수 0 2024. 4. 24.
[Aws] Https 인증서 세팅하기 알람을 보내야하는 기능이 있는데, http로는 사용자 요청을 얻을 수 없다. 따라서, Https 세팅한다. 1. certbot 설치 sudo snap install certbot --classic 2. 인증서 발급 sudo certbot --nginx -d {도메인} 발급이 끝나면 아래와 같은 문구로 인증서 위치를 알려준다. Certificate is saved at: /etc/letsencrypt/live/rabbithole.gotdns.ch/fullchain.pem Key is saved at: /etc/letsencrypt/live/rabbithole.gotdns.ch/privkey.pem This certificate expires on 2024-07-04. These files will be u.. 공감수 0 댓글수 0 2024. 4. 5.
[AWS] RDS too many Connection 오류 MySQL said: Too many connections 갑자기 잘 사용하던 RDS가 연결이 안됬다. 커넥션 풀에서 관리되는 커넥션에 대한 부족일 수도있고, 이미 닫힌 커넥션에 대한 유지로 인해 연결이 실패할 수도있고 미사용 커넥션이 너무 오래 살아있는 경우 일 수도 있다. 무튼 커넥션에 대한 max connection 수와 wait-timeout 에 대한 조정이 필요해 보인다. 1) 파라미터 그룹 생성 max_connections는 최소로 잡혀있지만, 이값을 300으로 변경한다. wait_timeout 도 180초로 변경한다. 이는 3분 정도이고, 이 기간동안 커넥션을 얻기 위해 대기한다. 이후 디비의 파라미터 그룹을 변경해서 재부팅해준다. 신규로 생성한 파라미터 그룹으로, 디비가 적용되고 재부팅 되.. 공감수 0 댓글수 0 2024. 2. 3.
[AWS] EC2 메모리 이슈분석 및 Swap memory 설정 1) 배경 EC2가 자꾸 죽었다. 프리티어를 문제없이 사용하다가, 특정 Docker 컨테이너 2개를 띄운 EC2가 자꾸 죽는것을 볼수있었다. 귀찮아서 미루다가 분석을 해보기로했다. 2) 분석 aws의 ec2프리티어였다. 사실 서버 인프라를 확장하면 된다. 그래서 운영이나 회사에서는 발생하지않았던, 새로운 경험이다. 적은 서버 스펙의 서버가 자꾸 죽을때 사용하면 좋을 기술 같다는 생각이 들은겸 리눅스 공부할겸 분석을 해보기로했다. 3) 문제 찾기 3-1) 시스템 로그 보기 별다른게 없었다. 시스템 로그는 부팅 중이나, 부팅후의 로그를 볼수있다. 부팅과정에서 제대로 안된다면 확인할때 유용하다. 3-2) 인스턴스 스크린샷 확인 서버가 기동중에 이유없이 다운되는 거기 때문에 인스턴스 스크린샷을 확인한다. 메모리.. 공감수 0 댓글수 0 2024. 1. 25.
[Flutter] textformfield 클릭시 화면이 리스트를 가리는 현상 흔히 말하는 키보드영역때문에 화면이 가리는 것이다. 가려진 화면만큼 이동하는게 아니라 키보드가 고정처럼 붙어버려서 입력창을 클릭하면 화면이 가려져서 아래와 같이 해결했다. 우선 입력하는 위젯을 크게 scrollview로 감싸줬다. SingleChildScrollView( child: NewMessages2( roomId: widget.chatResponse.id.toString(), userId: userProvider.userInfo.id.toString(), userName: userProvider.userInfo.name, ), ) 사실 이렇게 해도 되지만 해당 위젯의 build 최상위에 아래와 같은 부분도 추가해줬다. 해당 부분을 추가해야지 키보드가 올라왔을때 화면을 밀어준다. @override .. 공감수 0 댓글수 0 2024. 1. 17.
[Flutter] StreamBuilder State redraw 이슈 최근에 채팅 관련 모듈을 개발하면서, StreamBuilder를 사용했다. 해당 사용할때 이슈가있었는데 해당 부분에 대해서는 아래와 같다. * 채팅 입력 * 채팅 내용 위와 같이 두개의 State를 가지는 위젯들이 있었다. 해당 채팅 내용을 입력할때, 키보드가 위로 올라가면서 화면을 가리는 이슈때문에, 해당 키보드 때문에 화면이 밀리면 다시 그려주게끔 개발을 해놨다. 해당 부분 때문에 StreamBuilder에서 계속 값을 재 connection을 시키려고했다. 해당 이슈로 인해, 조금만 클릭해서 progressbar가 돌았고, 나도 돌았다. 해결 방법은 생각보다 간단하다. 아래와 같이 stream으로 받아오는 변수를 밖으로 빼면 된다. 소스코드는 아래와 같다. import 'package:flutter.. 공감수 0 댓글수 0 2024. 1. 17.
[AWS] EC2 장애 반복 잘 동작하는 서버가 갑자기 동작을 안한다. 특정 시간이 지나면 장애가 발생하는 것인데, 아래와 같이 인스턴스가 다름을 확인했다. 상태 검사가 이 EC2는 1개가 실패한것이다. 아래와 같이 로그를 확인했다. 특정 이슈로 보이는 부분을 발견했다. [[0;32m OK [0m] Finished [0;1;39mRecord successful boot for GRUB[0m. Starting [0;1;39mGRUB failed boot detection[0m... [[0;32m OK [0m] Started [0;1;39mSystem Logging Service[0m. [[0;32m OK [0m] Started [0;1;39mUser Login Management[0m. [[0;32m OK .. 공감수 0 댓글수 0 2024. 1. 6.
[flutter] 앱에 광고 달기 앱에 광고를 달자 애드몹에 회원가입하고 프로젝트를 연결하는 법 등등은 그냥 보면 알수 있다. 정리를 해도, 사용자 인터페이스가 변경되면 의미가 없어서 패스 무튼, 애드몹의 가입 및 연동을 완료해서 앱 ID가 발급 되었다는 이후 부터 진행한다. 1. 플러터 의존성 추가 flutter pub add google_mobile_ads 2. aos, ios 설정 AOS -manifest.xml ... IOS - info.plist GADApplicationIdentifier [YOUR iOS APP ID] LSRequiresIPhoneOS SKAdNetworkItems SKAdNetworkIdentifier cstr6suwn9.skadnetwork SKAdNetworkIdentifier 4fzdc2evr5.ska.. 공감수 0 댓글수 1 2023. 12. 30.
[Flutter] Icon launcher 사용하기 앱의 아이콘에 대한 리소스를 자동으로 세팅해주는 라이브러리이다. 1. 아이콘 이미지를 assets하위에 세팅한다. 2. flutter dev환경에서 해당 라이브러리르 import 한다. flutter pub add flutter_launcher_icons --dev 3. ./flutter_launcher_icons.yaml 생성 및 해당 파일 내용 추가 flutter_icons: ios: true android: true image_path: "assets/images/app_icon.png" remove_alpha_ios: true 4. 라이브러리 실행 flutter pub run flutter_launcher_icons:main 해당 과 같이 하면, 아이콘이 정상적으로 등록되어, aos,ios에 맞게.. 공감수 0 댓글수 0 2023. 12. 19.
[Flutter] IOS 애플 로그인, 회원탈퇴 IOS 의 심사 과정은 굉~장히 빡세다. 특히 애플은 소셜 로그인이 달려있으면, 애플 로그인이 무조건 달려있어야 하고 로그아웃시 애플 과 연동을 끊었는지를 무조건 본다. 이에 애플 로그인 로그아웃을 정리한다. 애플 디벨로퍼 내용은 조금 어려울 수도있고, 복잡해 보이는데 크게는 그냥 3가지이다. Certificates,Identifiers,Key 이렇게 추가를 해주고 서로 매핑 시켜준다고 보면된다. [애플 로그인 하기] 애플 로그인 애플로그인은 뭐 기타 소셜 로그인과 같이 굉장히 쉽다. sign_in_with_apple: ^5.0.0 AppleDeveloper 설정 (Identifiers, key 생성하기) 이렇게 까지만 하면 일단, 애플 로그인을 위한 설정이 끝난다. 플러터 로그인 소스 나는 apple .. 공감수 0 댓글수 0 2023. 12. 16.
[Docker] 디스크 용량 이슈 개인 운영중인 Docker swarm에서 아래와 같은 메시지로 인해 신규 이미지를 pull할수 없었다. Error response from daemon: write /var/lib/docker/image/overlay2/.tmp-repositories.json2291754845: no space left on device 1) 리눅스 내 용량 비율 확인 ubuntu@ip-172-31-41-56:~$ df -h Filesystem Size Used Avail Use% Mounted on /dev/root 7.6G 7.6G 0 100% / tmpfs 475M 0 475M 0% /dev/shm tmpfs 190M 21M 170M 11% /run tmpfs 5.0M 0 5.0M 0% /run/lock /dev/.. 공감수 0 댓글수 0 2023. 12. 9.
[Spring] Smtp 서버 연동 필요에 의해서 알림을 메일로 전송해야하는 기능을 개발해야해서 gmail smtp 서버를 연동해보려고한다. 1. Google 보안 설정 진행 하기, 2단계 인증하기 https://myaccount.google.com/u/0/security?pli=1 Google 계정 myaccount.google.com 2. 앱 비밀번호 설정 3. 앱만들기를 하면 자동으로 비밀번호를 알려준다. 의존성 주입 implementation 'org.springframework.boot:spring-boot-starter-mail' 설정 파일 spring: mail: host: smtp.gmail.com port: 587 username: ${MAIL_USERNAME} password: ${MAIL_PASSWORD} propert.. 공감수 0 댓글수 0 2023. 11. 29.
[Flutter] Rendering Object 오류 Usually, this means that the Expanded widget has the wrong ancestor RenderObjectWidget. Typically, Expanded widgets are placed directly inside Flex widgets. The offending Expanded is currently placed inside a SizedBox widget. 가끔 Expanded를 붙이면 발생하는 오류이다. 이 에러를 해결하기 위해서는 위젯의 상관관계를 알아야 한다. 그냥 무턱대고 쓰면 안되고 Column이나 확장 가능한 위젯 내에서만 사용가능하다. child: Expanded( child: SingleChildScrollView( scrollDirection:.. 공감수 0 댓글수 0 2023. 11. 27.
[Flutter] imagePicker 관련 설정 Android //android/app/src/debug //android/app/src/profile //android/gradle.properties android.useAndroidX=true android.enableJetifier=true IOS Runner/info.plist NSCameraUsageDescription $(PRODUCT_NAME) camera description. NSPhotoLibraryUsageDescription $(PRODUCT_NAME) photos description. NSBonjourServices _dartobservatory._tcp 위 두가지 플랫폼에 해당 사항을 추가해줘야 관련 카메라와 갤러리 접근이 가능하다. 공감수 0 댓글수 0 2023. 11. 22.
[Flutter] Naver 로그인 1. naver developer 사이트 설정 2. ios. info.plist naverConsumerKey ??? naverConsumerSecret ????? naverServiceAppName ???? 3. aos manifest.xml 4. 디펜던시 추가 (Pubspec.yaml) flutter_naver_login: ^1.6.0 5. 네이버 로그인 관련 소스 import 'package:flutter_naver_login/flutter_naver_login.dart'; import 'package:google_sign_in/google_sign_in.dart'; import 'package:myvalue/util/chat/widget/message.dart'; import 'package:my.. 공감수 0 댓글수 0 2023. 11. 21.
[Flutter] PortOne 결제 모듈 연동 1. pubspec.yaml 에 의존성 추가 iamport_flutter: ^0.10.0 2.IOS 설정 info.plist에 아래 3가지를 등록 해야한다. 2-1. 앱 스킴 등록 외부 결제 앱이 호출되고 다시 돌아오기위해 필요한 앱스킴을 등록한다. URL types > item0 > URL Schemes > item 0에 해당하는 Scheme을 작성한다. 2-2. 외부 앱 리스트 등록 아래의 리스트들을 등록해준다. LSApplicationQueriesSchemes kftc-bankpay ispmobile itms-apps hdcardappcardansimclick smhyundaiansimclick shinhan-sr-ansimclick smshinhanansimclick kb-acp mpocket.o.. 공감수 0 댓글수 1 2023. 11. 14.
[AOS] ADB memory 부족으로 인해 오류 시 대처 android.os.ParcelableException: java.io.IOException: Requested internal only, but not enough space 위와 같은 오류로 애뮬레이터에 대한 실행이 안될때가 있다. 디바이스 매니저를 클릭해주고 해당 애뮬레이터를 swipe data를 해준다. 위와 같이 진행해주면 메모리가 넉넉해져서 다시 실행이 가능해진다. (단 애뮬레이터는 꺼야함) 공감수 0 댓글수 0 2023. 11. 12.
[Flutter] Firebase auth + Google login 구현 Google 로그인 관련 정리 기존 파이어베이스 관련 프로젝트 설정을 완료했다고 가정한다. 1. Firebase auth 세팅 프로젝트 설정에서 google signup 설정을 해준다. 2. 구글 로그인 의존성을 추가해준다. flutter pub add google_sign_in 3. 뷰모델과 로그인 구현체 import 'package:kakao_flutter_sdk_user/kakao_flutter_sdk_user.dart'; import 'package:myvalue/util/login/http/login-httpapi.dart'; import 'package:myvalue/util/login/widget/social/kakao/kakao_login.dart'; import 'package:myval.. 공감수 0 댓글수 0 2023. 11. 12.
[Flutter] Auto Serializable 플러터 사용중 자동으로 역직렬화와 직렬화를 가능하게 해주는 라이브러리를 사용해야겠다고 생각했다. 손수 직접 매핑을 해줬는데 이 작업이 상당히 귀찮아 졌다. dart pub add dev:json_serializable dev_dependencies: flutter_test: sdk: flutter build_runner: ^2.0.0 json_serializable: ^6.7.1 import 'package:json_serializable/json_serializable.dart'; 위 작업으로 관련 클래스에서 사용할 수있다. 자동 Factory 메소드를 생성을 해주는데, 직접 매핑을 관여한다. 관련되서 사용법은 아래와 같다. 아래와 같이 명시만 해놓은 파일이 있다고 가정한다. import 'packag.. 공감수 0 댓글수 0 2023. 11. 12.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.