9월17일 자정까지란다
최근 AWS 를 공부하고, 구름 쿠버네티스 과정을 들으면서 느낀건
실제 서비스를 구현하고 배포하는 작업을 해봐야겠다고 생각했었는데
이번기회에 웹을 하나 만들어서 배포해봐야겠다
이번 프로젝트에서 중점을 둘 것은
물론 서비스의 완성도가 높아야겠지만
무엇보다 클라우드 인프라 구성에 초점을 맞춰서
진행해보려고 한다
- 애플리케이션
일단 만드려는걸 간단하게 정리하자면
인스타그램에서 가져온 사진들을 조합해서 16:9 혹은 4:3 비율의 하나의 사진파일로 만들어서 다운로드 받을수 있게 하는 사이트를 만들어보려고 한다.
유저는 인스타 아이디를 1개 혹은 2개나 4개를 입력하게 되고
그 아이디의 최근기준 각각 12개 , 6개, 3개의 사진들을 가져와 각각 리사이징 해서 하나의 사진으로 합친다.
유저는 '제작' 버튼을 누르면 광고를 시청하고 완성된 배경화면을 다운받게 된다.
- 기술
사용하게될? 사용할것같은 기술들
AWS
- Route53
- IAM - EC2/S3/Other
- ELB, ASG
- EC2 - SG/TG
WEB
- HTML/CSS/JS/TS
- python
일단 이정도를 목표로 하고
해보다가 완성도 있게 제출이 된다면
나중에 제작한 사진들을 한데 모아서 업로드 할 수 있는 허브를 만들어서
like 를 누를 수 있게 하고 태그기능이랑 랭크도 매길 수 있으면 재밌을것 같다
스토리지 비용 오지게들겠지 사진이라? ㅋㅋ
제품기능목록 | |||
우선순위 | 기능 | 사용자스토리 | 기술 |
가져올 인스타 id 갯수 선택 | 유저는 인스타에서 가져올 계정의 갯수를 1,2,4 중에 선택할 수 있다 | ||
인스타 id로 사진 가져오기 | 유저가 선택한 id 갯수에 따라 최근기준 각각 12개, 6개, 3개의 사진을 가져온다 | ||
2 | 인스타 사진 가져오기 | 유저가 제작 버튼을 누르면 블랙핑크4명 맴버의 사진을 인스타에서 랜덤하게 가져온다 | |
1 | 만들 사진의 비율 선택 | 유저는 제작할 사진의 비율을 16:9 , 4:3 중에서 선택할 수 있다 | HTML |
3 | 제작한 배경화면 다운로드 | 유저는 제작된 사진을 바로 다운로드 할 수 있다 | |
5 | today - total / region | 유저는 사이트의 서버별 하루조회수, 총조회수와 통합조회수를 볼 수 있다 | |
0 | 반응형 웹 | 유저는 어떤 디바이스에서 접속하던지 편리한 ui를 이용할 수 있다 | |
4 | AWS 배포 | 유저는 등록된 도메인으로 배포된 사이트에 딜레이없이 접속할 수 있다 | |
6 | 서버유지 - 광고 | 유저가 다운로드를 클릭하면 광고를 띄운다 |
1주차 - 애플리케이션 제작 | ||||||
제품기능목록 우선순위 | 스프린트 백로그 | |||||
2 | 인스타 사진 가져오기 |
유저가 제작 버튼을 누르면 블랙핑크4명 맴버의 사진을 인스타에서 랜덤하게 가져온다
|
||||
1 | 만들 사진의 비율 선택 |
유저는 제작할 사진의 비율을 16:9 , 4:3 중에서 선택할 수 있다
|
||||
3 | 제작한 배경화면 다운로드 |
유저는 제작된 사진을 바로 다운로드 할 수 있다
|
날자 | 스프린트 일정 | |||||
2022. 8. 30 화 | 반응형 웹 프로토 타입 제작 + 인스타그램OpenAPI 알아보기 | |||||
2022. 8. 31 수 | 인스타그램OpenAPI 코딩 + python 사진 리사이징 알아보기 | |||||
2022. 9. 1 목 | 사진 리사이징 구현 - 16:9 | |||||
2022. 9. 2 금 | 사진 리사이징 구현 - 4:3 | |||||
2022. 9. 3 토 | 다운로드 버튼 제작 + api 연결 | |||||
2022. 9. 4 일 | 프로토타입 녹화 + AWS 환경구성-마이그레이션준비 + 트러블슈팅 |
'Archive > [Infra+Web] fanpage:BLACKPINKINYOURAREA' 카테고리의 다른 글
[Web]Fanseive_backgroundmaker-5-인스타그램계정_이미지크롤링1 (0) | 2022.09.14 |
---|---|
[Web]Fanseive_backgroundmaker-4-팝업해제+계정검색 (0) | 2022.09.10 |
[Web]Fanseive_backgroundmaker-3-python 인스타 페북으로 로그인 (0) | 2022.09.10 |
[Web]Fanseive_backgroundmaker-2-크롤링 알아보기 (0) | 2022.09.02 |
[Web]Fanseive_backgroundmaker-1-반응형웹+인스타사진크롤링 (0) | 2022.08.30 |