SPA앱 정적 배포 관련 질문이 있습니다
안녕하세요.
리액트와 같은 SPA 앱 배포시 AWS S3를 이용해서 많이 배포하는 것으로 알고있습니다. 배포 섹션에서 설명해주실 때 1단계 배포도 그것과 비슷한 것 같은데요.
궁금한게 동적으로 받아와야하는 파일이 있는 경우에는 S3만 가지고는 배포가 어렵다고 하셨는데, 리액트 앱 안에서 라우팅을 이용해서 페이지 전환을 하거나 유저 액션 또는 백엔드와 API 통신을 이용해서 데이터가 바뀌는 경우는 동적으로 데이터가 변경되는것이 아닌가요?
SPA앱을 배포할 때는 1단계 배포 외에도 추가적인 작업이 더 있어야하는지 궁금합니다.
부족한 지식으로 질문을 하는 것 같아 죄송합니다만, 답변 부탁드립니다!
(우연한 계기로 강좌를 듣게 되었는데 너무 깔끔하고 자세한 설명으로 즐겁게 공부하고 있습니다. 감사합니다!)
답변 1
0
안녕하세요 elena님!
S3에 SPA 배포를 하시는 경우, 브라우저 자체에서 페이지를 이동하기 때문에 이동된 상세페이지에서 상세데이터를 받아오실 수 있어요!
따라서, 일단 페이지를 받아오면 그 다음부터 클릭을 통한 데이터는 충분히 가능합니다!
문제는, 해당 주소를 입력하고 엔터쳐서 들어가는, 다이렉트 접속이 안된다는 것이 문제예요!
원하는 상세주소를 복사하여 페이스북이나 인스타그램에 홍보를 한다던지,
친구에게 주소를 전송해서 친구가 해당 페이지에 접속하도록 한다던지 등이요!
또한, SPA에서는 이러한 주소를 가짜로 만들어 내기 때문에, 검색봇들은 실제로 어떤 주소가 있는지 몰라서 검색엔진 최적화도 어렵겠죠?!
fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다
0
41
1
댓글 기능 구현 중 질문드립니다.
0
67
1
쿠폰코드 발급
0
147
2
example 서버 플레이그라운드, API 접속 모두 안됩니다.
0
89
2
문의드립니다!! ㅠㅠ
0
104
2
graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.
0
80
2
_app.js 작성 이후로 에러가 발생하네요
0
95
2
학습자료
0
72
2
학습자료가 안열립니다.
0
51
2
플레이 그라운드 퀴즈 문제 질문이 있습니다.
0
61
0
기존강의 구매자, 업데이트 끝인가요?
0
111
3
업데이트 버전 수강
0
89
2
완벽한 프론트엔드
0
136
2
나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.
0
84
1
graphql 접속이 안됩니다.
0
101
2
const, let 사용 질문 드립니다.
0
72
2
싸이월드 만들기 1탄 피드백 부탁드립니다.
0
122
2
회원가입 과제 피드백 부탁드립니다.
0
81
2
styled.span / styled.input "CSS 자동완성"
0
47
1
쿠폰 발급 관련
0
167
2
서버 502 error
0
247
2
쿠폰 다시 부탁드려도 될가여?
0
140
2
a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요
0
185
2
2분 44초 질문
0
132
3