inno 36

05 Sep 2022

Sparta coding

Innovation Camp

w6 day36

project에 Axios package install

숙련 React Hooks

useEffect: rendering될 때(Mount) 실행

rerendering되면 의도치않게 계속 실행?
의존성배열 > 값을 넣고 그 값이 바뀔 때만 실행해
useEffect 두번째 인자 = 의존성배열의 위치
의존성배열에 [ ] 빈배열을 넣으면 한번만 실행

useEffect( ( )=>{실행할함수},[의존성배열]

cleart up

return에 실행할 함수를 넣으면
compo가 사라졌을때(unMount) 실행됨
(rendering이 끝날 때가 아냐)

숙련 redux part3

useSelector: store에서 값을 가져올때 사용

// 1. store에서 꺼낸 값을 할당 할 변수를 선언
const number =

// 2. useSelector()를 변수에 할당
const number = useSelector()

// 3. useSelector의 인자에 화살표 함수를 넣어
const number = useSelector( ()=>{} )

// 4. 화살표 함수의 인자에서 값을 꺼내 return 해
// 우리가 useSelector를 처음 사용해보는 것이니,
    state가 어떤 것인지 콘솔로 확인
const number = useSelector((state) => {
	console.log(state)
	return state
)

보통 모듈은 기능의 이름을 따서 파일을 생성
모듈의 구성요소로는 initialState, Reducer
모듈을 만들면, 스토어에 연결을 해야만 한다.
연결은 configStore.js에서
컴포넌트에서 Store를 조회할 때는 useSelector사용
useSelector((state)⇒state) 에서
state는 모든 모듈의 state 를 조회할 수 있는 값

숙련 redux part4

useDispatch: reducer로 액션객체(명령) 보내기
action을 사용하는건 무조건 dispatch를 써야
store로 전달이 됨

a, b / c(compo) : a,b 에서 모두 get을 하고 있어야하는지: 아마도 맞다

axios - url

find index

다시시작무조건해

backend

응답해더
세트쿠키?

x-navaer 클라이언트 iD 시큐리티?

useLocation