일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- BFS
- 클라우드
- node.js
- AWS
- 알고리즘
- next.js
- 블록체인
- 프론트엔드
- 타입스크립트
- HTML
- 자바스크립트
- 파이썬
- 가상화
- TypeScript
- k8s
- kubernetes
- 백엔드
- 쿠버네티스
- 리액트
- react
- 이슈
- 솔리디티
- 웹
- JavaScript
- es6
- docker
- 백준
- CSS
- 이더리움
- 컴퓨터공학
Archives
- Today
- Total
즐겁게, 코드
강의 추천 : udacity 웹 최적화 기법 강의 본문
강의 링크 : https://classroom.udacity.com/courses/ud884/
웹 최적화 기법과 브라우저의 원리에 대한 괜찮은 강의가 하나 있어 공유해보고자 합니다!
바로 유다시티의 Website Performance Optimization 무료 강의인데요, 브라우저가 화면에 페이지를 렌더링하는 과정 및 페이지 반응속도를 향상시키기 위한 여러 기법들에 대해 배울 수 있습니다.
Vue나 리액트 등 특정 기술에 한정된 내용이 아닌 어떻게 보면 개발자의 기본 소양과도 같은 "최적화" 기법에 대해 익히기 좋으실 듯 한데요, 간단한 맛보기 퀴즈를 하나 보여드리겠습니다.
사진의 세 렌더링 프로세스는 각자 다른 방식으로 자바스크립트를 불러온 결과물인데요, 각 보기가 어떤 방식으로 스크립트를 불러온 것인지 맞히실 수 있으신가요? (인라인 스크립트 / 외부 스크립트 / async 외부 스크립트 중)
만약 잘 모르시겠다면, 이번 기회에 한번 배워보셔도 좋을 것 같네요! 😆
반응형
'🎨 프론트엔드' 카테고리의 다른 글
리코일은 "신"이고, 리액트 개발자는 "무적"이다 (2) | 2021.08.09 |
---|---|
리액트와 뷰로 크롬 익스텐션 빌드하기 (0) | 2021.08.05 |
noopener 속성으로 Tabnabbing 공격 방어하기 (0) | 2021.02.25 |
쿠키? 그거 먹는 건가요? (0) | 2021.02.15 |
웹 페이지 컨텐츠 복사 방지 구현하기 (0) | 2021.02.14 |
Comments
소소한 팁 : 광고를 눌러주시면, 제가 뮤지컬을 마음껏 보러다닐 수 있어요!
와!! 바로 눌러야겠네요! 😆