잡다한 개발 블로그

원문: 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)에 완벽하게 만족하는데!"라며 이러지도 ..

원문: Front-end Developer Handbook 2019 - 0.1. Recap of Front-end Development in 2018 Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice! A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering. frontendmasters.com React는 작년에 라이프 사이클 메소드(Lifecycle Method), 컨텍스트 API(Context API..

원문: 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와 같은 전처리기의 힘을 빌리면 지저분해지기 쉽습니다. 조심하지..

원문: Media Query & Asset Downloading Results 조금 전, 미디어 쿼리를 포함할 때 이미지가 다운로드 되는 방법에 대한 책에 대해 조사 중이라고 말했었습니다. 조사를 돕기 위해 JavaScript가 이미지 요청 여부를 결정할 수 있는 자동화된 테스트를 작성했고, 테스트 검토를 위해 Browserscope에서 결과를 수집할 수 있었습니다. 최초 발견한 내용을 포스팅했었지만, 이제는 더 자세히 말할 수 있을 만큼 충분한 데이터를 가지고 있다고 생각합니다. 먼저, 모든 공로는 Cloud Four에 있는 멋진 팀에게 돌아가야합니다. 대부분의 테스트는 그들이 자신의 업무를 테스트하기 위해 만들었습니다. 저는 단지 테스트를 자동화하기위해 자바스크립트를 추가했습니다. 결과를 봅시다! 테..

원문: Using ARIA role=dialog to implement a modal dialog box