19.09.25.수 TIL

• pug에 내장되어 있는 mixin을 사용해봤다. 함수와 꽤 비슷한 형태였다.

// 함수
function funcName(arguemnt){
...
}

// pug mixin
mixin mixinName(obj={})
	.classname
    	video.video-column(src=obj.key)

차이점은 함수는 {} 가 있고, mixin은 바로 아래 pug 문법으로 html을 사용한다는 것이다.
잘 익혀둬서 다시 혼자서 해봐야겠다.

• 이걸 하면서 생각해둔 프로젝트가 있다. 프로젝트를 준비하면서 다른 웹사이트들은 어떻게 화면을 구성하고 있는지 궁금해서 첫번째로 인기있는 웹사이트 메인을 개발자 도구로 열어서 봤다. 여러 태그들이 있었다. header와 section 태그가 눈에 들어왔다. semantic tag로 태그의 사용목적과 의도가 나타나 있다. 아직은 semantic tag를 잘 알지 못한다. 정확히 어디다 써야할 지도 잘 모른다. 이름있는 웹 사이트들을 개발자 도구로 열어봐서 어떻게 사용하는지 보고 공부해야겠다.