본문 바로가기

react3

[AWS] 재벌집 막내아들 테스트 - 런칭 재벌집 막내아들이 16부작을 마지막으로 마무리됐다. 결말이 시원하진 않았지만 최고시청률 30%로 화제가 됐었다. 이에, 드라마와 MBTI테스트를 합한 서비스를 빠르게 런칭하고자 했고, 약 1주일간의 작업 끝에 서비스를 런칭할 수 있었다. 아래 내용들을 정리해보고자 한다. 테스트 링크 재벌집 막내 테스트 advancer-rrs.click 기획 항상 핫한 MBTI 테스트와 요즘 핫한 재벌집막내아들 드라마를 합하면 꽤나 트래픽이 나올것이라고 생각했다. 어렵지 않은 주제로 테스트를 만들고 재밌는 문제와, 정확한 결과를 낸다면 공유가 잘 될것으로 생각. 이에 광고를 통한 수익성 창출을 기획했다. 개발 최우선 목표는 빠른 개발 및 검증 후 출시. MBTI 테스트의 폼은 널려있기에 Github 의 힘을 빌렸다. 기존.. 2022. 12. 28.
[AWS] 카톡분석 프로젝트-11 / React 이미지 슬라이드 구현 서비스 배포는 이미 했지만 그동안 못한 포스팅을 이제야 쓴다. 카톡분석 서비스 주소 카톡분석 왕 테스트 www.advancer-katalk.click 카톡분석 서비스는 기본적으로 카카오톡 파일을 업로드 해야 분석을 시작할 수 있다. (파일은 저장하지 않는다) 그런데 저장후 불러오는 과정이 까다로워 이미지 슬라이드로 설명이 필요한 상황! 아래와 같은 슬라이드 구현이 필요했다. React-slick 과 Carousel React-slick 과 Carousel(캐러셀) 을 이용해 슬라이드를 구현해보자. 1. 설치 npm install react-slick --save npm install slick-carousel --save 2. import import "slick-carousel/slick/slick.c.. 2022. 8. 5.
[AWS] 사용자별 고유 페이지 배포 Access Denied(403) error 현재 진행하고 있는 프로젝트는 S3로 정적 웹호스팅을 하며, CloudFront 서비스를 이용하고 있다. 기능적으로는 결과페이지 '공유하기' 기능이 있으며 공유하면 랜덤한 고유 token을 넣어 개인별 페이지를 생성한다. 상황설명 및 예시 : 만약 개인별 페이지를 아래와 같이 공유한다면 개인결과라고 볼 수 있을까? www.advancer-katalk.click/결과페이지 위 페이지는 모두에게 호스팅되는 페이지로 나만의 페이지가 아니다. www.advancer-katalk.click/결과페이지/2039rkj032fuh0f2j34k23hj4 위와 같이 고유 token을 만들어 공유한다면 내 페이지를 공유할 수 있다. 하지만 S3를 이용해 배포하니 403 에러가 뜨고말았다. Failed to load reso.. 2022. 7. 17.
반응형