본문 바로가기

반응형

분류 전체보기

(399)
[나만의 명언집 프로젝트] AWS RDS Postgres 연결 후 EC2 인스턴스와 연결하기(2) | EC2 에서 RDS 접속하기 [이전 포스트] RDS 생성하기 [나만의 명언집 프로젝트] AWS RDS Postgres 연결 후 EC2 인스턴스와 연결하기(1) | RDS 생성 포스트 목적 현재 나만의 명언집 프로젝트에서 데이터베이스는 ec2 내부에 구성이 되어 있습니다. 이는 ec2 라는 가상 컴퓨터가 예상치 못한 문제로 종료되는 경우, 그 내부에 있는 데이터베이스 duklook.tistory.com 포스트 목적 이번에는 앞서 포스트에서 생성한 RDS 에 EC2 인스턴스에서 접속하는 방법에 대해서 정리해봅니다. 우선 SSH 클라이언트를 통해 EC2 인스턴스에 접속해둔 상태임을 감안하고 진행합니다. RDS 의 엔드포인트, 포트번호, 데이터베이스 이름 등 확인하기 RDS 검색 후 좌측 카테고리에서 [데이터베이스] 를 클릭하고, 우측 중..
[나만의 명언집 프로젝트] AWS RDS Postgres 연결 후 EC2 인스턴스와 연결하기(1) | RDS 생성 포스트 목적 현재 나만의 명언집 프로젝트에서 데이터베이스는 ec2 내부에 구성이 되어 있습니다. 이는 ec2 라는 가상 컴퓨터가 예상치 못한 문제로 종료되는 경우, 그 내부에 있는 데이터베이스의 영속성에도 치명적일 수 있는데요. 이를 사전에 방지하기 위해서 AWS RDS 를 통해 데이터베이스 또한 별도로 관리하기로 결정하였습니다. 따라서, 해당 포스트는 RDS 생성 후 EC2 에 연결하는 그 과정을 정리하는 것을 목적으로 합니다. AWS RDS 생성 RDS 데이터베이스 생성 우선 지역은 [서울]을 선택하고, [데이터베이스 생성] 을 클릭한다. 데이터베이스 생성방식 및 엔진유형 선택 사용자가 직접 옵션을 일일이 지정 가능한 [표준생성] 을 클릭하고, 엔진 유형에서 사용하고자 하는 데이터베이스를 선택한다. ..
aws ec2에서 npm install 이 실패하였습니다.. 알고 보니 권한 문제였다는데,, 혹시 여러분도?? 문제상황 로컬에 있는 NextJS 프로젝트 파일을 EC2 에 올린 뒤 npm install 하는 경우 package.lock.json 파일에 대한 권한이 사용자에게 없음으로 설치가 실패하는 문제가 생겼습니다. 이 상황에서 관리자 권한으로 npm install 을 시도하니 이제는 npm 라는 커맨드는 존재하지 않는다고 뜨니, 이러지도 저러지도 못하는 상황이였죠.. 역시 모르면 검색도 하고 지피티 한테도 물어보고 하는게 옳은 방향이니 이것저것 검색해보았더니, npm의 접근 경로를 수정하는 법이라던지, 사용자의 권한을 확인해서 수정하는 방법 등의 여러 방법들이 있었습니다. 저는 그 중에서 현재 상황에 맞다고 판단되는 권한에 맞게 파일을 다시 재설치 하는 작업을 수행하기로 결정했습니다. 개선과정 사용자 권한 확..
[나만의명언집] NextJS, Posgres 기반 앱을 EC2에 천천히 배포해보자(with WIndow 10 , PUTTY, PSCP, 아마존 리눅스) 포스트 목적해당 포스트는 나만의 명언집 프로젝트를 AWS EC2 에 배포하는 과정을 정리하는 것을 목적으로 합니다. 다양한 EC2 배포 포스트를 보았지만, 각 과정에서 해당 명령어의 설명이나 이러한 순서를 지키는 목적 등에 대한 언급이 거의 없었습니다. 이로 인해 왜 그 과정을 거치는지에 대한 이해도 없이 따라만 하기에 급급해질 것 같았기에 최대한 이를 공부하며 지니가자는 마음으로 부연 설명을 곳곳에 적으며 정리하였습니다. 따라서 빠르게 EC2 배포를 진행하고자 하시는 분들이라면 다른 분들의 포스트를 참고하시는 것을 권장합니다. Route 53 으로 도메인 발급받기 이미 도메인이 있다면, 이 과정은 건너 뛰어도 됩니다. 만일 새로 발급받아야 한다면, 이 과정을 따라가며 하나 발급받는 것도 좋을 것 같습니..
[모음집] 개발과 관련해서 읽어보기 좋은 아티클을 정리해 보았습니다. 들어가기 전 요새 일일일이나 운영중인 해외문서를 번역하여 올려주시는 일을 해주시는 분들이 많아서 구독하며 매일 확인하고 있는데요. 매번 참고하고 즐겨찾기 해두기만 하니 관리하기가 점점 어려워지더라구요. 그래서 개인적으로 알게 된 좋은 아티클이라던지, 공유받아서 알게된 좋은 내용들을 정리해두면 어떨까? 라는 생각이 들면서, 오늘 이렇게 모음집 형태로 정리해 보게 되었습니다. 현재 이 포스트는 내용이 추가될 때 마다 그 날짜를 기준으로 갱신되는 형태를 취하기 때문에, 현재는 내용이 부족하더라고 계속해서 추가해 나갈 것이라는 점 참고 부탁드립니다. NodeJS Event Loop 파헤치기 노드JS에서 중요한 개념인 이벤트 루프에 대한 깊은 내용을 살펴볼 수 있는 블로그입니다. 2021년도에 작성된 글로 직방에..
[버전관리] 먼지 쌓인 종속성을 클린하게! (with npm) 포스트 목적 이전에 만들었던 개인 프로젝트를 유지보수 하기 위해 살펴보던 중 package.json 에 설치된 많은 종속성이 오래된 것을 확인하였습니다. 이를 쉽게 업데이트하기 위해 어떠한 도구를 사용하였는지 정리해보고, 그 결과를 공유하고자 하는 취지로 작성되었습니다. 소개할 패키지 : npm-check-udates 해당 npm 사이트에서도 소개되었듯이 react": "^16.0.4""react": "^18.2.0 와 같이 설치된 종속성은 npm install 을 하더라도 package.lock.json 에 입력된 기준으로만 패키지를 설치하므로 종속성이 최신 버전으로는 업데이트 되지 않고 고정 됩니다. 하지만 npm-check-updates (링크 클릭 시 이동)를 사용하면, 기존 종속성과는 별개로 l..
[React] 테스팅의 친구, userEvent 이해하기 with 예제 코드 포스트 목적 userEvent 를 빠르게 이해하고, 테스트에 적용하기 위한 목적으로 userEvent 가 가지는 핵심 메서드에 대해 정리 하였습니다. 예시는 최대한 공식문서의 내용을 참고해서, 이러한 예시로 사용할 수 있겠구나 싶은 것으로 작성해 보았습니다. userEvent.click(element, [options]) 주어진 엘리먼트를 클릭합니다. 옵션 객체를 제공하여 Shift, Ctrl 및 Alt 키와 같은 수정자를 추가할 수 있습니다. import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; test('Clicking a button', () => { con..
[JS] 흔히 블로그에서 자동으로 생성되는 목차는 어떻게 만드는 걸까? 기존에 작성된 포스트가 갱신되어 최신 날짜를 기준으로 업데이트 되었습니다(2024/03/10 기준) 자동 생성 목차란? 임의로 이름을 붙였지만, 이름 그대로 h1,h2,h3 등의 제목 태그를 이용해서 헤드를 작성하면, 해당 헤드로 이동하는 리스트가 생성되고, 사용자는 이 목차를 이용해서 해당 콘텐츠로 즉시 이동할 수 있도록하는 기능이다. 만들게 된 배경 개발 공부를 하면서, 이러한 자동 생성 목차를 사용하는 블로그나 공식 사이트를 많이 봤지만, 블로그의 글을 작성하면서 굳이 적용할 필요성은 느끼지 못했다. 그러나, 내가 작성한 글을 다시금 참고하려고 하는 일상이 반복될 때, 어느 순간 마우스 휠을 이용해서 일일이 스크롤 이동하는 것이 너무 불편하게 느껴졌다. 따라서 편의성을 높이기 위해 해당 기능을 한 ..

반응형