SK_MOUSE 개발일기

AttributeDescription id 유일한 식별자(id)를 요소에 지정한다. 중복 지정이 불가하다. class 스타일시트에 정의된 class를 요소에 지정한다. 중복 지정이 가능하다. hidden css의 hidden과는 다르게 의미상으로도 브라우저에 노출되지 않게 된다. lang 지정된 요소의 언어를 지정한다. 검색엔진의 크롤링 시 웹페이지의 언어를 인식할 수 있게 한다. style 요소에 인라인 스타일을 지정한다. tabindex 사용자가 키보드로 페이지를 내비게이션 시 이동 순서를 지정한다. title 요소에 관한 제목을 지정한다. NEW 태그 header 헤더를 의미한다 nav 내비게이션을 의미한다 aside 사이드에 위치하는 공간을 의미한다 section 본문의 여러 내용(article)..

HTML 구조를 볼때는 박스단위로 쪼개서 보고, 세부적으로 아이템은 사용자 입장에서 시각적인 UI이다. Block형(div)과 Inline형(span)을 잘 이용하여 배치하자. 1. HTML을 볼때는 크게 박스와 아이템으로 나눠서 볼 수 있다. Box는 Sectioning이 가능한것(눈에 보이지는 않는 틀) : 묶어서 스타일링할때 사용 Item은 사용자들에게 보여지는것들. HTML구조를 바라보는 관점 : Header안에 여러 박스가 존재한다...Body안에 여러 박스가 존재한다... 아래와같이 쪼개서 본다. React를 하나의 컴포넌트로 보지말고 최고로 작은 단위로 쪼개어서 작은 단위부터 개발하는 것이 필요하다. 2. HTML은 Block과 Inline 형태가 있다. Block은 각각 다른행으로 배열되고..