Front-end/React
[React] JSX 문법 - 클래스명, 데이터바인딩, 스타일 속성
리액트 JSX 문법 클래스명 지정 className="" 데이터바인딩 let 변수명 = '값'; { 변수명 } 내부스타일 속성 style={ {스타일명 : '값'} }
Front-end
Front-end/React
[React] 리액트 설치 및 프로젝트 생성
리액트 설치 및 프로젝트 생성 https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js를 설치해주시고 cmd창에 npm install -g create-react-app 리액트를 작업할 폴더를 만들어서 shift+우클릭 -> PowerShell npx create-react-app 프로젝트명 (저는 윈도우이고, 맥북은 sudo npx create-react-app) 이렇게 하면 설치가 됩니다! 만일 허가되지 않은 스크립트라는 에러가 날 경우, cmd 관리자권한으로 실행해서 Set-ExecutionPolicy Unrestricted 입력해주시면 됩..
Front-end/Bootstrap
[Bootstrap] 부트스트랩 fragment 만들기
부트스트랩 fragment 부트스트랩의 fragment 기능으로 HTML의 조각들을 조합하여 레이아웃을 구성할 수 있습니다. https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com Thymeleaf, Bootstrap연결 thymeleaf 레이아웃 의존성 추가 implementation 'nz.net.ultraq.thym..
