| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
- dockerhub
- 쿠버네티스
- securitycontextholderfilter
- @ComponentScan
- docker
- DLQ
- 컨테이너
- redis
- mybatis
- CORS
- Spring
- Spring Container
- kafka
- 페이징
- 지연 로딩
- Web
- Routing Key
- 서블릿 컨테이너
- JPA
- 스프링 부트
- Spring Data JPA
- JPQL
- JdbcTemplate
- DI
- @Transactional
- MSA
- Dead Letter Queue
- JWT
- docker compose
- AWS
- Today
- Total
목록Backend (2)
look-forest
Server는 무엇을 serve 하는가?
Server가 HTML을 전달하는 건 알고 있을 것이다. 그렇다면 모바일 앱이나 웹 프론트엔드는 어떻게 동작하는 것일까? 이번 시간에는 서버가 HTTP를 통해 무엇을 주고받는지 정리하겠다. 1. 정적 리소스 미리 만들어 둔 HTML, CSS, JS, 이미지, 영상 등을 제공한다. 2. 동적 리소스 서버가 HTML을 동적으로 바꿔서 전달한다. MVC와 템플릿 엔진 - MVC: Controller가 HTML 생성을 위한 뷰 템플릿(View)과 데이터(Model)를 지정 - 템플릿 엔진: 데이터(Model)를 받아 동적으로 HTML을 생성한다. (JSP, PHP, Thymeleaf 등) 3. HTTP API HTML이 아니라 데이터를 전달한다! (주로 JSON 형식 사용) HTTP API는 다양한 시스템에서 ..
Frontend와 backend 연결하기 feat.CORS
React.js로 frontend 파트를 만들고 Express.js로 backend로 만들었다. 어떻게 연결해야 할까? 1. 브라우저에서 Frontend로 요청 보내는 과정웹 애플리케이션 로드 과정브라우저에서 URL 입력:사용자가 브라우저의 주소창에 http://localhost:3000과 같은 URL을 입력(여기서 localhost:3000은 개발 중인 프론트엔드 서버(React 서버)를 가리킴)HTTP 요청:브라우저는 해당 URL로 HTTP GET 요청을 보냄. 프론트엔드 서버 응답:React 서버는 요청을 받아서 index.html 파일을 브라우저에 응답으로 보낸다. 이 index.html 파일은 React 애플리케이션의 진입점이다.HTML 파싱 및 리소스 로드:브라우저는 index.html 파일..