목록2025/01/09 (1)
이나의 공부 블로그
[TIL] D+57 리액트 숙련 시작...?
1️⃣ 리액트 숙련 1주차Styled component 부터📌 CSS-in-JS1. 태그에 직접 스타일 속성을 지정해주기2. HTML처럼 className을 지정해서 css를 지정해주는 방법 이것보다 간단한 방법이 CSS-in-JS이다.자바스크립트 코드로 CSS 코드를 작성하여 컴포넌트를 꾸미는 방식이다.기존의 방식에서는 style을 작성할 때 조건문 등의 로직을 적용할 수 없었는데이 방식을 사용하면 style 적용 시에도 조건문,변수 등 다양한 로직을 이용할 수 있다. CSS-in-JS를 사용하기 위해서는우선 터미널에 아래 명령을 입력하여 패키지를 설치한다.yarn add styled-components 그리고 VSCode에서 아래 플러그인을 설치해야한다. styled components(이하 sc..
스파르타 내일배움캠프/프로덕트 디자이너 트랙
2025. 1. 9. 21:15