Daily Front_Minhhk

ec2에서 react-vite 프로젝트 git pull 을 받고 빌드하여 실행 시켰는데 흰 화면에 아래와 같은 에러가 발생!    stackoverflow 에서 찾아봐도 vite.config.ts 에서는 죄다 base 수정하라 이런 얘기 뿐이었다.  vite.config.ts 에서도 확인 했다.base: “/”build 에서 outDir: “dist”import { defineConfig } from "vite";import react from "@vitejs/plugin-react-swc";import path from "path";// export default defineConfig({ plugins: [react()], base: "/", resolve: { alias: { "..

cp ec2-ubuntu-test.pem ~/.ssh/ 로 .pem키를 복사를 한다.  이동!cd ~/.ssh  그리고, 아래와 같이 터미널에 입력ssh -i "ec2-ubuntu-test.pem" ubuntu@ec2-11-222-23-59.ap-northeast-2.compute.amazonaws.com  ssh -i "pem키 이름" ubuntu@ec2 퍼블릭 Ipv4 || 도메인  현재 ec2 ubuntu 로 사용해서 ubuntu@~~ 로 작성다른 인스턴스 종류는 아래와 같다.amazon linux > ec2-userubuntu > ubuntucent os > centosdebian > admin

ec2 생성하며 만든 .pem 을 활용하여 .ppk 를 생성하자   puttygen.exe 실행load > 생성한 pem 선택RSAsave private key → 아래와 같이 이름 맞춰서 생성했다. 다음    ec2 > 인스턴스 > 보안 탭 > 보안그룹 링크 클릭!      putty.exe 실행 후    1. ec2 퍼블릭 IPv4 주소 입력, 저장하고싶은세션이름 입력 >> SAVE    2. 카테고리 > SSH > AUTH 에서 생성한 ppk 파일 등록 3. 카테고리 > session 에서 > (ppk파일, 저장이름, ip) 있는 상태 에서 저장  4. ec2 생성 시 종류 입력 >> 현재 ubuntu (ubuntu 로 ec2 만듬)   5. ec2 접속 완료

인스턴스 리전은 서울로 변경하고 하자!!__게시글에는 유럽으로 하긴했지만 프리티어 선택→ ‘서울’리전은 t2.micro 가 프리티어    키페어 생성  RSA , .pem 선택 키페어 이름 입력하고, RSA선택, pem선택[키 페어 생성] 클릭 후,pem키가 다운로드 (잘 저장해두기!)  네트워크 설정 그대로!보안 그룹 생성SSH 트래픽 허용  스토리지 구성 & 고급 세부 정보는 현재 건들지 말고 그대로!    📌 인스턴스 시작   완료되면 이런 화면이 나올 것이다.  생성이되면 알림도 설정 해두자!프리티어 사용량이나 과금에 대한 알림은 받아야지!인스턴스에 연결 클릭

💡 우선 알림 받을 채널을 슬랙에 만들자 💡 #hooktest 채널 우클릭 → 채널 세부정보 보기             아래로 내려 이름, 이미지 변경!  💡 SpringBoot 코드 import com.slack.api.Slack;import com.slack.api.webhook.Payload;import org.springframework.stereotype.Component;import java.io.IOException;@Componentpublic class SlackHttpClient { public void send(String message) { try { Slack instance = Slack.getInstance(); P..

이번 프로젝트 홍보겸!그린나우 배포 후, 카카오톡 링크 공유 시 이미지 메타 태그에 관련해서 쓴다. 그린나우 프로젝트를 마무리 단계에 접어 들면서 index.html 에 메타 태그를 집어 넣어보았다.카카오톡에 링크로 보낼 때,  이렇게 보내지기 때문에, 없어보인다.이미지를 추가하자titledescriptionurl순서대로그린나우_grinnow나무의 발견 그린나우https://www.grinnow.com이렇게 적용이 됐다.이미지를 준비하자^og:image 에는 링크로 적용해야한다.src/assets/img/… 이렇게 하면, 현재 react-vite 프로젝트이기 때문에, SPA 라 브라우저에서 빈 html을 인식해서 값을 읽지 못한다.배포한 AWS 의 S3 에 이미지를 올려 링크를 걸어 두는게? 프로젝트 관..