가상요소(::before, ::after)가 안보이거나 애니메이션 되지 않을 때
웹표준에 맞춰 바른 마크업을 하기위해서는 가상요소를 사용하게 되는 경우가 많습니다. 가상요소를 분명이 오타없이 적용했는데 보이지 않는 이유와 원인들을 정리하여 같은 이유로 고생하시는 분들에게 조금이라도 도움이 되고자 싶어 정리해 봅니다. 가상요소는 …
학원/직업학교 교육에서 실패하는 유형(feat. 퍼블리셔)
학원이나 직업학교에서 UX디자인 및 프런트엔드 강의를 하는 저로서 교육생들의 취업성공을 위해 많은 고민을 합니다. 그 중에 퍼블리셔 교육과정은 진입장벽이 낮은 편이지만, 오프라인 집체교육으로 진행할 때 실패하는 유형을 정리해봤습니다. 부족한 학습 …
도메인에 www가 있는것과 없는 것의 차이점
일반적으로 “www”는 World Wide Web의 약자로 사용되는 서브도메인입니다. 2차 도메인이라고도 부르기도 하죠. 주소에 “www”를 포함시키는 것과 포함시키지 않는 것 사이에는 몇 가지 차이점이 있습니다. 저희가 ‘서울시’라고 부르는 것과 ‘서울시 구로구’라고 …
크롬 개발자 도구에서 hover/focus 상태 확인하는 방법
개발자 도구를 통해서 CSS 적용상태를 확인하거나 수정해보는 경우가 있는데 마우스를 올렸을 때나 포커스를 가진 경우의 디자인을 보고 싶은 경우가 있습니다. 하지만 개발자 도구에서 그 항목을 보려는 순간 이벤트가 해제되면서 CSS확인이 …