WIL 5

같이 일하기 좋은 개발자

• 현재의 문제를 코드로 해결할 수 있는 능력은 기본
• 더 기민하게 문제 해결 하기 위한 협업능력
• 다른면을 볼 수 있는 열려있는 자세

리액트와 전역 상태 관리

• 리액트는 컴포넌트 형태로 구성되어 있다.
• 데이터를 변경하고자 할때 props 형태로 컴포넌트간에 데이터를 주고 받는다.
• 컴포넌트가 많아질 수록 props형태로 데이터를 주고 받는 것에 많은 불편이 따른다.
• 이런 상황에서 Redux와 같은 상태관리 프로그램이 나타났다.

https://www.stevy.dev/react-state-management-guide

CSS 라이브러리와 리액트

1. Sass
   • 별도의 문법변수, 믹스인 개념이 있음
   • 코드의 가독성과 재활용성이 높음 ⇒ 유지보수가 쉬움
   • Sass 문법으로 작성한 파일은 별도의 빌드단계를 거쳐 CSS로 변환
   • CRA에서 Sass를 사용한다면 node-sass 패키지를 사용
2. CSS Module
   • 컴포넌트 스타일링할때 이것을 사용하면 CSS 클래스가 중첩되는 것을 방지할 수 있다.
   • 예를 들어 A, B 두개의 컴포넌트에 Name이라는 클래스명이 있다면 CSS파일을 분리 해두었다고 해도 같은 이름으로 인해 충돌이 발생된다.
   • 기존 프로젝트에 리액트를 도입하게 될 때 또는 클래스 이름 짓는 규칙을 정하기 힘들거나 번거로울때 사용하는 편
3. Styled-components
   • CSS in JS, JavaScript 안에 CSS를 작성할 수 있다.
   • CSS in JS 기술 중 가장 인기가 있음. (비슷, emotion, styled-jsx)
   • CSS를 분리하여 작성하는 방식과 다르므로 적응이 필요함