HTML 시맨틱 태그(Semantic Tag) - 텍스트 콘텐츠
텍스트 콘텐츠 body 태그 내에 있는 콘텐츠를 블록 혹은 섹션 단위로 나눠 정리할 수 있다. 웹 접근성과 SEO를 고려하여 목적에 맞는 태그를 적절하게 사용할 필요가 있다. <br> 줄바꿈 태그. <wbr>...
HTML 시맨틱 태그(Semantic Tag) - 콘텐츠 구획
콘텐츠 구획 요소 문서 내 콘텐츠를 논리적 블록으로 만들어 구획을 나누어 준다 <main> 문서의 주요 콘텐츠를 나타낸다. 즉, 해당 문서의 핵심 주제, 혹은 앱의 핵심 기능들과 직접 연결되어 있거나 확장되는...
emmet 문법으로 태그 자동완성하기
emmet 문법 기본 사용법 기본적으로 자동완성하고 싶은 태그 이름을 쓰고 tab을 누르면 태그가 자동완성된다 h1 + tab 입력 <h1></h1> Syntax 요소에 텍스트 넣기 h1{hello world} <h1>hello world</h1> 태그에 id 부여...
API(Application Programming Interface)
API 란? 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일 제어, 창 제어, 화상 처리, 문자 제어 등을 위한...
DOM(Document Object Model)
DOM 이란 무엇인가? 출처: 유노코딩님 유튜브 문서 객체 모델. HTML, XML 문서의 프로그래밍 interface 이다 브라우저는 서버에 request하여 response로서 받은 HTML 문서를 렌더링하여 화면에 표현한다 그 과정에서 브라우저는 HTML 코드의...