✉️ 뿌려뿌려 - Front

팀 블루프린트의 본 웹 서비스 "뿌려뿌려"는 뿌리오 기업과 연계하여 생성형 AI를 활용한 포토문자 서비스 어플리케이션입니다.

💡 주요 기능

문자 생성 : LLM모델로 OpenAi의 gpt-4o를 이용하여 해당 사용자의 니즈에 맞는 텍스트 기반의 메세지를 생성할 수 있습니다.
이미지 생성 : OpenAi의 DALLE-3를 이용하여 사용자가 입력한 조직, 분위기에 맞는 이미지를 생성할 수 있습니다.
GIF 생성 : OpenAi의 DALLE-3를 이용하여 사용자가 희망하는 확대, 축소, 스위치, 애니메이션 GIF 종류를 선택하여 생성할 수 있습니다.
문자 발송 : 뿌리오 기업에서 제공받은 API를 이용하여 문자, 이미지, GIF(URL)을 여러 사람들에게 일괄 발송할 수 있습니다.

ec2 public ip 주소 : 13.239.36.154

👉🏻 실행 방법

vscode에 FrontEnd 폴더 불러오기
vscode에서 터미널 켜기
npm install 명령어
빌드 명령어: npm run build
git bash에서 AWS로 빌드폴더 보내기 : scp -r -i ${본인 ec2 키 경로} ${ec2에 보낼 파일의 경로} ec2-user@13.239.36.154:/home/ec2-user/app
예시: scp -i "D:\24-2\SWFreeCapston_8\private_key_woojj1254577.pem" "D:\24-2\SWFreeCapston_8\Back\precapston\build\libs\precapston-0.0.1-SNAPSHOT.jar" ec2-user@13.239.36.154:/home/ec2-user/app
(4번 명령어는 내 노트북 말고 다른 곳에서 쓰려면 scp -r -i 다음에 pem key 경로, build 파일 경로, ec2 어디에 보낼건지 경로 적어주면 됩니다.)
EC2 접속하기(putty, git bash) -> ssh -i ${pem 키 경로}ec2-user@${public ip 주소}
접속하면 처음 위치: /home/ec2-user
app 디렉토리로 이동: cd app
프론트 실행 전: pm2 kill
프론트 실행: pm2 serve build/ 3000 --spa
백 실행(실행 방법은 BackEnd의 README.md에 있음)
웹에서 13.239.36.154:3000 접속하여 서비스 확인

이 후로는 종료 과정

프론트 종료: pm2 kill

⭐.gitignore 파일

.gitignore 파일 내용

# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*