css6 React9일차-Component style 오늘은 컴포넌트 한개에만 스타일을 넣는것을 해보겠다. 오늘은 저번게시물에서 만든 폴더에서 vscode를 열고 npm start 해보자 src/component StyledButton.jsx 만들기 안에 import styled from "styled-components"; const StyleButton = styled.button` background: transparent; border-radious: 4px; border: 2px solid palevioletred; color: palevioletred; margin: 0.1em; padding: 0.25em 1em; font-size: 20px; ${(props) => props.primary && ` background: palevioletre.. 2022. 1. 28. React9일차-Css,SCSS 오늘은 제가 개인적으로 좋아하는 css,scss적용하는 거에 대해서 알아보겟습니다. 우선 바탕화면에서 vscode키고 새터미널 켜주세요 npx create-react-app 폴더명 하고 엔터 눌러주세요 그다음 cd 폴더명 입력 엔터 code . -r 치고 엔터하면 새로창이 열리면 새터미널 열어주세요 그다음 터미널에 npm i styled-components 이거 쳐서 설치해주겠습니다. 그러고npm start해주세요 그리고 옆에 창을 뛰워주고 확인 해줍시다. src/App.js 보면 위쪽에import './App.css'; 이게 보일겁니다. 이게 App.css 파일을 적용해주고 있다는 의미입니다. 이제 적용이 되있는지 확인해보겠습니다. src/App.css 가서 .App-header 부분에서 color를 .. 2022. 1. 28. 이전 1 2 다음
