프론트엔드 기술 스택 및 선정 이유
- 러닝 커브가 낮다. ⇒ 이전에 사용해 본 경험 있어서 새로운 라이브러리 학습에 소비되는 노력을 줄일 수 있다.
- 레퍼런스가 많다.
- 트러블 슈팅에 유리하다. ⇒ 새로운 라이브러리(Panda CSS, Vanila-extract) 보다 상대적으로 트러블 슈팅에 유리하다.
- 동적 렌더링이 용이하다. ⇒ js와 css 사이의 변수를 공유할 수 있으므로, css-in-css와 비교하여 동적 렌더링이 용이하다.
- CSS 재사용이 용이하다.
- 전역 클래스명을 고려하지 않아도 된다. 해시 값으로 자동으로 변경해주기 때문에 이름을 중복하여 사용할 수 있다.
- styled-component에 비해 확장성이 용이하다.
- styled-component를 사용하였을 때에 비해 디버깅이 유리하다. (styled-component은 클래스 명이 오로지 해시값으로 나오기 때문에 편하게 디버깅을 유리하게 하기 위해서는 서드파티 라이브러리를 사용해야 한다.)