CSS

현재 대부분 브라우저에서 flex가 지원된다. 하지만 아직은 접두사를 사용하여야 지원이 되는 경우도 있고, IE처럼 아직도 완벽하게 지원되지 않는 경우도 있다. 크로스 브라우징을 위해 flex 호환성 이슈 해결 방법에 대해 알아보자.명세에도 적혀있듯이 아래 명시된 버전

SCSS, SASS와 같은 CSS 전처리기에서는 mixin과 function을 사용할 수 있다. 차이점과 사용법에 대해 알아보자.자바스크립트에서 함수를 사용하는 이유와 같다. 한 번 만들어두고 재사용 하기 위함이다.@mixin은 지정한 스타일을 반환하고, @functi

크고 복잡한 프로젝트일수록 네이밍 규칙이 중요하다. 프로젝트마다 규칙이 조금씩 다르겠지만, 많이 통용되고 있는 BEM에 대해 정리해보고자 한다.BEM(Block, Element, Modifier)도 네이밍 방법론의 하나일뿐이다. 이름에서 알 수 있듯이 Block(블록)

반응형 웹에는 두 가지 CSS 작성 방법을 적용할 수 있다. 데스크톱이나 뷰포트가 가장 큰 디바이스를 우선적으로 작성한 뒤 축소하면서 분기점을 추가하는 방식인 데스크톱 퍼스트. 가장 작은 디바이스를 우선으로 작성한 뒤 뷰포트를 확대하면서 분기점을 추가하는 방식은 모바일

매번 부모 요소 선택자를 같이 선언해야 한다. (코드 중복으로 인해 코드량 증가 ➡️ 유지보수성 저하)함수나 변수 기능이 없기 때문에 자동화가 어렵다.모든 스타일이 글로벌에 선언되어 중복 클래스명에 유의해야 한다.여러 CSS 간에 의존 관계를 관리하기 힘들다.CSS를