일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 리액트네이티브
- 최적화
- 캐쉬
- async
- react-native
- CSS-in-JS
- SWC
- thread
- next.js
- vanilla-extract
- JavaScript
- 목킹
- mockoon
- 기본
- Cache
- next hydration
- 기초
- React
- styled-component
- 리액트쿼리
- react-query
- Critical Rendering Path
- 비동기
- Babel
- react server component
- link
- MSW
- 쓰레드
- 리액트
- 개발자
- sprinkles
- 컴포넌트
- 동기
- 자바스크립트
- front-end mocking
- Basic
- 아키텍처
- Concurrent Mode
- amplify
- mock service worker
Archives
- Today
- Total
Don’t worry about failures
Javascript 그리고 Typescript (1) - 필기 본문
728x90
웹앱의 구성요소
html css javascript
일반 html, css로만 구성된 것은 단순 페이지라고만 표현하며, 앱이라고는 하지 않는다.
-> 이는 정적이고 단순 보여주기만 하는 기능
앱 - 어플리케이션
상태를 가지고 있고, 사용자와 상호적으로 주고 받을 수 있는 다양한 기능을 제공
웹앱을 실행시키는 역할을 하는 것은 브라우저.
이전에는 자바스크립트를 실행시키는 것이 브라우저만 존재. 하지만 node가 나옴으로써 브라우저 외에서도
자바스크립트를 실행할 수 있는 환경을 만들 수 있음.
html 어디서 주도적으로 그리는가
client side render: 웹 서버에서 html을 브라우저가 받았는데 최초로 받은 html에는 거의 아무런 내용이 존재하지 않고,
자바스크립트가 동적으로 그려주는 것
server side render: 웹 서버에서 html을 전부 그려서 내려보내 브라우저에서 바로 UI를 보여주는 것
캔버스 : 그래픽 시스템을 표현하기 위한 도화지. 2D 3D를 표현해주는 영역을 제공.
실제 그리는건 자바스크립트.
728x90
'Online class Study' 카테고리의 다른 글
Layout Shift에 대해 (0) | 2022.04.17 |
---|---|
브라우저 캐쉬에 대해 (0) | 2022.04.09 |
Reflow, Repaint 그리고 Reflow, Repaint생략에 대해 (0) | 2022.03.20 |
Javacript그리고 Typescript(2) - 필기 (0) | 2021.06.13 |
김민태 프런트 엔드 개발자님 강의 (0) | 2021.05.30 |