| 시간 | 내용 |
|---|---|
| 12:30 ~ 13:00 | 🕤 참가자 입장 |
| 13:00 ~ 14:00 | 📱 PWA 실습 |
| 14:00 ~ 14:20 | 💭 쉬는 시간 |
| 14:20 ~ 15:50 | 🚀 S3 + Cloudfront 배포 |
| 15:50 ~ 16:10 | 💭 쉬는 시간 |
| 16:10 ~ 17:10 | ⚡️ CI/CD 구축 |
| 17:30 ~ | 🍻 Beer Networking |
FE_practice 레포 fork 해서 개인 로컬에 clone 해오기
*반드시 fork 한 개인 레포를 clone해서 작업해주세요!
- Vite 환경에서 PWA 구현하기
- AWS S3 + Cloudfront를 사용하여 배포하기
- GitHub Actions 및 Secrets를 활용하여 CI/CD 구축하기
| 시작 페이지 (Start.jsx) | 로그인 페이지 (Login.jsx) |
|---|---|
 |
 |
환경변수(.env)를 설정해야 로그인 기능을 사용할 수 있습니다.
📦FE_practice
┣ 📂public
┃ ┗ 📜favicon.svg
┣ 📂src
┃ ┣ 📂routes
┃ ┃ ┣ 📜Login.jsx
┃ ┃ ┗ 📜Start.jsx
┃ ┣ 📂styles
┃ ┃ ┣ 📜GlobalStyles.js
┃ ┃ ┗ 📜style.js
┃ ┣ 📂utils
┃ ┃ ┗ 📜auth.js
┃ ┣ 📜App.jsx
┃ ┗ 📜main.jsx
┣ 📜.env
┣ 📜.gitignore
┣ 📜eslint.config.js
┣ 📜index.html
┣ 📜package-lock.json
┣ 📜package.json
┣ 📜README.md
┗ 📜vite.config.js