무우너의 먹물 기록

HTML : 웹을 이루는 가장 기본적인 빌딩 블럭 웹 컨텐츠의 구조와 의미를 결정 표준화된 markup 언어 사용 HyperText Markup Language 웹브라우저상에서 보여지도록 디자인된 문서 Markup 언어? : 일반적인 텍스트와 문법적으로 구분하기 위해 문서에 annotating 된 것 태그들을 이용해 구조적으로 작성 내부 구조 확인하기

CSS 작성을 줄여주는 태그 1) progress - 진행률 표시줄 제공 - 속성값 : max, value + meter 태그와 연관 - 유저에게 값의 수준을 보여줌(값에 따라 색상이 달라짐) - 차이점 : 작업의 진행상황이 아닌 값의 상태만 전달 - 속성값 : value, min, max, low, high, optimum(최적) - CSS pseudo classes를 활용해 커스터마이징 가능 - optimum-value, suboptimum-value, even-less-good-value,, ex. 미세먼지를 수준 정도를 나타낼 수 있음 JS의 기능을 수행할 수 있는 태그 2) detail, summary - 유저의 클릭으로 정보를 보여주고 숨기는 기능 ex. 클릭 전 보여질 내용 클릭 후 보여질 ..

console 함수 : API(Node.js와 WebAPI에 인터페이스가 동일하게 존재) - WebAPI : 브라우저가 제공하는, 이해할 수 있는 함수 async와 defer의 사용 : html에 Javascript를 포함할 때 사용 Html에 JavaScript 포함하는 법 1) head + parsing HTML blocked parsing HTML - blocked 상태 fetching js executing js - 브라우저가 html 파일을 한줄 한줄 분석하며 CSS 요소와 병합하여 DOM 요소로 변환 - script 태그가 보이면 parsing을 멈추고, 필요한 자바스크립트 파일을 서버에서 다운받아 다시 parsing 단점) - js 파일 크기가 크고, 인터넷이 느린 경우 사용자가 웹사이트 보..