2018. 4. 25. 12:26ㆍ소소한 정보
Destructuring 기능을 이용한 자바스크립트 패턴 설계
- 네임드 파라미터(Named parameters)
- 더 명확한 디폴트 파라미터(Cleaner default parameters)
- 더 풍부한 리턴 값(Richer return values)
- 쉬운 함수 컴포지션(Easy function composition)
css를 js로 작성하며 얻게되는 이점들
- 범위가 지정된 스타일
- 선처리를 위한 CSS
- 더 똑똑한 최적화
- 패키지 관리(npm 자바스크립트 생태계를 통한 확장성)
- 비 브라우저 스타일
이런 이점들은 BEM과 같은 css 작성 규칙에 개발자의 집중력을 소비하는데에서 벗어나 라이브러리에서 제공하는 자동화가 우리를 해방시켜주는데에 있다. 이로인해 스타일링 규칙및 최적화에 쏟게되는 정신적 자원을 본질적인 비즈니스 로직에 더 집중할 수 있도록 해준다는 점에 의미가 있다.
아티클에 나온 기술 몇몇
CSS in JS 라이브러리
JSS / ahprodite / glamor / styletron
MS에서 만든 reactJS기반의 멀티플랫폼 빌딩 시스템
프로젝트 초기단계이지만 MS에서 제작하고 있는 기술로 향후 지속적인 발전이 될 것으로 보임.
CSS in JS에 대하여...
JS를 사용한 스타일링의 필요성은 중,대규모의 웹애플리케이션에 적합하다. 리액트나 뷰, 앵귤러같은 현대적 프론트프레임워크에서 강력한 콤포넌트 집약체를 구성하기 위해서 html 을 js로 그리고 논리를 적용하는 모습을 보인다. css역시 이러한 흐름에 녹아들 필요가 있다고 생각한다.
자바스크립트 생태계를 사용할 수 있는 점과 관심사의 집약, 논리와 계산이 필요한 스타일링과 같은 다양한 이점들로 CSS를 JS로 사용하고 더 나아가 JS만으로 프론트를 구성하는 편이 좋다고 생각한다.
참고: css 근황
사람에게 책임을 전가하는 것 보다 상황이나 시스템이 문제임을 인식하고 있는지를 알 수 있는 질문은?
- 최근에 업무에 있어서 문제가 생겼을 때 어떤 상황이었는지 그리고 그 문제를 어떻게 해결했는지.(사람에 관해 이야기 한다면 사람에 중점을 두고 있다고 볼 수 있으며 시스템적으로 이야기 한다면 시스템에 문제가 있다고 볼 수 있다)
자바스크립트 2018년 동향(네이버d2) 하단에 es. 프렘웍,라이브러리, 비브라우져 동향에 관한 글이 있다.