# BEM

39개의 포스트
post-thumbnail

# HTML 심화

문서가 어떤 형식과 버전으로 작성되었는지를 명시선언시 standards mode(최신 형식)로 문서 실행비선언시quirks mode(옛날 브라우저를 모방)로 문서 실행브라우저의 탭에 표시됨. 즐겨찾기 제목&검색결과 제목으로 표시됨.오늘날에는 .png .gif 파일로 파

5일 전
·
0개의 댓글
·
post-thumbnail

BEM 방식의 Sass작성하기

BEM 방식으로 Sass를 작성할 경우의 장점에 대해 알아보고, css 코드와 Sass 코드를 비교한다.

2022년 9월 17일
·
0개의 댓글
·
post-thumbnail

BEM의 기본 문법

BEM의 구조와 Block, Element, Modifier의 간단한 기능에 대하여 학습한다.

2022년 9월 17일
·
0개의 댓글
·
post-thumbnail

CSS의 역사

image가장 전통적인 CSS 방식에는 크게 3가지 방식이 존재한다.Inline CSS(- Internal CSS(- External CSS(일반적으로 간단하게 태그안에 style을 적용하는 방법HTML 페이지에 쉽고 빠르게 CSS 룰을 삽입할 수 있다.변경에 대한 미

2022년 9월 7일
·
0개의 댓글
·

CSS 방법론 (BEM 방식)

BEM 방식링크 https://nykim.work/15

2022년 9월 4일
·
0개의 댓글
·

CSS 방법론

CSS 방법론 BEM OOCSS SMACSS

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

B.E.M(Bolck Element Modifier)

Bolck,Element,Modifier : CSS 클래스 이름을 지을 때 규칙B.E.M이 중요한 이유 : 협업을 할 때 css 클래스의 이름의 규칙이 없다면 잘 세워뒀던 HTml, Css가 한번에 무너져버릴 수 있습니다. : 이름 설정할 때 표시에 따라 (왼쪽 : 안

2022년 7월 4일
·
0개의 댓글
·

[개발자되기: CDD] Day-38

조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 개발 진행CSS가 구조적으로 작성될 수 있게 도움주는 도구CSS 전처리기 중 가장 유명한, CSS를 확장해 주는 스크립팅 언어SCSS 코드를 읽어서 전처리한 다음 컴파일 해서 전역 CSS 번들 파일을 만들어 주는

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

CDD, Styled Component

Component Driven Development상향식 개발컴포넌트 단위로 만들어서 페이지를 레고처럼 조립하는 개발 방식재사용 가능한 UI 컴포넌트디자인, 개발단계에서부터 재사용 가능한 UI 컴포넌트를 고안한다면,이후에도 새롭게 만드는 것이 아닌, 재사용할 수 있게

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

📌 HTML에서 BEM 작명법은 기본이지! 🤡

웹 개발 공부하면서 아직도 어려운 것은 배우면 배울수록 쏟아지는 낯선 용어들이다. 왜 그렇게 줄임말은 많은지.. 마치 10대들만 쓰는 신세대 용어를 배우는 기분이다.그래도 한 분야의 공부는 그 용어만 제대로 알아도 대화는 통하듯이 계속해서 노출된다면 익숙해지면서 자연스

2022년 4월 13일
·
0개의 댓글
·
post-thumbnail

[CSS 방법론] BEM 방식

CSS 방법론인 BEM에 대한 내용으로 BEM이란 'CSS classname을 어떻게 지으면 좋을지'에 대한 내용입니다. BEM은 Block, Element, Modifier를 뜻하고 각각 \_\_와 --로 구분합니다.예를 통해 알아보면 block은 쉽게 생각하면 재사

2022년 3월 30일
·
0개의 댓글
·

웹은 덩어리, 구성 요소, 변형의 반복으로 이루어져 있다

선택자 우선 규칙과 BEM 방법론에 대해 알아보기

2022년 3월 20일
·
0개의 댓글
·
post-thumbnail

HTML, CSS (BEM)

BEM(Block Element and Modifiers)은 클래스 이름을 짓는 규칙을 의미합니다.

2022년 3월 3일
·
0개의 댓글
·

BEM

아직도 HTML, CSS 클래스명을 마구잡이로 작성하고 있는가?? NoNo !! 이제 BEM을 사용해보자

2022년 2월 20일
·
0개의 댓글
·
post-thumbnail

CSS 방법론

코드의 재사용코드의 간결화코드의 확장성코드의 예측성(직관적인 클래스 네이밍)개발, 디버깅, 유지보수를 위하여 CSS 선택자의 이름을 가능한 한 명확하게 만드는 것이 목표이다.소문자, 숫자 만을 이용해서 작명한다.여러단어의 조합은 하이픈(-)으로 연결하여 작명한다.ID는

2022년 1월 28일
·
0개의 댓글
·
post-thumbnail

TIL 20220106

ES2021 자바스크립트 강좌 - 제로초익명함수는 주로 콜백으로 쓰인다함수를 호출할떄 넣은 값(argument)을 인수, 선언할떄 사용한 변수(parameter)를 매개변수라고 함함수 내에서 arguments라는 값을 사용 가능 -> 호출시 넣은 parameter값을

2022년 1월 6일
·
0개의 댓글
·
post-thumbnail

BEM 방법론 정리 (네이밍 규칙)

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

2022년 1월 3일
·
0개의 댓글
·
post-thumbnail

BEM CSS 방법론 정리

BEM(Block, Element, Modifier) 방식

2021년 12월 10일
·
0개의 댓글
·
post-thumbnail

BEM

BAM!이 아닌 BEM

2021년 12월 6일
·
0개의 댓글
·
post-thumbnail

[KDT]FCFE - 2주4일 웹페이지 만들기 2 (gsap&lodash)

: class 이름을 생성할 때 의미를 두고 만들어 중복하지 않고 사용할 수 있도록 하는 작명법. menu\_\_name: 요소\_\_일부분menu\_\_content--상태: 요소\_\_일부분--상태\_.throttle(function(){},300);: 반복 작업

2021년 12월 2일
·
0개의 댓글
·