방황을 많이 했던 한주였다.
내가 하고 있는 방식이 옳은건지...
그래도 멘토님들과 이야기를 나눠 볼 시간이 있었는데 그때 고민상담을 통해 어느정도 내가 가진 고민의 해결을 찾을 수 있었다.
내가 지금 하고 있는 주특기 과제가 이해가 되는것이 아닌 그저 타이핑 연습만 하고 있는 것 같아 고민을 많이 하다가 결국 과제를 포기하고 내 개인공부로 넘어갔다.
진작그럴걸 시간을 많이 버린 것 같아 마음이 조급했다.
결론적으론 과제 포기하고 내 공부 한게 많은 도움이 되었다.
state가 뭔지도 잘 모르던 난데 이제는 이해하고 저걸 왜 쓰는지 알게되었다 ㅋㅋㅋ
속이 다 후련하네
속도가 느리더라도 포기하지 않으면 결국 결승점에 도착한다.
멈추지 않고 해보자 화이팅!
-CSS 라이브러리와 리액트
기존에 웹사이트를 개발할 때는 HTML과 CSS, JavaScript를 각자 별도의 파일로 구분하여 만들었었는데 리액트의 경우 여러 개의 컴포넌트로 분리하고, 각 컴포넌트에 HTML, CSS, JavaScript을 한번에 적는 패턴이 많이 사용되고 있다.
React는 JSX를 사용해서 이미 JavaScript가 HTML을 포함하고 있는 형태를 취하고 있는데, 여기에 CSS-in-JS 라이브러리만 사용하면 CSS도 손쉽게 JavaScript에 삽입할 수 있다.
Styled Components는 CSS-in-JS 라이브러리 중에서도 단연 가장 널리 사용되고 있는 라이브러리이다.
React에서의 CSS in JS 정리한 내용
저번주까지는 과제할 때 Styled Components만을 사용해 보았다면 이번주에는 MUI와 Bootstrap을 이용해 보았다.
실전 프로젝트 준비하기!