밥빵의 개발블로그

이번에 테라폼 자격증을 취득했습니다!! 간단한 후기 남깁니다. 시험 등록 아래 링크에서 시험 등록을 했습니다. 테라폼 자격증 등록 링크 문제 및 시간 문제는 57문제, 시간은 60분입니다. 주관식 문제는 한 문제 나왔습니다. (terraform.tfstate) 추가시간 테라폼 Associate 자격증은 한국어로 시험을 볼 수 없습니다 (시험 전 환경설정 단계에서는 한국어 선택 가능해요~~) AWS와 마찬가지로 영어권 나라가 아닌 경우 추가시간을 받을 수 있습니다. 저는 시험을 급하게 보느라 하루 전날 시험을 신청했고 바로 추가시간 요청 메일을 보냈습니다. 근데 시험 5일 전에 신청을 해야지만 추가시간을 준다고 답변이 왔네요 ㅎㅎ.... 난이도가 쉬워 20분만에 풀고 나왔기 때문에 시간 걱정은 하지 않으셔..

React 프로젝트를 KC CDN, Object Storage를 사용하여 정적 웹 사이트 호스팅하기 개요 React 프로젝트 빌드 파일을 Object Storage에 업로드한 후 CDN 서비스와 연동하여 정적 웹 호스팅을 진행하도록 하겠습니다. * 공공기관용 리전에서 진행했습니다. Object Storage Bucket 생성 리액트 빌드 파일을 업로드 하기 위한 Object Storage Bucket을 생성합니다. Object Storage Bucket에 빌드 파일 업로드 React Build 파일을 업로드 합니다. Object Storage 접근 권한 변경 버킷 접근 권한을 허용으로 변경합니다. CDN 생성 CDN 생성완료 서비스 도메인으로 접속해 보겠습니다. 루트 경로를 설정해 주지 않았기 때문에 오..

이번에 GCP Associate Cloud Engineer을 취득했습니다!! 간단한 후기 남깁니다. 시험 등록 아래 링크에서 시험 등록을 했습니다. GCP 자격증 시험 접수 링크 온라인 시험 접수 시 결제 금액이 125 USD로 나오지만 실제로 결제하는 경우 75USD입니다. 문제 및 시간 문제는 50문제, 시간은 120분입니다. 저는 40분 정도 걸렸습니다. 온라인 시험 시험시간 15분 전부터 온라인 시험을 볼 수 있습니다. 자격증 시험을 위한 보안 브라우저 설치 후 바로 볼 수 있습니다. 시험을 위한 프로필은 미리 등록을 해야합니다. 감독관님이 채팅으로 친절하게 설명해 줍니다. 신분증 사진 촬영 본인 사진 촬영 (흰 배경에서) 방 안 벽 네 군데를 보여줍니다. 문이 있는 곳을 보여줍니다. 책상 확인 ..

React 프로젝트 cypress와 연동하기 cypress 설치 npm install cypress --save-dev package.json 변경 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "cypress:open": "cypress open" } cypress 실행 npm run cypress:open 테스트 코드 작성 후 결과 Cypress 문서화 (cypress-mochawesome-reporter) npm i --save-dev cypress-mochawesome-reporter cypress.config.js 수정 const { defineConfig } = require("cypress"); module.expor..

Let’s Encrypt 무료 와일드 카드 인증서 발급 * M1 맥북 환경에서 진행했습니다. Certbot 설치 brew install certbot 인증서 발급 sudo certbot certonly --manual -d "*.도메인.com" -d 도메인.com --preferred-challenges dns-01 --server https://acme-v02.api.letsencrypt.org/directory * DNS 값이 등록되기전에 엔터를 누르시면 안됩니다!! DNS 레코드 수정 위에서 발급받은 _acme-challenge 값 두 개를 DNS 레코드에 추가합니다. *저는 도메인을 가비아에서 발급받아 진행했습니다. DNS 레코드 수정 확인 아래 사이트에서 레코드가 수정되었는 지 확인할 수 있습니..

React 프로젝트에 구글 애널리틱스 적용하기 구글 애널리틱스 접속 구글 애널리틱스 접속 데이터 스트림에서 측정 대상이 될 URL 입력합니다. 측정 ID 확인 측정 ID를 확인합니다. react-ga4 설치 npm install react-ga4 --save index.js 에 코드 삽입 /* index.js */ import ReactGA from "react-ga4"; // 구글 애널리틱스 운영서버만 적용 if (process.env.REACT_APP_GOOGLE_ANALYTICS) { ReactGA.initialize(process.env.REACT_APP_GOOGLE_ANALYTICS); } RouteChangeTracker.js 파일 생성 // RouteChangeTracker.jsx impor..