front-server-db

1. Frontend 단에서 static한 html 작성
2. 동적인 무언가가 있을 경우, api로 요청을 보냄
3. 서버에서는 api를 받아서 db의 패스워드 및 --와 함께 db에 데이터 요청
4. db에서 서버로 데이터를 보내면 이를 다시 front로 보내서 웹 띄움

프로젝트 했던 걸로 치면
1. React로 static한 부분 작성
2. api gateway와 react 연결해서 lambda로 요청 보냄
3. lambda에서 요청 받아서 dynamoDB가서 데이터 꺼내오고, 연산하여 리턴
4. 이를 웹 페이지로 띄워서 보여줌.

-> lambda : serverless (서버없는디 서버역할 가능)

---

WAS?

동적 웹페이지 너무 헷갈림

• 정적: html코드로 딱 정해놓을 수 있는 것.
• 동적: 개인화된 추천 광고, 실시간 순위 등 변경되는 것.

정적 웹페이지는 nginx와 같은 WEB 서버로 처리 가능
동적 웹페이지는 Tomcat과 같은 WAS 서버 사용
WAS 서버를 사용할 때는 WEB도 함께 사용, 이유는? 분산처리 - 부하방지

일반적인 개발환경에서는 .js 파일에 넣어서 html에 스크립트 태그로 심어주는 형식으로 하셨다고 함? -> 그럼 WAS 이거는 좀 트래픽이 많은 대형 웹 페이지에서 사용하나보다.

---

CORS

전에 프로젝트할때도 고생고생했떤 CORS

CORS(Cross-Origin Resource Sharing)

https://beomy.github.io/tech/browser/cors/

진짜 너무너무너무 잘 정리해 주셔서.. 이것만 보고 공부했다고..

프로젝트때 preflight 진짜 헤맸던 거 한방에 정리 8ㅁ8

---

Router?

Router: 페이지들을 연결시켜주며 이를 이동시키는 역할을 하는 것

---

ServerScript

출처: https://delirussum.tistory.com/4