React

state & props

1. LifeCycle 2. Api 통신

1. event 처리

1. component 2. 예제코드

material-ui

1. jsonlint 2. axios 3. axios를 이용한 rest api 통신

CircularProgress

1. 고객 추가하기 ( without image ) 2. formData를 JSON으로 바꾸는 방법

1. post using axios ( image )

1. SPA의 page upload

1. 정보 삭제

1. 고객 추가 개편 2. 고객 삭제 개편

1. App-bar 2. style 적용 3. 폰트

복습 기록 > 서버와 통신하여 CRUD + 기본적인 React style의 코드 적용 axios 통신 > axios . CRUD 를 통해서 간단하게 호출할 수 있다. 처음에 res를 찍어보면서 값이 어떻게 넘어오는지 확인하고 설정하면 된다. > 위와 같이 기본 url을 설정하고 사용하는게 좋아보인다. > pacakage.json에 proxy설정을 ...

Layout.js Customer.js CustomerAdd.js CustomerDelete.js

1.설치 2. 프로젝트 구조분석

1. build 2. component 3. props

#2 원형 이게 날라간줄 알고 #2를 새로 만듬

1. Component 파일로 분리 2. state 3. Props & State & key

1. 동적페이지 2. debugger 3. event 발생

1. bind

1. proxy 2. axios를 이용한 Rest api 통신

https://www.youtube.com/watch?v=I2UBjN5ER4s&ab_channel=BrianDesignnpm install react-router-domfont-awsome 에 들어가서 프로필 -> font awsome cdn 들어가서 밑에 뜨

Redux는 중앙관리 시스템이라고 이해하면 편하다.state에 직접적으로 접근을 하지못하게 해놓았기 때문에 ( 캡슐화떄문인듯 ) getter와 setter를 통해 접근한다. 그런데 setter에 있어서 setter를 관리해주는 것이 reducer. reducer는 st

dispatch를 하면 createStore에서 넘겨준 reducer를 호출하도록 약속돼있다. 이 때 이전의 state값과 전달된 action의 값을 argument로 준다.이런식으로값의 복제reducer안의 값을 그대로 state로 돌려주는게 아니라 값을 복제해서 돌