React.js
-
-
리액트 배포서버에서 package-lock.josn이 계속 변경 파일에 올라감React.js 2021. 12. 31. 11:50
https://github-wiki-see.page/m/TEAM-ARK/inflearn-clone-front/wiki/git-clone-%ED%9B%84-npm-install-%ED%96%88%EC%9D%84-%EB%95%8C-package-lock.json%EC%9D%B4-%EB%B3%80%EA%B2%BD%EB%90%98%EB%8A%94-%EB%AC%B8%EC%A0%9C-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0 git clone 후 npm install 했을 때 package lock.json이 변경되는 문제 해결하기 - TEAM-ARK/inflearn-clone-front Wiki git clone 후 npm install 했을 때 package lock.json이 변경되는 ..
-
[React]Alert, 알림창,toastify,notiReact.js 2021. 12. 30. 11:22
https://sweetalert2.github.io/ SweetAlert2 A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes sweetalert2.github.io https://github.com/notiflix/Notiflix GitHub - notiflix/Notiflix: Notiflix is a JavaScript library for client-side non-blocking notifications, popup boxes, loading in Notiflix is a JavaScript library for client-side non-blocking ..
-
[리액트프로젝트 시작하기] 2. 필요한 모듈 및 설정하기.React.js 2021. 12. 28. 15:16
지난 시간에 로컬 pc에서 개발하고 배포 서버에 배포하는 설정까지 했다. 이제 내가 주로 쓰는 라이브러리들을 기록 해둔다. 내가 주로 사용하는 라이브러리 npm i react-router-dom [페이지 이동을 위한 라우터 라이브러리] npm install @reduxjs/toolkit react-redux [상태관리 라이브러리] npm install axios [비동기 api 요청을 위한 라이브러리] npm install @loadable/component npm install --save react-toastify 아이디, 비밀번호 틀렸을때나 알림이 필요할때 사용. npm install react-icons --save //아이콘 사용을 위해 npm install qs react-router-dom ..
-
[리액트프로젝트 시작하기] 1. 설정하기React.js 2021. 12. 28. 14:02
[1] 회사에서 하는 프로젝트이므로, private로 만들고, Add a README file을 추가한다. [2] 프로젝트를 생성 할 경로로 CD 명령어로 이동한다. git clone 생성한 레포 레포 폴더 -README.md 이런 구조의 프로젝트가 클론되고 자동 remote된다. [3] 리액트 프로젝트 생성하기. cd 생성된레포폴더 npx create-react-app . //현재 경로에 리액트앱을 생성한다. You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). We no longer support global installation of Create React App. Please remove any ..
-
iis에서 리액트앱 배포하기(2)React.js 2021. 12. 26. 15:52
react-router-dom : v6 배포까지 성공하고 성공적으로 개발중에 문제가 발생했는데, 그건 바로 react-router-dom을 설치하여 페이지 이동할때 문제다. npm i react-router-dom 을 설치한뒤에 테스트를 해보고자 import React from "react"; import { Routes, Route, Link } from "react-router-dom"; function App() { return ( Home About Users ); } function Home() { return Home; } function About() { return About; } function Users() { return Users; } export default App; 정삭적으로 ..
-
iis에서 리액트앱 배포하기(1)React.js 2021. 12. 26. 15:36
iis:8.5 react:17 리액트로 만든 페이지를 배포하고 싶은데 방법을 찾아보았다. npx create-react-app my-react-app cd my-react-app npm run start localhost:3000에 잘 시작된다. 이제 iis로 리액트 프로젝트를 배포하기 위해서 npm run build GOODS//내프로젝트 -build -static -css -js -index.html 배포파일이 생성 됬을때 build파일이 생기고 안에 빌드된 파일들이 생김. iis(인터넷 정보 관리자)로 들어간다음에 -> 웹사이트 추가 사이트 생성해주고 사이트 기본설정에 들어간뒤에 build파일 폴더를 경로로 잡아준다. 그리고 해당 url로 들어가면 성공!!!