코딩병원

[AWS] EC2 프리티어 용량 + 메모리 늘리기

AWS EC2 프리티어를 사용할 경우 예상치 못한 문제에 직면할 수 있습니다. 그중 하나가 바로 배포 도중 "Killed"라는 메시지가 나타나며 설치나 배포가 중단되는 문제입니다. 이는 EC2 인스턴스의 메모리가 부족할 때 발생하는 흔한 현상입니다. AWS EC2 프리티어 인스턴스는 기본적으로 메모리가 1GB로 제한되어 있습니다. 작은 프로젝트의 경우 이 정도 메모리로 충분할 수 있지만, 프로젝트의 의존성이 많거나 빌드 과정에서 많은 메모리를 필요로 할 경우 메모리 부족 문제가 발생할 수 있습니다. 이때 시스템은 메모리가 부족하면 프로세스를 중단시켜 "Killed" 메시지를 발생시킵니다. 저 역시 이 문제를 겪으면서 해결 방법을 찾아보았고, 메모리와 스왑 메모리를 추가해 해결할 수 있었습니다. 이 글..

1. 웹개발/1_2_1 AWS 2024. 11. 2. 15:33

[AWS] EC2 NGINX를 이용한 무료 SSL 적용 방법 (feat, Let's Encrypt)

EC2 인스턴스에 NGINX를 사용하여 SSL을 적용하는 방법은 다음 단계로 진행할 수 있습니다. 일반적으로 무료 SSL 인증서는 Let's Encrypt를 사용하며, certbot을 이용해 쉽게 SSL 인증서를 발급하고 NGINX에 적용할 수 있습니다. 저는 우분투 환경에서 진행하였습니다. 참고바랍니다:) 1. NGINX 설치 (이미 설치되어 있으면 이 단계는 건너뛰세요)sudo apt updatesudo apt install nginx 2. NGINX 활성화 및 시작sudo systemctl enable nginxsudo systemctl start nginx 3. 도메인 설정 (도메인이 필요함)Let's Encrypt로 SSL 인증서를 발급받으려면 도메인이 필요합니다. 도메인을 이미 연결한 상..

1. 웹개발/1_2_1 AWS 2024. 10. 26. 11:30

[AWS] EC2 인스턴스 서로 다른 계정과 공유하는 방법

AWS에서는 EC2 인스턴스를 운영할 때, 다양한 이유로 인스턴스를 다른 계정과 공유하거나 복제해야 하는 상황이 발생할 수 있습니다. 이때 AMI(Amazon Machine Image)를 사용하면 EC2 인스턴스의 상태를 빠르고 간편하게 복사하거나 다른 계정에 공유할 수 있습니다. 이번 글에서는 EC2 스냅샷을 통해 AMI를 생성하고, 이를 다른 AWS 계정으로 공유한 후 새로운 계정에서 해당 AMI를 사용해 인스턴스를 생성하는 방법을 단계별로 자세히 설명하겠습니다. 이 과정을 이해하면 AWS 환경에서 더 유연하게 인프라를 관리하고 확장할 수 있을 것입니다. [AMI 생성 및 공유 (A 계정에서 B 계정으로)]1. 스냅샷에서 이미지 생성AWS 콘솔에서 스냅샷을 선택한 후, 이미지 생성 버튼을 클릭합니다...

1. 웹개발/1_2_1 AWS 2024. 10. 19. 17:35

[AWS] EC2 인스턴스 백업하기 (스냅샷 생성)

AWS EC2 인스턴스를 운영하다 보면, 데이터 백업은 매우 중요한 관리 요소 중 하나입니다. 특히, 시스템 장애나 데이터 손실이 발생할 경우 신속하게 복구할 수 있는 백업 체계가 필수적입니다. EC2 인스턴스의 데이터를 백업하는 가장 효율적인 방법 중 하나가 바로 EBS 스냅샷을 활용하는 것입니다. 스냅샷을 통해 기존 인스턴스의 데이터를 손쉽게 백업할 수 있을 뿐만 아니라, 필요 시 다른 계정으로 데이터를 이전하거나 복구할 수도 있습니다. 지금부터는 EC2 인스턴스에 대한 스냅샷 생성 방법에 대해 알아보겠습니다. 1. EC2 인스턴스에서 스토리지탭을 클릭하여 볼륨 ID를 클릭하면 볼륨 페이지로 이동됩니다. 2. 볼륨 페이지로 이동해서 볼륨 ID를 클릭해줍니다. 3. 우측의 작업 버튼을 클릭해서 스..

1. 웹개발/1_1_3 Ajax 2024. 10. 12. 17:36

[AWS] RDS MySQL 데이터베이스 생성

이번 포스팅에서는 AWS에서 제공하는 클라우드 기반 관계형 데이터베이스 서비스인 RDS를 생성하는 방법을 소개하겠습니다. RDS(Relational Database Service)RDS는 AWS에서 제공하는 완전 관리형 관계형 데이터베이스 서비스입니다. 이 서비스는 데이터베이스 관리의 복잡성을 줄이고, 운영 효율성을 높여주는 클라우드 기반 솔루션으로, 사용자는 데이터베이스의 성능, 보안, 확장성에 집중할 수 있습니다. RDS 생성 과정1. RDS 대시보드에서 데이터베이스 생성 버튼 클릭 2. MySQL 선택 및 엔진 버전 설정MySQL을 선택하고, 원하는 버전으로 엔진 버전을 설정하고 프리티어(거의 무료 사용 가능)를 선택합니다. 3. DB 인스턴스 식별자 및 마스터 사용자 정보 입력데이터베이스 인스..

1. 웹개발/1_2_1 AWS 2024. 10. 5. 15:43

[AWS] 서로 다른 계정에서 RDS 데이터 복사하는 방법 (feat. MySQL Workbench)

MySQL Workbench를 사용해 서로 다른 계정 간에 RDS 데이터베이스를 복사하는 것은 가능합니다. 가장 일반적인 방법은 데이터 덤프를 생성한 후 이를 다른 계정으로 가져오는 방식입니다. 이번 글에서는 MySQL Workbench의 데이터 내보내기 기능을 이용해 데이터 덤프를 생성하고, 이를 다른 계정으로 복사하는 방법을 알아보겠습니다. 1. 데이터 덤프 생성MySQL Workbench에서 데이터를 내보내는 기능을 사용하여 원본 RDS 데이터베이스의 데이터 덤프를 생성할 수 있습니다. MySQL Workbench를 열고 원본 RDS 데이터베이스에 연결합니다.메뉴에서 Server > Data Export로 이동합니다. 내보낼 데이터베이스와 테이블을 선택하고, 필요한 설정을 선택한 후 Start E..

1. 웹개발/1_2_1 AWS 2024. 9. 28. 11:26

[AWS] 내도메인 한국 만료일 연장하기

이번 글에서는 내도메인 한국에서 도메인 만료일을 연장하는 방법에 대해 포스팅하려고 합니다. 내도메인 한국이라는 사이트를 아시나요? [내도메인 한국]한국 내에서 도메인 등록 및 관리를 지원하는 웹사이트로, 개인 또는 기업이 자신만의 고유한 웹사이트 주소를 등록할 수 있도록 돕는 플랫폼입니다. 도메인은 디지털 공간에서 나만의 주소를 의미하며, 내도메인 한국에서는 .kr, .com 등 다양한 도메인 확장자를 선택해 등록할 수 있고, 도메인을 한국어로도 지원해 줍니다. 이 외 다른 플랫폼으로는 카페24, 가비아를 예로들 수 있습니다. 저는 내도메인 한국이 무료이기 때문에 내도메인 한국을 선택했습니다. 내도메인 한국의 주요 특징간편한 도메인 등록: 사용자가 원하는 도메인을 빠르고 쉽게 검색하고 등록할 수 있는 간..

1. 웹개발/1_2_1 AWS 2024. 9. 21. 10:57

[에러 해결] Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

이번 글에서는 아래 에러에 대해서 다루어 보겠습니다.Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. [에러 원인]위 에러 메시지는 React 컴포넌트의 타입이 잘못되었음을 의미합니다. 즉, React는 문자열(내장 컴포넌트)이나 클래스/함수(사용자 정의 컴포..

1. 웹개발/1_1_8 Error Handling 2024. 9. 1. 11:50

[에러 해결] Prop `className` did not match ~ in Next Js

Next.js로 토이프로젝트를 진행하던 도중에 아래와 같은 오류가 발생하였습니다.warning: Prop `className` did not match. Server: "MuiFormControl-root sc-iKTcqh gwSKiw css-1nrlq1o-MuiFormControl-root" Client: "MuiFormControl-root sc-gJhJTp gehcyX css-1nrlq1o-MuiFormControl-root" [발생 원인]저는 Next.js로 styled-components와 Material-UI를 사용하고 있었습니다. 그런데 왜 이런 경고가 발생했을까요?이 경고는 서버에서 렌더링된 클래스 이름과 클라이언트에서 렌더링된 클래스 이름이 일치하지 않아서 발생합니다. 주로 SSR환경에..

1. 웹개발/1_1_8 Error Handling 2024. 8. 24. 11:55

[AWS] [조치 필요] Amazon RDS and Amazon Aurora SSL/TLS 인증서 업데이트 방법

AWS에서 RDS로 데이터베이스를 운영하고 있다면, 아래와 같은 메일을 받으셨을 겁니다. "[조치 필요] 2024년 8월 22일까지 Amazon RDS and Amazon Aurora SSL/TLS 인증서를 업데이트하세요." 이 메일을 받은 이유는 메일 본문에 적혀져 있듯이, SSL/TLS CA 인증 만료에 대한 알림으로 만료되는 인증서가 있기 때문에 갱신하라는 이유입니다. 이번 글에서는 인증서를 어떻게 갱신하는지에 대해 알아보겠습니다. 1. 인증서 다운로드아래 링크에서 해당하는 리전의 번들 .pem을 다운받으시면 됩니다. 저의 경우 ap-northeast-2-bundle.pem 전이여서 빨간 박스의 .pem을 다운로드 하였습니다. https://docs.aws.amazon.com/ko_kr/Amaz..

1. 웹개발/1_2_1 AWS 2024. 8. 17. 11:37

ESLint와 Prettier로 코드 자동 정렬 설정 with Airbnb

코드를 저장할 때 자동으로 정렬하거나 포맷팅해주는 기능을 적용하려면 ESLint와 Prettier를 함께 사용해야 합니다. 이번 글에서는 Next.js와 TypeScript 프로젝트에 ESLint와 Prettier를 설정하는 방법을 기록하겠습니다. 1. ESLint 및 Prettier 설치먼저 필요한 패키지들을 설치합니다.npm info "eslint-config-airbnb@latest" peerDependencies; 2. Prettier 설정 파일 생성프로젝트 루트에 .prettierrc 파일을 생성하여 Prettier 설정을 추가합니다.{ "endOfLine": "lf", "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": ..

1. 웹개발/1_1_6 Next JS 2024. 8. 10. 20:01