블록체인_9기/🩵 React
2023. 7. 14.
50강_230711_React(styled-components, redux-thunk, weather API로 페이지 생성)
목차 050 1. Styled-components 2. redux-thunk 3. weather API를 이용한 간단한 사이트 제작 Styled-components 대표적인 CSS-in-JS 라이브러리이다. 클래스 명을 겹치지 않도록한다. 스타일에 관련되어서 props로 값을 전달해서 스타일 값을 적용시킬 수 있다. 💡 CSS-in-JS 스타일 정의를 CSS 파일이 아닌, JS로 작성된 컴포넌트에 바로 삽입되는 스타일 기법이다. 기존에 웹 사이트를 개발했을 때는 HTML, JS, CSS를 각자 별도의 파일에서 작업하는 것을 권장하였지만, react, Vue 등의 모던 자바스크립트 라이브러리가 인기를 끌면서 패러다임의 변화가 찾아왔다. 설치 npm i styled-components 기본문법 import ..