Frontend/React(3)
-
리액트 깃허브 페이지 배포하기
✅1. 프로젝트에 패키지 설치npm install gh-pages --save-dev ✅2. package.json 파일을 열어 중괄호 안에 "homepage" 주소를 추가// 형식은 http://{사용자 이름}.github.io/{저장소 이름}"homepage": "http://sssungsik.github.io/Todo_list" ✅3. script 부분에 predeploy, deploy 를 추가"scripts": { //... "predeploy": "npm run build", "deploy": "gh-pages -d build"} ✅4. 터미널창을 열어 npm run deploy를 실행npm run deploy ✅5.Pages > Branch를 gh-page로 설정하고 save 시간이 조..
2024.11.06 -
리액트 부트스트랩 아이콘 사용하기
✅1. npm install 하기터미널을 열어 아래 내용을 입력한다.npm install react-bootstrap-icons --save ✅2. 아이콘 고르기https://icons.getbootstrap.com/ 에서 마음에 드는 아이콘의 이름을 확인한다.저는 Plus, Bell 로 하겠습니다. ✅3. 사용할 페이지에서 import 하기import { Plus } from 'react-bootstrap-icons';import { Bell } from 'react-bootstrap-icons'; ✅4. 로 원하는 위치에 넣기import React from 'react';import './App.css';import { Plus } from 'react-bootstrap-icons';import ..
2024.11.05 -
리액트 란?
✅React란?React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.출처 : 위키백과React는 facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있습니다.싱글 페이지 애플리케이션이나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있습니다.즉, 현재 많이 활용되고 있는, 웹/앱의 View를 개발할 수 있도록 하는 인기있는 라이브러리라고 볼 수 있습니다.React의 필요성?react를 사용하지 않아도, html과 css, javascript를 이용해서 웹 페이지를 만들 수 있지만, react를 이용해 사용자와 상호작용할 수 있는 동적인 UI를 쉽게 만들 수 있기 때문에 많이 이용되는 것 같습니다..!React의 특징React의 특징은 크게 ..
2024.11.05