전체보기

docker-compose.yml 파일을 이용해서, backend 서버 컨테이너와 db 컨테이너를 연결하는 방법에 대해 정리해 보고자 합니다. 컨테이너 간 통신 방법 - bridge 설정 Docker 컨테이너 간 통신을 하기 위해서 각 컨테이너들은 하나의 network에 있어야 합니다. 기존에는 links를 이용해서 연결이 가능했지만, networks의 도입으로 곧 deprecated 되므로 networks를 사용합시다. (links will be deprecated) networks는 docker-compose 파일을 이용해 설정이 가능한데 그 방법은 아래와 같습니다. version: '3.8' services: frontend: container_name: habits_frontend # ... ne..

현재 백엔드에서 AccessToken을 쿠키에 심어서 프론트로 전달하고 있었다. 근데, 프론트에서 보낸 Request에서 Cookie를 꺼내서 validate을 하려고 보니 undefined가 뜨는 것이었다. 간단하게 해결해 보자. request.cookies undefined 내가 쿠키를 추출하고자 했던 방법은 아래와 같았다. 하지만, cookie는 undefined로 나왔다. 분명히 예전에 이렇게 추출했었는데.... 왜 그런지 살펴보니 parser를 설치해줘야 한다. super({ jwtFromRequest: ExtractJwt.fromExtractors([ request => { const cookie = request.cookies; console.log('cookie', cookie); retu..

한 컴퓨터에서 여러개의 깃허브 계정을 사용해야 할 때가 있습니다. 저언혀 어렵지 않으니, 더 이상 미루지 말고 세팅을 해봅시다. (저는 거의 1년을 미루다 이제 세팅합니다..) 우린 SSH라는 방식을 이용해 github에 인증할 예정이므로, 컴퓨터에 ssh 키를 생성해 줍시다. SSH 키 생성 우선, 깃허브에서 사용하는 user1과 user2가 존재하고 그 이메일 주소는 아래와 같다고 합시다. user1: user1@naver.com user2: user2@gmail.com 아래에서는 위 예시를 이용해 명령어를 작성할 예정이니 상황에 맞게 바꿔 설정 해주시면 되겠습니다. 1. SSH 디렉토리 이동 및 확인 이제 SSH 키를 생성하는 작업을 진행 해봅시다. 먼저, 원하시는 터미널을 켜주시고 아래 명령어를 ..

AWS에서 가장 기본이 되는 EC2(Elastic Compute Cloud)에 대해 알아보고, 간단한 실습으로 실제 EC2를 빌려 서버를 띄워보겠습니다. EC2(Elastic Compute Cloud)? AWS를 쓰게 되면 가장 먼저 알게 되는 EC2는 쉽게 말해 아마존이 사용자가 원하는 사양의 컴퓨터를 빌려주는 클라우드 서비스입니다. 만약 온페리미스(on-premise)로 직접 서버를 구축하려고 한다면, 많은 시간과 돈이 소모 될 것입니다. 이렇게 직접 서버를 구축하는 대신, AWS에서 EC2를 이용하여 우리가 원하는 컴퓨터를 빌려서 서버를 운용 할 수 있습니다. on-premise: 클라우드 환경 방식이 아닌, 직접 서버를 설치하고 운용하는 방식 EC2 시작하기 1. 준비 사항 먼저 준비 되어야 할 ..

mysql 이미지를 docker-compose.yml을 이용해 컨테이너로 띄우고, Host 컴퓨터에서 컨테이너 mysql에 접속하는 방법에 대해 정리하고자 합니다. docker-compose로 Mysql Image 띄우기 저는 frontend, backend 서비스를 mysql 이미지와 함께 띄울 예정이었기에, docker-compose.yml 파일을 이용하기로 결정했습니다. 제 docker-compose.yml 파일은 아래와 같습니다. 패스워드와 데이터베이스명은 직접 입력해주시면 되겠습니다. version: '3.8' services: frontend: # ... backend: # ... db: image: mysql:8.1.0 volumes: - mysql-data:/var/lib/mysql por..

vue3로 프로젝트로 설정할 때 마다 해주는 prettier, eslint 설정을 정리해보고자 합니다. 이 설정을 통해 저장 할 때마다 내가 정한 포맷으로 바뀌는 lint on save, format on save가 되도록 하는 것이 목표입니다. vue3 프로젝트 생성 vue-cli를 이용하여 아래처럼 vue3 프로젝트를 생성 했습니다. (vue-cli 공식 사이트) 1. Preset 선택 - Manually select features vue-cli는 default로 preset을 제공하고 있지만 저는 직접 원하는 부분만 설치 할 수 있도록 manually select 를 클릭합니다. (v3-ts-sass는 제가 저장한 preset으로 무시하셔도 좋습니다.) 2. Feature 선택 아래와 같이 선택해..