CSS 썸네일형 리스트형 [CSS] Bem 이란? Bem 은 Block Element Modifier 의 약자이며, CSS 개발 방법론이다. 말 그대로 Block 다음에 Element(내부요소) 다음에 Modifier(기능)순으로 네이밍을 한다는 의미이다. 큰 틀은 article__button--alert 이다. Block은 Header / nav / article / footer 등 block요소를 지칭하는 것이다. Element는 블록 내부에서 실제 기능을 담당하는 요소를 말한다. Modifier는 element의 기능 이나 속성을 지칭한다. 여러 블로그를 보면서 이 방법을 쓰는 이유는 크게 2가지로 생각된다. 1. .lists .list .items .item과 같은 중복 표현을 .list__item 요렇게 간결하게 줄이면서 보기 편하게 만든다는 .. 더보기 [VSCode] Prettier - 코드를 깔끔하게 정리하기 Prettier란 무엇인가? Code Formatter으로 vscode에서 extensions로 설치가 가능하다. 주요 내용 setting에서 설정해준 값에 따라 파일을 저장할때 마다 자동으로 수정해준다. 예시) 끝에 세미클론을 안붙이고 저장하면 붙여준다 , 탭의 간격은 2로 조정해준다 등 세팅 방법 1. .prettierrc 에 세팅 - tabWidth : 탭 길이 - useTabs : 탭 사용하면 들여쓰기 - endofLine : 마지막 줄에 줄바꿈 - printWidth : 지정 글자수 이상 자동 줄바꿈 - semi : 세미클론 사용 여부 - singleQuote : 기본 쌍따옴표인데 홑따옴표를 사용할지 여부 2. ctrl + shift + p > open settings(JSON) > 아래와 같이.. 더보기 이전 1 다음
