FullStack/[AWS|Next.js] 개인홈페이지 개발기

기획

jinyess 2024. 9. 4. 09:15
1. 도메인부터 결제하기

 

- 후이즈에서 도메인 고민 끝에 구매! https://jinyess.dev

- 소유기간 5년에 할인받고 최종 결제금액은 197,400원

    - 도메인 등록 165,000원 

    - 블라인드 신청 48,000원

 

고민하다가 복지포인트로 구매 감행했다 ^0^

 

2. AWS 설정 구성

 

AWS 계정부터 새로 만들고 서버 구성

# VPC 부터 네트워크 연결까지

 

- 계정 보안 설정

     - IAM 설정으로 보안

     - 멀티 팩터 인증(MFA)

 

- VPC부터 EC2 인스턴스 연결

     1. 아시아/서울 리젼의 VPC  생성 

          - DHCP 옵션 세트 설정

          - DNS 확인 활성화, DNS 호스트 이름 활성화 설정

     2. 서브넷 생성

          - 퍼블릭 IPv4 주소 자동 할당 활성

          - 서브넷 4개 설정

     3. 인터넷 게이트웨이 생성

          - 인터넷 게이트웨이 설정 후 VPC ID 연결

     4. 라우팅 테이블에 등록

          - VPC ID 연결 

          - 0.0.0.0/0으로 들어왔을 때 3번에서 설정한 인터넷 게이트웨이로 연결 설정 추가

          - 서브넷을 추가해서 라우팅 테이블과 연결 

 

- 네트워크 ACL 설정 

     1. VPC 연결 후 인바운드/아웃바운드 규칙 설정

     2. 서브넷 연결

 

- 인스턴스 설정 부터 https 보안 설정

     1. 인스턴스 연결하여 탄력적IP 설정

     2. 대상그룹 설정해서 지정한 프로토콜 및 포트 번호를 사용해 개별 대상으로 요청을 라우팅

     3. 로드밸런서 리스너 및 규칙으로 443 포트와 80포트를 설정

 

3. 프론트엔드 페이지 개발

 

- 환경 배포를 위해 Docker 구성

     - Nginx 80 포트와 서비스 하고 있는 3000 포트를 Proxy 로 연결하여 서비스

 

 

# AWS 인프라 # 도커 구성도

 

'FullStack > [AWS|Next.js] 개인홈페이지 개발기' 카테고리의 다른 글

도커 프론트엔드 소스코드 배포  (0) 2024.09.04
AWS 구축기  (0) 2024.09.04