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
- 회고
- 테오의 스프린트
- VS Code
- Semantic Versioning
- CSS
- 시스템디자인
- 캐나다개발자
- framer-motion
- ASP.NET
- CSS방법론
- 개발자 원칙
- 개발자를 위한 글쓰기 가이드
- 캐나다취준
- 알고리즘
- Effective Typescript
- useState
- Framer motion
- react
- 글또 10기
- JUNCTION2023
- 코드트리
- 타입스크립트
- 글또
- typescript
- SemVer
- 이펙티브타입스크립트
- TS
- JSBridge
- framer
- React-Router-Dom
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