[React] Router 추가하기
React Project 생성 Component 추가 React 1도 모르지만 Router 버전이 6일 때 뭔가 많이 달라졌나봄. 꽤 헤맸음. 덤으로 이 블로그 많이 참고했음. 1. react-router-dom 설치 npm install react-router-dom 2. NavComponent.js 내에 useNavigate 추가 및 코드 일부 수정 import React from "react"; import {useNavigate} from 'react-router-dom'; let nowPath = '/main'; const NavComponent = () => { let navigate = useNavigate(); const pathList = [ {name: 'Main', path: '/ma..
[React] Component 추가하기
이전에 만든 거에 이어서 Component 추가하려고 함. 1. Components 폴더 내에 NavComponents.js 파일 만들기 import React from "react"; const pathList = [ {name: 'Main', linkName: 'MainView'}, {name: 'Sub', linkName: 'SubView'} ] let nowLink = 'MainView'; const NavComponent = () => { return ( { pathList.map((el, index) => { console.log(`Click Page's Index : ${index}`) }} > {el.name} ) } ) } export default NavComponent; 2. App...
[React] Ubuntu에 React Project 생성
npm install create-react-app 하면 된다는데 나는 왜 설치가 안 되는가....? tar 버전이 낮아서 그런건가 싶어서 구글링해봄 (참고) npm install -tar@6 -g 앞에 sudo 붙였으면 됐을 것 같음 denied 보고 앞에 sudo 붙여봄. sudo npm install create-react-app 설치 된건가 싶어서 버전 확인함. create-react-app --version 오....됐음! 이참에 npm 버전도 올림 sudo npm install -g npm@latest 잘 설치된건가 싶어서 다시 버전 확인함. npm -v 잘된 것 확인 완료 project file 생성하기 create-react-app [프로젝트 이름] 프로젝트 만들었으니 실행도 해봄. npm..