Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- typescript
- SemVer
- 캐나다취준
- 회고
- 시스템디자인
- framer
- ASP.NET
- framer-motion
- 이펙티브타입스크립트
- React-Router-Dom
- JSBridge
- 테오의 스프린트
- react
- Semantic Versioning
- Framer motion
- 알고리즘
- 개발자 원칙
- 코드트리
- 개발자를 위한 글쓰기 가이드
- useState
- 캐나다개발자
- TS
- 타입스크립트
- 글또
- VS Code
- JUNCTION2023
- 글또 10기
- Effective Typescript
- CSS방법론
- CSS
Archives
- Today
- Total
목록CSS방법론 (1)
큰 꿈은 파편이 크다!!⚡️
BEM: CSS 네이밍 방법론
책 "클린 코드"에서는 의미 있는 이름을 지어야 하는 이유와 이름을 의미있게 짓는 방법에 대해 한 챕터에 걸쳐 설명하고 있다. 입사하거나 팀 단위 프로젝트를 할 때에도 네이밍 컨벤션을 정해서 따라야 하는 만큼, 이름을 잘 짓고 바르게 이용하는 것은 소프트웨어 개발과 협업에 있어 중요한 요소이며, CSS를 작성할 때에도 예외가 아니다. 올바른 코드 스타일을 적용하면 유지보수하기 쉬운 코드가 되며, 이는 개발 과정의 효율성을 높여준다. CSS 네이밍 방법론 중에서 가장 널리 알려진 BEM에 대해 정리하고, 이제부터 배운 내용을 적용해가며 내 기존 코드들의 CSS 네이밍을 리팩토링해보려 한다.🫡 BEM (Block, Element, Modifier) 👈 SMACSS (Scalable and Modular Ar..
Web FE
2022. 8. 6. 21:38