| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- Routing Key
- 페이징
- redis
- AWS
- CORS
- 스프링 부트
- 쿠버네티스
- Dead Letter Queue
- JWT
- @ComponentScan
- securitycontextholderfilter
- DLQ
- DI
- @Transactional
- JPQL
- 컨테이너
- 서블릿 컨테이너
- MSA
- JdbcTemplate
- Web
- 지연 로딩
- Spring Container
- dockerhub
- mybatis
- docker compose
- JPA
- Spring
- Spring Data JPA
- kafka
- docker
- Today
- Total
목록ajax (2)
look-forest
이번 시간에는 CSR과 SSR이 무엇이고 어떤 장단점을 가졌는지 알아보겠다. SPA (Single Page Application) ▷ CSR 사용자가 한 페이지 내에서 머무르면서, 서버로부터 필요한 데이터만 받아와 부분적으로 갱신 ▷ 한 페이지로 여러 정보 표현 가능 부분적 갱신 by ajax html 문서 전체가 아니라 json과 같은 형식으로 필요한 정보만 받아올 수 있음 ▷ 동적으로 html 요소 생산, 업데이트 CSR (Client Side Rendering) HTML 결과를 자바스크립트를 사용해 웹 브라우저에서 동적으로 생성해서 적용 주로 동적인 화면에 사용, 웹 환경을 마치 앱 처럼 필요한 부분부분 변경할 수 있음 예) 구글 지도, Gmail, 구글 캘린더 관련기술: React, Vue.js ..
기존 방식 - 사용성 측면 페이지를 바꿀 때마다 URL이 바뀌고 HTML 파일이 바뀜. 리로드됨. HTML 속 Image, JS 파일이 많으면 로드하기 느리고 비효율적. 내용만 바꾸고 싶다면? - 코드 재사용성 측면 콘텐츠마다 HTML 파일이 있어 관리하기 힘듦. 중복되는 코드. HTML template이 있고 그 안에 들어갈 내용만 동적으로 변경하고 싶다면? Ajax란? 리로드 없이 웹서버에게 정보를 요청해서 부분적으로 정보를 갱신하는 기술 리로드 할때마다 모든 정보를 다운로드하는 비효율을 회피! 예) 자동완성 - 글자 입력시 마다 브라우저와 웹 서버가 통신. 이때 전체 페이지가 리로드 되는 것이 아님! 장점 부분적 갱신 일부 정보가 달라졌음에도 전체 페이지를 리로드 하는 비효율 개선 -> 사용자: 사..