Project
-
Vite + React + TypeScript + tailwind 프로젝트 AWS에 배포Project 2025. 2. 14. 22:33
그동안 프로젝트를 진행하면서 배포를 직접해본 적이 없었는데, 드디어 이번에 해봤다.배포 방법은 AWS S3와 CloudFront를 사용해서 배포를 했다:D 1️⃣ 프로젝트 빌드먼저 Vite로 프로젝트를 배포할 수 있는 정적 파일로 빌드해야 한다.npm run build 콘솔을 열어서 위와 같은 명령어를 입력하면 빌드가 완료되면서 dist 폴더에 정적 파일들이 생성된다.이렇게 말이다! 2️⃣ S3 버킷 생성 및 설정일단 AWS에 로그인을하고 AWS S3 콘솔로 이동한다.그리고 버킷 만들기를 클릭하여 버킷 이름을 설정하고, 정적 사이트 배포를 위해 퍼블릭으로 액세스를 설정한다. 버킷 생성 후, 속성 > 정적 웹사이트 호스팅에서 다음과 같이 설정해 준다. 3️⃣ S3에 빌드 파일 업로드아까 생성된 dist 폴..
-
[3일간 3천 명의 유저, 8만 회 조회수] 2024 한국공학대 대동제 웹사이트 개발 후기Project 2024. 9. 28. 20:56
Festino는 한국공학대학교 대동제 정보 제공을 목적으로한 웹사이트로,약 두 달 반의 기간동안 수많은 회의와 수많은 테스트 및 개발을 통해 성공적으로 프로젝트를 마무리했습니다! 🎉🎉🎉📌 Festino 개요 📌[축제기간]2024. 09. 11. WEB. ~ 2024. 09. 13. FRI.[프로젝트 기간]2024. 06. ~ 2024. 09. (약 두 달 반 / 기획 ~ 최종배포까지)[정기회의]매주 일요일 15시[팀원]총괄리더 1명, FE 3명, BE 5명, DESIGN 3명 (총 12명)[기술스택]FE: JavaScript, Vue.js, tailwind, pinia(상태관리), ViteBE: Spring BootDB: MySQLIDE: IntelliJ IDEA Ultimate 2024, Po..