728x90 반응형 HTML3 웹 애플리케이션의 생애주기(the lifecycle of a web application)_2. event-handling from Secrets of the JavaScript Ninja 이번 글은 'Secrets of the JavaScript Ninja'의 'Chapter 2. Building the page at runtime'을 바탕으로 작성하였습니다. 핵심 Keywords 웹 애플리케이션 생애주기의 단계 웹 페이지를 만들기 위한 HTML code의 절차 JavaScript code의 실행 순서 이벤트를 활용하여 interactive한 page 만들기 event loop 사전 지식 체크! 브라우저는 HTML code가 짜인 대로 page를 생성하는가? 웹 애플리케이션은 한 번에 event를 몇 개 처리하는가? 브라우저가 event를 처리하기 위해 event queue를 쓰는 이유? 2. event-handling page-building 단계가 끝나고 나면 event-handlin.. 2022. 4. 4. 웹 애플리케이션의 생애주기(the lifecycle of a web application)_1. page-building from Secrets of the JavaScript Ninja 이번 글은 'Secrets of the JavaScript Ninja'의 'Chapter 2. Building the page at runtime'을 바탕으로 작성하였습니다. 핵심 Keywords 웹 애플리케이션 생애주기의 단계 웹 페이지를 만들기 위한 HTML code의 절차 JavaScript code의 실행 순서 이벤트를 활용하여 interactive한 page 만들기 event loop 사전 지식 체크! 브라우저는 HTML code가 짜인 대로 page를 생성하는가? 웹 애플리케이션은 한 번에 event를 몇 개 처리하는가? 브라우저가 event를 처리하기 위해 event queue를 쓰는 이유? 웹 애플리케이션 생애주기 내용을 본격적으로 살펴보기에 앞서 웹 애플리케이션의 대략적인 생애주기부터 살.. 2022. 4. 4. CSS 더 쉽게 하자! with Sass 이번 글은 아래 강의를 토대로 작성하였습니다. CS50's Web Programming lecture 0. HTML & CSS 들어가며 CSS에서 같은 값을 반복해서 입력해야 할 때 불편함을 겪는다. 물론 :root{}를 활용하여 자주 쓰이는 값을 저장해서 호출하는 식으로 처리할 수도 있으나 :root에 저장한 값을 일일이 불러와야 한다는 점에선 불편한 것은 매한가지이다. Sass를 활용하여 CSS를 작성하면 이런 번거로움을 덜 수 있다. 아래 내용을 보며 Sass에 대한 기본적인 지식을 익혀보자. 실전 활용법 설치하기(Windows 10 기준) npm install sass complile scss to css Sass의 확장자는 scss이다. scss 자체로는 웹 브라우저에 읽힐 수 없기 때문에 cs.. 2022. 4. 1. 이전 1 다음 728x90 반응형
