일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 2판
- 타입
- javascript
- 자바스크립트
- js
- refactoring
- 엘리
- rendering
- 자료구조
- 개발자
- TypeScript
- 브라우저
- 문법
- 마틴파울러
- React
- 렌더링
- 책
- type
- basic
- 개정판
- 기본
- 리액트
- 클린코드
- 리팩토링
- 리팩터링
- 자바스크립트문법
- ES5
- syntax
- 리뷰
- 도서
- Today
- Total
목록Spa (2)
Santos의 개발블로그
1. SPA: Single Page Application 가. 특징 SPA는 브라우저에서 자바스크립트를 이용하여 단일 웹페이지 상의 HTML 요소를 동적으로 생성하고 조작 서버 측에서는 텅빈 HTML 문서 하나와 자바스크립트 코드만 내려줌 → 이후에 모든 일들은 클라이언트 측에서 브라우저가 비동기로 처리 SPA는 브라우저에서 페이지 소스 보기를 하면 다음과 같이 요소 아래에 요소 하나만 있는 경우가 허다함 나. 장점 클라이언트에서 최초에 한 번 자바스크립트 코드를 내려받으면 그 이후로는 서버와 네트워크 통신을 할 필요가 없음 일반적인 웹사이트처럼 페이지 별로 끊어지는 느낌이 없음 사용자 경험 측면에서는 확실한 강점이 있음 다. 단점 지나치게 자바스크립트에 의존적임 → 자바스크립트가 돌아가지 않은 브라우징..
등장 배경 Virtual DOM을 이해하기 위해서는 브라우저가 동작하는 원리에 대해서 아는 것이 중요하다. 관련 자료는 밑에 첨부를 해두었으니, 한번 보고 오는 것도 나쁘지 않은 선택인 것 같다. https://sangcho.tistory.com/entry/ES5-Intro2-Browers-%EB%8F%99%EC%9E%91-%EC%9B%90%EB%A6%AC ES5 .Intro(3) - Browser 동작 원리 브라우저는 아마도 가장 많이 사용되는 소프트웨어일 것이다. 이 기록은 브라우저가 어떻게 동작하는지 간략하게 알아볼 것이다. 현재를 기준으로 상당히 많이 브라우저들이 존재하는데, 대표적인 브라우저로는.. sangcho.tistory.com HTML DOM은 HTML document의 구조와 같은 트리..