100일은 해야지

시맨틱 태그(Semantic Tag) 내용에 대해 아무것도 알려주지 않는 태그나 태그 등과는 다르게 시맨틱 태그는 웹 페이지 내의 내용에 의미와 콘텍스트를 제공하는 HTML 태그입니다. 즉, 페이지에 내용을 표시하는 '방법'을 지정하는 것이 아닌 내용의 '목적'이나 '의미'를 설명하도록 설계된 것이죠 주로 쓰는 시맨틱 요소 정리 : 웹 페이지의 헤더 섹션을 정의할 때 사용합니다. 일반적으로 제목이나 로고 머리말 같은 요소들이 들어갑니다. : 웹 페이지의 탐색 섹션을 정의할 때 사용합니다. 동일한 사이트 안의 문서나 다른 사이트의 문서로 연결하는 링크들이 들어갑니다. : 블로그 게시물 또는 뉴스 기사와 같은 웹 페이지 내에 포함된 콘텐츠를 정의하는 데 사용됩니다. : 웹 페이지 내에서 내용 섹션을 정의하는..

폰트를 로컬적용 하는 법 폰트를 다운로드하여서 css 파일에 적용하면 끝입니다. 간단하죠? css 파일에 font-face로 적용하면 됩니다. 저는 Nanum Pen Script를 다운로드하였기 때문에 NanumScript로 적용시켜볼게요. @font-face { font-family: 'Nanum Pen Script'; src: local('NanumPenScript'), url('./font/Nanum_Pen_Script/NanumPenScript-Regular.ttf') format('truetype'); //너무길어서 보기좋게 줄바꾸겠습니다 } @font-face { font-family: " 글꼴이름" ==> 이름은 마음대로 설정가능 하지만 나중에 혼란을 줄 수 있기 때문에 같은 폰트와 같은 이..

스코프는 변수의 유효 범위 즉 변수에 접근할 수 있는 범위를 말합니다. 동일한 식별자 충돌을 방지하기 위해 있는 거죠 변수나 함수 선언 위치에 따라 스코프를 구분할 수 있는데요 스코프에는 전역 스코프 (global scope)와 지역 스코프(local scope)가 있는데요. 지역 스코프는 또 함수레벨 스코프와 블록레벨 스코프로 나눠져요 함수레벨 스코프는 함수에서만 가져다 쓸 수 있고 블록레벨은 블록에서만 가져다 쓸 수 있죠 여기서 블록은 {}중괄호 안을 얘기합니다. var str_v = "전역 스코프" let str_l = "전역 스코프" const str_c = "전역 스코프" function fncScope() { console.log(str_v) // Output : 전역스코프 console.lo..