개발냥발

webpack 5 이상 부터는 노드 모듈을 추가하려면 따로 설정해야한다. 참고1 : webpack 5에서 노드 모듈을 폴리필하는 방법 참고2 : git pr 해결 방법은 여기서 참고했음. 이것 땜에 뷰에서도 따로 설정했듯이 리액트도 해줘야 함. 아니면 그냥 webpack 버전 낮추면 됨. 나는 낮추기 싫으니까 따로 설정하기로 함. 1. 사라진 친구들을 설치해줌. npm install --save-dev react-app-rewired crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url buffer process 2. config-override.js 파일 생성 후 작성 const webpack =..

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..

이전에 만든 거에 이어서 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...