천천히 알아보는 코딩공부

yarn add react-bootstrap bootstrap /src/App.js import 'bootstrap/dist/css/bootstrap.min.css'; import { Button } from 'react-bootstrap'; function App() { return 버튼; } export default App; 설치 확인 코드 작성

https://goddaehee.tistory.com/299 [React] 4. React 컴포넌트(1) - 컴포넌트란? 4. React 컴포넌트(1) - 컴포넌트란? 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ React 컴포넌트에 대한 기본 내용 ] 입니다. : ) 리액트 공식 문서, 자습서에서 함수형 컴포넌트, 클래스형 컴포넌 goddaehee.tistory.com import Header from './head'; import Side_bar from './side_bar'; import Index_main from './index_main'; import Footer from './footer'; import React from 'react'; import ReactDOM from 'react..

프로젝트 생성 프로젝트 생성 하는 위치에 들어가서 해당 명령어 실행 yarn init -y 혹은 npm init -y - 기본 값 세팅 yarn init 혹은 npm init - 프로젝트 생성하면서 세팅 ※ yarn = npm 1. react, react-dom 설치 yarn add react yarn add react-dom react: React 라이브러리를 불러옵니다. react-dom: DOM rendering을 위한 ReactDOM을 담고 있습니다. 오륲 발생시 참고 https://velog.io/@jscn/error-npmyarn-%EC%98%A4%EB%A5%98-error-An-unexpected-error-occurred [error] npm/yarn 오류 - error An unexpec..

1. nvm 설치 (https://github.com/coreybutler/nvm-windows/releases) Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 압축을 풀면 폴더 내부에 nvm-setup.exe 파일이 나온다. 해당 파일을 실행시키면 nvm이 설치가 된다. 윈도우 터미널(CMD)에서 아래 명령어를 입력하면 설치된 NVM의 버전을 확인 할 수 있다. nvm을 활용하는 이유는 node, npm 버전을 상황에 따라 쉽게 사용할 수 있기 때문에 버전에 따른 테스트와 서버 구동을 빠..