Main project - 마지막 멘토링

1. 질문사항
   • redux
     1. axios : 상태관리
     2. redux : 상태관리
     3. axios vs redux
     4. swr / react-query / rtk / graphQL
     5. 서버 데이터 상태 관리 라이브러리
     6. 서버쪽 데이터는 따로 상태 관리 / 프론트쪽 데이터도 따로 상태 관리

axios.post("login", {id, pw}).then((res) => {
	setToken(res.token) // or localStorage
	/* userInfo (닉네임, 주소, 나이, 성별 :: myPage에서 볼 수 있는 것들) */
	redux(res.userInfo)
})

// other File 유저 정보가 필요한 상황
useState(user)
// login, getUserInfo 같은 api를 다시 호출
// 'api 호출(call) = 돈'이라 요즘 통합적 개발을 하는 추세(최대한 api호출을 적게)

•  axios intercepter
• token 유효기간 만료 시 error 처리를 빠르고 효율적이게 하는 방법 
  1. ‘통합적으로’
  2. axios. > server data patching
     1. axios, fetch, react-query, redux-tookit@rtk , graphQL
     2. 1프로젝트 당 100개 ~ 200개의 api를 사용하는 것이 일반적 
     3. acessToken > 만료 ? > refreshToken > (new) acessToken(로그인, 로그아웃 예외)

 

2. 개발 trend 파악

1. stackoverflow “hot”
   https://stackoverflow.com/?tab=hot

1. https://npmtrends.com/
2. 사용하는 라이브러리/프레임워크 공식문서
3. IT사이트의 뉴스레터

 

3. 알고리즘

1. 공부를 어떻게 하는가
   1. 백준, 프로그래머스
   2. bigO :: 시간복잡도를 중요시함(데이터를 참조하는 언어는 주소를 바꿔서 하는 것보다 직접 할당을 하는 것이 더 빠름, 나중에 더이상 효율적인 코드를 짜지 못할 때 이 것을 염두해서 코드를 짜면 되는 경우가 종종 있음)

   javscript. 
   data type :: primitive(others), reactive(array, obj)
   js. 참조
   
   메모리 주소가 바뀌어야, 값이 바뀐걸로 인식
   a. let arr = [1, 2, 3]
   b. arr.push(4)
   a와 b의 메모리 주소는 같다.
   
   c. let newArr = [...arr, 4]
   setArr(newArr) // setArr([...arr, 4])
   a와 c의 메모리 주소는 다르므로, state가 변경된다.
   
   push. >> 메모리 주소를 찾아서 값을 변경하는 메서드
   index에 대한 직접 접근보다 훨씬 느려요.
   
   reactive
   let arr = [1, 2, 3, empty]
   arr.push(4)
   arr[3] = 4 
   
   primite js > ts. js 형변환에 자유. 현변환에 꽤 많은 시간
   let a = "1"
   a. parsetInt(a), Number(a);
   b. a+;
   b 방식이 빠르다
   

   1. 데이터를 참조하는 언어는 어떤 언어들이 있는가?
      1. 거의 모든 언어가 다 참조
      2. 객체지향 vs 절차지향 개념도 중요
      3. Interpreted vs Compiled 개념도 중요현재 개발 정도

 

4. 프로젝트 마감일

1. 1차제출 : 10월7일
2. 발표회 : 10월12일
3. 앞으로 멘토와 공유 할 수 있을만한 이슈

1. 특정한 부분에 막혔다기 보다는..? 절대적인 시간 부족인 상황(구글에 구글링하면서 찾아보기 때문)
2. style lib
   1. 사용하는 건 좋지만, 러닝커브가 있기 때문에 악효과가 날 수도 있음
3. 지금이라도 firebase를 써서 계정연동하는 것 
   1. firebase :: email/password, google, facebook oauth
      1. 팀에서 조율(백엔드에서 미리 구현한 코드가 있으므로)