패스트코드블로그

npm i -D @types/react

create-react-app 이후 TodoInput.jsx TodoList.jsx todoReducer.js Reducer 설명 redux.js.org/basics/reducers Redux Fundamentals, Part 3: State, Actions, and Reducers | Redux The official Redux Fundamentals tutorial: learn how reducers update state in response to actions redux.js.org index.js App.js Provider 설명 react-redux.js.org/api/provider Provider | React Redux Provider react-redux.js.org

1234567891011121314151617import React, { useState } from 'react'; const Counter = () => { const [number, setNumber] = useState(0) return {number} {/* {startNumber} */} setNumber(number + 1)}>+ setNumber(number - 1)}>- } export default Counter;Colored by Color Scriptercs

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 코드 사진 첨부드립니다~

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 회원 정보 {this.state.NameChanger ? : } 닉네임 변경 Colored by Color Scriptercs

웹스톰에서 리액트 앱 with 타입스크립트 로 프로젝트를 생성합니다. package.json 파일에 디펜던시 추가합니다. 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 { "name": "chatbot", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.3.2", "@testing-library/user-event": "^7...