봄날은 갔다. 이제 그 정신으로 공부하자

이전 글에서 Cloud Storage 버킷 만들고 웹서비스에서 사용할 비밀키까지 다운로드 완료했습니다. 이번 글에서는 이전 글에서 설정한 버킷 정보와 비밀키를 사용해 node.js에서 이미지를 업로드하는 기능을 구현한 것을 기록하도록 하겠습니다. 1. 프로젝트로 Cloud Storage 비밀 키 이동 프로젝트 루트 폴더에 secure 폴더를 만들고 이전 글에서 다운로드 받은 비밀 키를 복사합니다. 2. 작업 전에 이미지 업로드에 필요한 node.js 미들웨어 설치합니다. - multer는 이미지를 업로드하는데 사용할 미들웨어 - multer-google-storage는 multer와 연동해 cloud storage로 파일 업로드하는데 사용하는 미들웨어 > npm install multer > npm in..

개발하다보니 이미지 관리(업로드 & 다운로드)하는 기능이 필요해졌습니다. VM 인스턴스에서 저장 및 관리를 할까 생각했는데... 그렇게 개발하면 VM 인스턴스가 웹 서비스 뿐만 아니라 파일 관리까지 맡게 되어 VM입장에서는 불필요한 트래픽과 저장 용량 등의 이슈가 발생할 우려가 있고 이런한 이슈를 VM에서 대응하기 보다는 처음부터 파일 관리를 위해 GCP에서 지원하는 Cloud Storage를 사용하는 것이 나을 듯하여 이미지 관리하는 기능에 GCP Cloud Storage를 사용하기로 하였고 이번 글에서는 그 과정을 기록하였습니다. 이번 글에서 Cloud Storage는 아래와 같이 4단계로 나누어 기록합니다. Cloud Storage 버킷 만들기 버킷 외부에서 접근할 수 있도록 설정하기 버킷에 접근..

이번 글은 프로젝트에 필요한 database과 각 table을 생성하고 원격에서 접근 가능한 권한을 부여하여 원격에서 접속하는 것 까지를 글로 기록하도록 하겠습니다. DB 만들기 데이터베이스> “테이터베이스 만들기” 버튼 클릭 후 아래와 같이 기본 정보 입력 후 ”만들기” 버튼을 클릭해 DB를 만들어줍니다. 아래 그림을 보면 방금 전 만든 DB가 추가되었음을 확인할 수 있습니다. Cloud Shell을 사용해 Cloud SQL 접속하기 Cloud SQL 인스턴스에 대한 접근은 Cloud Shell을 사용해 접근하도록 하겠습니다. Google Cloud Console 상단 오른쪽에 있는 "Cloud Shell 아이콘"을 클릭합니다. 하단에 아래 그림과 같이 shell이 보여지면 ”gcloud sql con..

서비스가 제대로 돌아가려면 별도의 DB 서버가 있어야겠죠! Compute Engine에서 VM 인스턴스를 하나 더 생성해 MySQL을 설치할까? 아니면 GCP에서 제공하는 Cloud SQL을 사용할까? 고민하고 차이점에 대해 비교해보니 제 경우에는 GCP에서 제공하는 Cloud SQL을 사용하는게 좋을 것 같아 Cloud SQL을 사용하기로 하였습니다. 이번 글에서는 Cloud SQL을 생성하고 DBeaver에 연결까지를 기록하도록 하겠습니다. Cloud SQL 생성 프로젝트를 선택 후 좌측 상단 햄버거 메뉴 클릭 > SQL 메뉴 클릭합니다. 아직 생성된 인스턴스가 없으므로 아래 화면에서 "무료 크레딧으로 인스턴스 만들기" 버튼을 클릭합니다. 데이터베이스 엔진은 “MySQL"을 선택합니다. 인스턴스 정보..

이번 글에서는 지난 글에서 만들었던 VM 인스턴스를 웹 서비스로 사용할 수 있도록 기본 설정을 하는 것에 대해 기록하도록 하겠습니다.    - 패키지 목록 갱신    - 최신 버전 패치    - 시스템 시간 설정    - JAVA 설치    - node.js 설치 우선 지난번 글에서 설명한 첫번째 방법 "SSH 연결"로 VM 인스턴스에 접속한 후,아래 명령어를 입력해  root사용자로 변경합니다.  $ sudo su 그 다음으로 아래 명령어를 입력해 패키지 목록을 갱신합니다.  $ apt-get update 현재 운영체제에 설치되어 있는 프로그램 최신 버전으로 패치합니다.  $ apt-get upgrade 아래 명령어로 시스템 시간을 나에게 맞게 설정합니다. (GUI에서 Asia > Seoul 순서로 선..

이번 글에서는 이전 글에서 생성한 VM 인스턴스에 연결하는 방법 3가지에 대해 기록합니다. 각 연결 방법별 차이점은 아래와 같습니다. - SSH (원하는 VM 인스턴스에 바로 연결) - Cloud Shell (프로젝트 쉘 연결 후, VM 인스턴스 쉘로 전환해야 함.) - FTP (파일 주고 받을 때 사용함.) SSH 연결 가장 간단하고 쉬운 연결 방법으로 프로젝트 좌측 메뉴에서 "VM 인스턴스" 클릭 후 "세부정보"에 보여지는 "SSH" 버튼을 클릭합니다. 별도 브라우저 창이 떠서 SSH를 통해 연결을 시도하는 과정에서 아래 그림과 같이 허용 요청 팝업이 뜨면 "Ahthorize" 버튼 클릭 잠시 대기 후 아래와 같이 SSH 연결 성공 정보가 보여지면 연결 완료 입니다. Cloud Shell 연결 "VM..

지난번 글까지해서 이제 로컬 PC에서 node.js로 웹서비스를 만들어 보았습니다. 이제 웹 서비스를 클라우드 서버(GCP: Google Cloud Platform)에 적용하는 방법에 대해 기록하도록 하겠습니다. 이번 글에서는 GCP에 가입해 우선 웹 서비스에 사용할 VM 인스턴스를 생성하고 외부 접속이 가능하도록 방화벽 규칙을 추가하고 외부에서 접근이 용이하도록 고정 IP 생성하는 부분까지 기록하도록 하겠습니다. 1. GCP 가입 2. 프로젝트 생성 3. VM 인스턴스 생성 4. 외부 접속이 가능하도록 방화벽 규칙 추가 5. 고정 IP 생성 사전 준비 구글 클라우드 플랫폼(https://cloud.google.com/)에 접속해서 가입 합니다. 가입 시 "90일 무료(or $300 모두 소진시까지)" ..

개발하다보니 table에서 체크 선택한 것만 삭제하는 기능과 체크한 row의 정보를 가져와 local storage에 저장해야할 필요가 생겼네요. Table에서 체크 선택한것만 삭제하는 기능 구현하기 아래와 같이 선택 삭제 버튼을 누르면 테이블에서 사용자가 체크한 아이템을 삭제하는 기능을 가진 화면을 구현할 예정입니다. ejs 파일에 아래와 같이 선택 삭제 버튼과 테이블의 체크박스를 추가합니다. ... 선택 삭제 ... 선택 오전/오후 순서 ID 퀴즈 타입 퀴즈 내용 퀴즈 등록일 순서 변경 .... ... ... 선택 삭제 버튼 클릭 시 이벤트를 처리할 코드를 아래와 같이 jQuery로 작성해줍니다. $("#deleteSelect").click(function() { // 태그의 name이 "checkS..