나름대로 공부한답시고 유튜브나 인터넷 강의 이것저것 보다가 BEM에 대해서 접한 적이 있다. 그때는 그냥 아 이런 거구나 하고 넘어갔었는데, 멘토/멘티 직무캠프를 하면서 BEM 구조에 대해 배우고 활용할 기회가 생겼다. BEM 소개 BEM 구조가 뭐냐? 먼저 BEM

이번엔 태그 선택자를 사용하지 않아야 하는 이유에 대해서 정리를 해보려고 한다. 위 문서에서는 HTML 태그를 직접적으로 선택하여 스타일을 적용하는 것에 대한 문제점을 다루고 있다. 동시에, 태그를 직접 타겟팅하기 보다는 클래스를 사용하기를 권장한다는 내용이기도 하다

사실 웹 표준에 대해서 먼저 정리를 했어야 했는데 웹 접근성 다음에 크로스브라우징에 대해 먼저 찾아보느라 정리가 늦어졌다. 웹 접근성 다음에 항상 같이 따라오는 말이 웹 표준인 것 같다. 그만큼 중요도가 높다는 의미 아닐까 생각한다. 웹 표준(Web Standard

PostCSS에 대해 정리하다가 크로스 브라우징에 대해서도 정리를 한 번 해야겠다는 생각을 했다. 왜냐하면, 내가 해본 건 겨우 클론코딩이 전부이지만 코드를 작성할 때 한 번도 이 부분에 대해 신경을 써본 적이 없다는 걸 깨달았기 때문이다. 단순히 디바이스에 따른 레이

얼마 전 스터디를 하다가 PostCSS에 대해 간단하게 설명을 들었다. 듣다보니 이거 이름 어디서 들어봤는데..? 하고 생각이 들었다. 생각해보니 옛~날에 잠깐 퍼블리싱 과정을 들을 때 스치듯이 들었던 게 기억이 났다. 그냥 들었던 것만 기억이 나고 정확히 어떤 도

웹에 대해서 공부하면서 웹 접근성이란 말을 정말 많이 들었다. 대충은 아는데 정확하게 설명해보라고 하면 "어.. 장애가 있는 분들이나.. 그런 거 상관없이 모든 사람이.. 어려움 없이 웹을 사용할 수 있도록 하는 거..?" 뭐 대충 요정도로만 대답할 수 있는 상태였다.

처음 클론코딩을 하기에 앞서, 좀더 기초적인 것들을 짚고 넘어가야겠다고 생각해서 찾아본 문서들이 있다. 더 좋은 CSS를 작성하기 위한 팁이라는 제목으로 작성된 글을 나중에 다시 보더라도 이해하기 쉽도록 정리하고자 한다. 1. 선택자 사용의 명확성 > #### D