일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 주소창에 naver 입력시 일어나는 일
- 서버 사이드 렌더링
- 스코프 체인
- CORS
- 변수 생성 단계
- 자바스크립트 함수
- 리액트의 생명 주기
- polyfill
- 이벤트 버블링
- 로컬 스토리지
- webpack
- react
- 가상 dom
- undeclared
- 세션 스토리지
- props와 state 차이점
- CSS
- 자바스크립트
- 리액트
- 깊은 복사
- MPA
- async/await
- 이벤트 캡처링
- 브라우저 렌더링원리
- 프로미스
- 클라이언트 사이드 렌더링
- 자바스크립트의 클래스
- 실행 컨텍스트
- 호이스팅
- 얕은 복사
Archives
- Today
- Total
목록CSR (1)
Gapus Dev Blog
[자바스크립트] CSR
CSR(Client-Side Rendering) CSR는 웹 애플리케이션의 초기 로딩 시 클라이언트로 모든 필요한 파일(HTML, CSS, JavaScript 등)을 전달하여 클라이언트에서 렌더링을 처리하는 방식 동작 방식 초기 요청 사용자가 웹 페이지에 접속하면, 서버는 클라이언트에게 필요한 파일을 제공 HTML파일에는 렌더링에 필요한 기본적인 구조와 비어있는 콘텐츠가 포함 파일 다운로드 클라이언트는 서버로부터 HTML, CSS, JS 파일 등을 다운로드 JS 파일은 주로 애플리케이션의 로직과 동적인 데이터 처리를 담당 렌더링 클라이언트는 JS를 사용하여 다운로드한 파일을 해석 DOM(Document Object Model)을 구성하여 화면을 렌더링 데이터 요청이 필요한 경우, AJAX나 API를 통해..
프론트엔드/JavaScript
2023. 10. 31. 15:48