패스트코드블로그

41 : 반드시 [] 에 내부에서 사용하는 state 를 추가해야 합니다.

VSCode 에서 yarn add react-router-dom 을 다음과 같이 설치합니다. Home, User, Item 내용 동일

혹은 yarn 으로 하게되면 아래 와 같이 처리하세요

npm init npm i react react-dom next npm i -D nodemon webpack npm i -D eslint --> mkfile . eslintrc npm i eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks --> mkfile pages/index.js --------------------------------- 필수: react + babel + redux + axios 조합 npm i -g webpack webpack-dev-server npm i --save react react-dom react-router-dom -devbabel-corebabel-loaderbabel-preset-es2015ba..

[ 1 단계 ] 제일 먼저 cmd 에서 노드, npm 설치여부를 체크한다. 환경변수 설정등은 생략한다. VS코드를 설치한다. 해당 과정은 설치한다. 다음은 설치 이후를 설명한다. 주의할 점 !!! VS코드를 관리자권한으로 실행해야한다. 그렇지 않을 때는 다음과 같은 권한에러가 발생하는 경우가 있다. 하단부에 터미널이 열린다. npm 설치여부를 체크한다. VS코드 아래 터미널에 관리자권한으로 접속을 허용한다. Set-ExecutionPolicy Unrestricted ExecutionPolicy npm install -g create-react-app create-react-app my-app React 설정 위 그림처럼 Happy hacking 이 보이면 아래에 C;\test 부분에 그대로 코딩한다. c..

https://github.com/parksrazor/hawaii-react-aws/blob/master/src/pickle/teacher/notices/NoticeList.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 10..

웹스톰 import 이후의 과정이다. index.tsx 1 2 3 4 5 6 7 8 9 10 11 12 13 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; ReactDOM.render( , document.getElementById('root') ); Colored by Color Scripter cs App.tsx 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 import React from 'react'; import { BrowserRoute..

문제 : axios 로 프론트단과 서버단 연결 되어서 회원정보 데이터가 넘어오나, 화면에 뿌려지지 않음 ( 아래 사진은 회원 정보를 서버단에서 들고온 내용 console.log 찍은거 ) 해당 부분 front 코드 사진 첨부드립니다~