Genius DM

See content in English 빠른 HTML 마크업을 위한 Emmet 약 2년 전에 Emmet 을 알고 난 후, 언젠가 써봐야지 하고 잊고 지내다가 갑자기 생각나서 급하게 포스트를 작성한다. Emmet 단어가 기억이 나질 않아서 구글에 간접 검색을 수차례 한 끝에 겨우 찾아냈다... 역시 생각나면 블로그에 바로 글 쓰는 것이 좋구나 다시 한 번 느낀다. Emmet?Emmet 은 HTML 을 빠르게 작성하기 위한 툴이다. 눈으로 직접 보는 것이 이해하는 데 가장 빠르다. 아래 비디오를 보자. https://emmet.io/ 공식사이트에 가면 아래와 같은 가짜 비디오를 볼 수 있다. (textarea 에 스크립트 걸어놓은 거라 가짜 비디오다 ) Emmet 은 확장성이 뛰어난 Plugin 이다. 실..

See content in English Flexibility Plugin Web UI 개발하다보면 CSS3 Flex 속성이 얼마나 유용한지 체감할 수 밖에 없다. 세로 중앙 정렬같은 경우나, 컨텐츠 자동 상/하/좌/우 중앙 정렬 처리할 때 일반적인 속성으로는 처리하기 힘들기 때문이다. 여러가지 편법을 사용해야 한다. 특히 사이즈가 컨텐츠에 따라 유동적일 경우 여러가지 기묘한 방법을 써야만한다. flex 박스 content-adjust 와 align-items 속성만 지정하면 간단한 것을.... 그렇다고 고작 그러한 처리를 위해 스크립트를 짜서 따로 영역 계산해주기도 번거롭고..... 무엇보다 볼품없다. 그렇지만 아직도 IE10 이하 버전 사용자가 많은 상태에서 Flex 속성을 고집하면 아무래도 좀 아쉬..