본문 바로가기

웹 프론트엔드/CSS

(3)
[번역] CSS-in-JS에 관해 알아야 할 모든 것 원문: All You Need To Know About CSS-in-JS All You Need To Know About CSS-in-JS - By Please checkout a related story below... hackernoon.com 요약: 컴포넌트로 생각하기— 더이상 스타일시트의 묶음을 유지보수 할 필요가 없습니다. CSS-in-JS는 CSS 모델을 문서 레벨이 아니라 컴포넌트 레벨로 추상화합니다(모듈성). 스타일을 적용한 리액트 컴포넌트 예제 CSS-in-JS, Styled Components, Radium, Aphrodite와 같은 용어를 들어본 적이 있을겁니다. 당신은 "이런 게 왜 있지? 나는 CSS-in-CSS(.css파일에 작성한 CSS)에 완벽하게 만족하는데!"라며 이러지도 ..
[번역] CSS개선을 위한 SEM과 BIO의 결합 원문: Combining the Powers of SEM and BIO for Improving CSS Combining the Powers of SEM and BIO for Improving CSS | CSS-Tricks CSS is easy, some might argue, but that "easiness" can cause messy code. This is especially true through power of preprocessors like Sass or Less where, css-tricks.com CSS가 쉽다고 일부 사람들은 주장하겠지만, 오히려 그 “쉬움”이 코드를 지저분하게 할 수 있습니다. 특히 Sass나 Less와 같은 전처리기의 힘을 빌리면 지저분해지기 쉽습니다. 조심하지..
[번역] 공룡을 위한 모던 CSS 원문: Modern CSS Explained For Dinosaurs Modern CSS Explained For Dinosaurs CSS is strangely considered both one of the easiest and one of the hardest languages to learn as a web developer. It’s certainly easy… medium.com CSS는 이상하게도 웹 개발자가 배우기 가장 쉬우면서 가장 어려운 언어 중 하나로 여겨집니다. 확실히 시작은 쉽습니다. 특정한 엘리먼트에 적용할 스타일 프로퍼티와 값을 정의하면... 거의 끝입니다! 하지만, 더 큰 프로젝트의 경우에는 의미있는 CSS로 구성하는 것이 어렵고 복잡합니다. 한 페이지의 어떤 엘리먼트를 스타..