2023.09. 개발 궁금증 링크 일기

[ 키워드 목록 ]

 

지난 일기

2023.01. 개발 궁금증 링크 일기

2023.02. 개발 궁금증 링크 일기

2023.03. 개발 궁금증 링크 일기

2023.08. 개발 궁금증 링크 일기

 

 

WebSocket 통신 (Socket.IO)

서버와 클라이언트 소켓 연결 안정성 체크를 위해 ping/pong 이벤트 구현을 알아보는 중

[블로그] node.js + socket.io 에서 일정시간 이후 socket closed 되는 문제

 

JS & TS 문법

강의를 듣던 중 ...opntions를 사용하시는 것을 보고 라이브러리 모듈 가져다 쓸 때 종종 보이던 ...에 대해 궁금해짐

이것도 분명 한 문법인데 대체 뭘까?

[블로그] 자바스크립트 {...} [...] 문법 (비구조화 할당/구조분해 할당)

 

AWS

AWS ECR과 ECS를 활용해보고 싶은데 지난 달 원티드 백엔드 온보딩했을 때 당시 느끼기로는 공부할 것들이 너무 많아보여서 지금은 물리서버에 익숙한 내가 EC2로 돌리는 게 더 나을까? 라는 생각이 들고 있다. 그래서 코딩애플 영상에서 예전에 AWS Elastic Beanstalk을 봤던 기억을 되살려 그걸 써보면 어떨까 싶다.

아? App Runner라는 것도 소개했었구나? 이건 컨테이너를 위한 서비스라고? 오호... 우선은 Beanstalk에 더 관심!

 

load balancing, auto scaling, API monitoring, version control, logging 등을 알아서 다 해준다.

cpu 한 대인 건 알고 있었는데 램이 1기가에 하드는 5기가로구나..

[블로그] [AWS] 💰프리티어 요금 폭탄 방지 💸 - 무료 사용량 정리

 

사용 방법이 너무나도 간단해서 백엔드 개발용으로는 Elastic Beanstalk을 선택.

백엔드 aws beanstalk을 검색했더니 프론트는 netlify로 배포하는 구성이 많이 떠서 팀원에게 해당 내용 공유 후 좀 더 알아보니 netlify는 https 기본이다보니 http 기본인 상태에서는 서로 요청과 응답이 안되나보다. 어차피 회사 업무로 인증서 갱신이 필요해서 따로 공부하려고 했던 건데 이렇게 만나니 또 반갑네. 이 김에 알아보자.

 

[블로그] AWS의 Certificate Manager로 SSL 인증서 발급 받기

무료 도메인으로 AWS Route53에 도메인을 등록하고 AWS Certificate Manager로 SSL 인증서 설정해 보기

[블로그] ec2 web app https

[블로그] AWS EC2 인스턴스에 고정 IP (Elastic IP) 연결하기

고정 IP 발급은 Elastic IP, 도메인을 Route 53에 작업하고, SSL/TLS 인증서는 ACM(AWS Certificate Manager)에서 발급하는군!

IP는 인스턴스에 연결되어 있지 않으면 요금이 과금되는데, 시간당 $0.005이 과금되므로 한 달에 약 3,600원 정도라고 한다. 이 정도면 돈 쓸만 하지!

EC2에 연동하는 내용들만 있기 때문에 내게 필요한 Beanstalk과의 연결성을 찾아봐야겠다.

[블로그] Elastic Beanstalk 다중 인스턴스에 동일한 탄력적 IP 부여하기

NAT 게이트웨이를 설정해야 하는군! 읽어보니 공유기 설정하는 것과 같아 보인다. 추가적으로 공부가 필요하다.

[블로그] 고정된 IP를 통과해 Elastic Beanstalk 접근하기

[AWS 개발자 안내서] Amazon VPC에서 Elastic Beanstalk 사용

매번 배포할 때마다 로컬에서 압축파일로 만들어서 배포한다는 것은 말이 안되니까 S3를 활용해보도록 해야겠다. 여기에 CI/CD 파이프라인을 구축해봐야지.

[AWS 개발자 안내서] Amazon S3에서 Elastic Beanstalk 사용

[블로그] AWS S3 버킷을 이용한 CI/CD Pipeline 구축

 

npm package - dependencies와 devDependencies 차이

[블로그] [Npm] npm install --save와 --save-dev의 차이점

두 가지를 구분해서 설치하고 사용하긴 했지만 막상 npm install을 하면 모두 설치가 되기에 production과 development 구분을 주는 이유가 궁금했다. 설치할 때부터 차이를 줄 수 있는 거였구나!! 를 지금 알게 됐네.

-- depndencies만 설치하려고 할 때
$ npm install --only=production
-- 혹은
$ npm i --only=prod

--devDependencies만 설치하려고 할 때
$ npm install --only=development
-- 혹은
$ npm i --only=dev

 

Log 파일 생성

[블로그] [winston] How to customize timestamp format. (to local timezone) 날짜 시간 포맷을 로컬 타임존으로 변경하기

[블로그] winston timestamp 서울 시간으로 변경하기

 

공동 편집 - 코드 편집기 공유

[블로그] [TIPS] VScode 확장프로그램 Live Share

[공식문서] Visual Studio Code의 공동 작업 세션에서 공동 작업, 팔로우 및 집중

 

 

티스토리 목차 설정

개발이랑 상관 없는 부분이긴 한데 이 블로그가 내게 노트 겸용이기도 하니까
[블로그] 티스토리 목차 자동으로 만드는 방법

설정 완료!