일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- tcp
- AWS
- Trino
- Packet
- airflow
- kubernetes
- Network
- PostgreSQL
- Spring
- Operating System
- CVAT
- log
- kubectl
- JavaScript
- CSV
- OS
- kubeadm
- MAC address
- helm
- zookeeper
- Vision
- Kafka
- Python
- jvm
- ip
- java
- aws s3
- docker
- grafana
- EC2
- Today
- Total
목록SEO (3)
JUST WRITE
HTTP HyperText Transfer Protocol HyperText를 전송하기 위한 통신규약 Web Server와 Web Browser 사이에 데이터를 전송하기 위한 통신 규약 Default Port -> 80 HTTPS HyperText Transfer Protocol Secure HTTP + SSL(보안 소켓 계층) -> 보안 기능의 추가 데이터 전송 이전에 데이터 암호화를 통해 보안 강화 Default Port -> 443 장점 보안 기능의 강화 온라인 마케팅 -> 검색엔진 최적화(SEO, Search Engine Optimization)에서 가산점 가속화 모바일 페이지(AMP, Accelerated Mobile Pages) 만들 때 필요 **참고 (RFC_7540 HyperText Tra..
이 글은 YouTube 드림코딩 by 엘리의 '서버사이드렌더링'편을 정리하여 작성한 글입니다. CSR Client Side Rendering Client에서 HTML 렌더링을 진행한다. 아래 처럼 기본적인 HTML을 가져온 다음, JavaScript를 파일을 Server에서 받아 동적으로 HTML 렌더링을 한다. JavaScript에는 Application 로직과 Application에 필요한 Framework, Library의 소스코드가 포함되어 있다. 그리고 Application 로직을 수행하면서 필요한 데이터를 가져온다. 해당 데이터와 JavaScirpt 로직을 실행한 것을 바탕으로 사용자에게 보여지는 최종적인 HTML 렌더링을 마친다. 장점 첫 Loading 이후에는 좋은 UX(User Exper..
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에 접근하려고 할 수..