| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- java
- kubectl
- PostgreSQL
- jvm
- ip
- docker
- grafana
- JavaScript
- tcp
- Packet
- EC2
- AWS
- kubernetes
- Vision
- airflow
- Operating System
- CSV
- aws s3
- OS
- Spring
- CVAT
- MAC address
- log
- Python
- Network
- zookeeper
- Trino
- Kafka
- kubeadm
- helm
- Today
- Total
목록ALL (206)
JUST WRITE
Web의 역사(1)
이 글은 YouTube 드림코딩 by 엘리의 서버사이드렌더링편을 정리하여 작성한 글입니다. Static Sites 대부분 Web Site가 Static Sites로 구성되었다. Server에 배포된 HTML을 그대로 Web Browser에서 전달하는 방식이었다. Page내에서 Link를 클릭하면 Server에서 해당 HTML를 받아와서 Page 전체가 업데이트 되었다. iframe inline frame의 약자로 Page안에 다른 Page를 넣을 수 있게 해주는 태그이다. iframe 태그를 통해 부분적으로 업데이트가 가능하게 되었다. The iframe element : 인라인 프레임 요소 | MDN 요소는 중첩 브라우징 맥락을 나타내는 요소로, 현재 문서 안에 다른 HTML 페이지를 삽입합니다. de..
async vs defer
Web Browser는 HTML를 Rendering할때, CSS, JavaScript를 만날 시 동기적으로 처리한다. 이 부분은 Rendering 속도에 영향을 주게 된다.(사용자 경험 측면, SEO에 영향) HTML Parsing을 멈추고 Script를 가져오고 실행까지 한다. 그 다음 남은 HTML Parsing을 진행한다. async async 속성을 true로 설정하면 CSS, JavaScript 비동기적으로 처리한다. HTML Parsing을 멈추지 않고 Script를 가져오고 실행까지 한다. // async default : true Warning!! async 속성을 설정하고 Script가 DOM에 접근해야될 경우에는 주의! 아직 HTML Parsing이 되지 않은 DOM에 접근하려고 할 수..