CSS 썸네일형 리스트형 [React] styled-components 안녕하세요 오늘은 React에서 css를 사용하는 방법 중 하나인 styled-components에 대해 포스팅하겠습니다. styled-components 는 app.css에서 작성하는 것도 아니고 , jsx 파일내에 태그들에 직접 작성하는 것도 아닙니다. 기본 html 구조에서 태그에서 작성했던 태그처럼 페이지 상단에서 작성하는 방식입니다. 1) 설치 터미널을 열고 npm install styled-components 를 실행합니다. 2) styled-components import import styled from 'styled-components'; 상단에 import 해줍니다 3) 변수를 생성하여 style 작성하여 담기 let Btn = styled.button` background : ${ p.. 더보기 [Bootstrap] 간단한 사용 방법(React) 오늘은 부트스트랩에 대하여 포스팅 해보겠습니다 부트스트랩은 css 및 html(버튼,메뉴,레이아웃) 등을 디자인적으로 생성할 수 있도록 보조해주는 라이브러리 입니다. 1) React-Bootstrap 설치 Bootstrap이 원조 , React에 맞게 변형한 라이브러리입니다. https://react-bootstrap.github.io/ React Bootstrap | React Bootstrap The most popular front-end framework, rebuilt for React react-bootstrap.netlify.app [Get Started] 버튼을 클릭하고 , Installation 항목에서 npm install react-bootstrap bootstrap 명령어를 VSCo.. 더보기 이전 1 다음
