728x90 반응형 Coding With Jina/Bootstrap3 [React Bootstarp] 리액트부트스트랩 시작하기 ★ 설치방법은 여기로! => https://coding-with-jina.tistory.com/159 [React Bootstarp] 리액트 부트스트랩 설치하기 1. 먼저 새 프로젝트 하나를 생성해주기 2. 구글에 react bootstrap 이라고 검색해서 나오는 사이트에 들어간다(https://react-bootstrap.github.io/) 3. 사이트 가운데 있는 Get started 클릭 4. 가운데 npm i.. coding-with-jina.tistory.com 1. 리액트부트스트랩(https://react-bootstrap.netlify.app/components/buttons/#buttons) 사이트 오른쪽 검색창에 찾고자하는 태그를 검색하기 2. 검색한 태그 중에서 마음에 드는 디자인의.. 2022. 5. 18. [React Bootstarp] 리액트 부트스트랩 설치하기 1. 먼저 새 프로젝트 하나를 생성해주기 2. 구글에 react bootstrap 이라고 검색해서 나오는 사이트에 들어간다(https://react-bootstrap.github.io/) 3. 사이트 가운데 있는 Get started 클릭 4. 가운데 npm install react-bootstrap bootstrap 이거 복사해서 npm install react-bootstrap bootstrap 5. 새로 만든 프로젝트 터미널에 복붙하고 엔터! 6. 부트스트랩 복붙한 사이트에서 좀더 스크롤을 내리면 css 관련 소스도 복사 - 이 단계를 안하면 css 안따라옴 - 둘 중 하나 복사해서 첫번째꺼는 app.js 맨 위에 두번째꺼는 index.html 파일의 태그 안에 복붙 7. 설치 끝! ★ 부트스트랩 .. 2022. 5. 18. [Bootstrap] 부트스트랩 설치 시작하기 및 사용법(CDN방식) 1) 부트스트랩이란? - 프론트엔드 컴포넌트 라이브러리 - 메뉴, 대문, 폼, 버튼 등의 HTML CSS를 복붙식으로 개발할 수 있게 도와줌 - 빠른 웹개발이 가능 2) 설치방법 CDN 방식으로 빠르게 Bootstrap을 설치하는 방법 ① 부트스트랩 홈페이지로 들어간다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com ② Get started 클릭! ③ 오른쪽 상단에서 필요한 버전을 선택 ④ 중간 쯤에 Starter template 이라는 부분에 있는 코드를 HTML 파일에 전부 복사붙여넣기 ⑤ 완성 3).. 2022. 1. 18. 이전 1 다음 728x90 반응형
