html

들어가며 html 문서를 작성하다보면, 또 우리가 이용하는 웹 사이트들을 개발자 도구를 통하여 확인해보면 이 문서 최상단에 작성되어 있는 것을 볼 수 있습니다.  저는 해당 의 존재를 학부생 1학년 시절, VSCode의 html 문서 자동완성 기능을 통하여 처음 접하게 되었던 기억이 있습니다. 그때에도 크게 이 정확히 무엇인지 짚고 넘어가지 않았던 것으로 기억합니다. HTML Doctype이란? Doctype은 선언문 이름 그대로 문서(document)가 어떤 버전을 기반으로 작성(type) 되었는지를 알려주는 역할을 수행합니다. 은 문서의 최상단에 위치하여 브라우저가 HTML 문서를 해석하고 렌더링하는 방식을 결정하게 됩니다. 대소문자를 구별하지 않지만 관습상, 강조를 위하여 전체를 대문자로 표기하는 ..

들어가며 HTML의 스크립트 요소 는 JavaScript 코드를 포함하거나 외부 스크립트 파일을 불러오는 역할을 수행합니다. 우리는 이러한 요소를 통하여 웹 페이지에 동적 기능과 인터랙티브한 요소들을 추가할 수 있습니다. 이러한 script 요소에는 많은 속성이 존재하는데 본 포스팅에서는 그 중에서 async와 defer에 대하여 알아보고자 합니다. async와 defer 속성을 사용하는 이유는 무엇일까?https://what-time.tistory.com/50 [SEO] script 태그는 html에서 어디에 넣는 것이 가장 좋을까?시작하며 현재 진행 중인 프로젝트의 성능 개선을 위하여 가장 많은 사용자가 진입하고, 많은 로직을 처리하는 홈 부분부터 차근차근 개선을 시작하기로 하였습니다. Reques..

1. 경고 문구 설명 React를 사용하면서 "Warning: validateDOMNesting(...): cannot appear as a descendant of ."라는 경고를 본 적이 있으신가요? 이 경고는 태그 안에 태그를 넣었을 때 발생합니다. HTML 구조에서 태그는 블록 레벨 요소를 포함할 수 없기 때문에 발생하는 문제입니다. https://www.w3.org/TR/2014/REC-html5-20141028/grouping-content.html#the-p-element 4.4 Grouping content — HTML5A p element's end tag may be omitted if the p element is immediately followed by an address,..