엔빵 프로젝트 2주차

1. CSS 와의 전쟁

 

프론트엔드 개발이 시작되었다. 프론트 한다고 들어왔지만 아는것도 쥐뿔이 밖에 없는데 잘 할 수 있을까 싶었다. 우리는 React를 사용하여 개발을 진행할거기 때문에 emotion CSS 라이브러리를 사용하기로 하였다. 

 

2. CSS in JS

- 전통적 css의 문제점들(우선순위 충돌로인한 side effect, global namespace같은 이슈)을 해결하기위해 나온 css 작성 방식 

- css도 react의 컴포넌트 처럼 모듈 단위의 관리가 가능하다. 

- emotion, styled-components 두개의 라이브러리가 있다. 

 

3. FLEX BOX

요놈 때문에 아아아아주 골치 아팠다. 컨테이너랑 아이템에 적용할수 있는 속성이 각각 있고 메인축과 반대축이 있다~~! 잘 기억하자! 

 

4. 소감

css는 나중에 더 많이 공부하자.. 이제 로직으로 넘어가고 싶다~!(물론 거기도 쉬울거 같진 않다...)