profile
Web Developer
post-thumbnail

정해진 시간에 scp로 파일을 받고 DB에 적재하기 (nodejs)

node-scp, node-scheduler를 사용해 실시간 시스템을 구현한다.

2022년 12월 2일
·
0개의 댓글
·
post-thumbnail

코드에서 config 부분을 분리하기 (nodejs)

MySQL 접속 정보 등 기밀정보를 포함한 설정 정보를 코드에서 분리하자

2022년 11월 30일
·
0개의 댓글
·
post-thumbnail

IndexedDB를 사용한 CRUD 구현

프로젝트 요구사항에 맞는 웹 스토리지를 사용하여 JS로 구현한다.

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

Nginx를 사용한 이미지 서버 구축

Nginx 설정을 통해 이미지 서버를 구축한다.

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

Sentry 설정, 슬랙 연동 (Nodejs)

Sentry는 코드의 오류를 식별하고 분류하는데 도움이 되는 외부 모니터링 및 로깅 서비스를 제공함모든 로그를 기록하는 것이 아닌 error 로그만 기록되어짐코드 상에서 errorHandler 를 통해 특정 error code(404, 500) 등만을 에러로 식별할 수

2022년 10월 14일
·
0개의 댓글
·
post-thumbnail

AWS ALB에서 grpc 사용하기

현재 사내에서 사용하고 있는 인프라에서 grpc 프로토콜로 통신하는 것이 있다.기존에는 NLB(네트워크 로드밸런서)를 사용하여 구축했었지만, 새로운 인프라를 구축하면서 ALB(어플리케이션 로드밸런서)로 grpc 프로토콜로 통신하려 한다.2020년 11월 부로 ALB에서

2022년 9월 2일
·
0개의 댓글
·
post-thumbnail

EC2 메모리/디스크 용량 모니터링

목적 : 기본적으로 EC2 모니터링 지표로 CPU 사용률, 네트워크 입출력 등은 나오지만 메모리와 디스크 용량 지표는 제공되지 않는다. 메모리, 디스크 용량의 로그를 기록하며 모니터링 할 수 있게 한다.주의사항 : 이 작업은 설정에 따라 굉장히 많은 요금이 부과될 수

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

AWS 세션매니저 로깅

목적 : 누가 세션 매니저에 접속하여 어떤 작업을 했는지 확인을 위함 (로그를 저장하는 것)Session Manager > 기본 설정 탭에서 CloudWatch logging을 Enabled로 설정 → encryption은 해제 → 만든 로그 그룹 선택이렇게 설정하게

2022년 8월 31일
·
0개의 댓글
·

EBS 볼륨 확장

PM2로 실행하다보니 로그가 쌓여 EBS 볼륨이 가득차서 확장해야 하는 상황이었다.1) 스냅샷 생성EC2와 연결된 해당 EBS의 스냅샷을 생성한다.2) 스냅샷을 이용해 새로운 볼륨을 생성한다.물론, 기존 볼륨보다 크기를 늘려서 생성한다.3) 교체할 인스턴스 중지하고,

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

PM2 LOG 관리

EC2에서 PM2로 서버를 실행하고 배포한 상황인데 서버가 다운됐다.업로드중..원인은 No space left on device였다.PM2 Log가 쌓여서 EBS의 볼륨이 가득찼던 것이다.EBS의 볼륨을 늘렸고, PM2에서 로그를 자동으로 지워주고 관리하는 기능을 지원

2022년 8월 31일
·
0개의 댓글
·

윈도우에서 Redis 원격 접속하기

윈도우에서 ElastiCache Redis 클러스터에 원격 접속할 일이 생겼다.작업을 진행하기 전에 보통 private subnet에 있는 Redis에 접속할 수 있는 권한이 있는지 확인해야 한다.VPN을 통해 권한을 얻거나, Bastion EC2를 이용해 접속해야 할

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

AWS RDS 복제본, 승격

AWS 기존 인프라에서 새로운 인프라를 구축하여 인스턴스를 이전시키는 대규모 이사를 하고 있다.포스트맨에서 로그인을 하는 signin request를 던지는데 잘되는데, 회원가입을 하려는 signup request는 되지 않는 것이다.먼저 시도해볼 수 있는 방법으로

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

AWS - S3 (Nodejs)

AWS의 S3의 개념을 간단하게 정리했고 Nodejs를 이용해 버킷 생성, 업로드, 다운로드를 구현했다.

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

AWS - EC2

AWS의 EC2의 개념을 정리했다.

2022년 7월 27일
·
0개의 댓글
·

FTP 서버 간 파일 이동(node.js)

basic-ftp 라이브러리를 이용해 FTP 서버 간 파일 이동을 구현한다.

2022년 7월 13일
·
0개의 댓글
·

Redux : react의 데이터 전달

📌들어가기 전에 React에서의 컴포넌트 간 데이터 전달은 기본적으로 단일방향으로 이루어지고 state와 props를 이용해 양방향 데이터 전달을 구현할 수는 있다. 하지만, 컴포넌트가 많아지고 구조가 복잡해질때 데이터 전달을 하려면 여러 컴포넌트를 거치는 경우도 있

2022년 7월 4일
·
0개의 댓글
·

Typescript 기초(5) - Font

먼저, 구글 폰트에 접속해서 원하는 폰트를 찾자.구글 폰트폰트를 select하고 import 하자.import 할 때에는 정의해둔 GlobalStyle에 추가하면 된다.GlobalStyle 컴포넌트 내에 설정할 폰트를 작성한다.body의 폰트를 Source Sans P

2022년 6월 21일
·
0개의 댓글
·

Typescript 기초 (4) - Reset CSS

프로젝트를 시작하기 전 style 초기화를 하면 편하다.Reset CSS라고 불리는 파일의 내용을 가져오면 된다.Reset CSSReset 파일의 내용(혹은 전체 도큐먼트에 적용할 기본값, 폰트 등)을 전체 도큐먼트에 적용시키려면 Reset 파일을 설치하는것도 되지만,

2022년 6월 21일
·
0개의 댓글
·

Typescript 기초 (3) - Theme

styled-components 테마와 Typescript를 연결해야 한다.첫번째로 모듈을 설치해야 한다.모듈 설치하는 방법다음으로 src 폴더에 styled.d.ts 라는 파일명을 가진 파일을 생성한다. 이 파일은 우리가 이전에 설치해 놓은 파일들을 overwrite

2022년 6월 20일
·
0개의 댓글
·

Typescript 기초 (2) - State, Forms

useState Hook으로 준 초기값 1을 통해 counter가 number 타입으로 변경된다number 타입으로 지정되어 있기 때문에 string 타입으로 counter를 지정하면 에러가 발생한다.초기값을 준 값에 따라 type이 지정되고, type은 변경되지 않게

2022년 6월 20일
·
0개의 댓글
·