당근먹는하니
귀엽고 행복해
당근먹는하니
전체 방문자
오늘
어제
  • 분류 전체보기 (274)
    • 다람쥐🐿 (26)
    • C++ 공부빵야 (7)
    • 공부👻 (5)
    • 프론트엔드✏️ (228)
      • 코드캠프 (120)
      • 팀 프로젝트✨ (31)
      • 개인공부 (67)
    • 프론트엔드 - 바닐라js (7)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 배포
  • 자바스크립트
  • typescript
  • 프론트엔드
  • 코딩 부트캠프
  • 리액트
  • javascript
  • ssg
  • graphql
  • JS
  • algorithm
  • 팀플
  • React-hook-form
  • 프로그래머스
  • next.js
  • 코딩
  • 팀프로젝트
  • 알고리즘
  • refreshtoken
  • 회고
  • 코드캠프
  • 팀 프로젝트
  • 부트캠프
  • HTML
  • 배열
  • javascrpit
  • CSS
  • emotion
  • 공통 컴포넌트
  • react

최근 댓글

최근 글

티스토리

250x250
반응형
hELLO · Designed By 정상우.
당근먹는하니

귀엽고 행복해

프론트엔드✏️/코드캠프

CSS 이름 짓는 규칙

2022. 5. 28. 04:06
728x90
반응형

  CSS 이름 짓는 규칙

 App.css 를 보면 '컴포넌트 이름 - 클래스 형태'로 지어진 것을 볼 수 있다. 이는 클래스 이름에 컴포넌트 이름을 포함시킴으로써 다른 컴포넌트에서 중복되는 것을 막기 위해서다. 

 BEM 네이밍이란 것도 있는데, 이는 CSS 방법론 중 하나로 이름을 지을 때 해당 클래스가 어디에서 어떤 용도로 쓰이는지 명확하게 쓰는 방식을 말한다. (ex. card__title-primary)

 

 

 

 

 

김민준, ⌜리액트를 다루는 기술⌟, 길벗, 2019

728x90
반응형
저작자표시 비영리 동일조건 (새창열림)

'프론트엔드✏️ > 코드캠프' 카테고리의 다른 글

React - Hooks : prev state  (0) 2022.05.30
React - event  (0) 2022.05.28
220527 프론트엔드 부트캠프 19일차 : 깊은 복사, 얕은 복사, Infinite-scroll  (0) 2022.05.28
알고리즘 - substr  (0) 2022.05.28
220526 프론트엔드 부트캠프 18일차 : pagination, state Lifting  (0) 2022.05.27
    '프론트엔드✏️/코드캠프' 카테고리의 다른 글
    • React - Hooks : prev state
    • React - event
    • 220527 프론트엔드 부트캠프 19일차 : 깊은 복사, 얕은 복사, Infinite-scroll
    • 알고리즘 - substr
    당근먹는하니
    당근먹는하니

    티스토리툴바