[TIL] 230209

티스토리 뷰

카테고리 없음

[TIL] 230209

soobin Choi 2023. 2. 10. 02:14

refresh token은 평소에는 헤더에 안 보이고 access token 재발급 요청을 할 때만 request header에 담아줘야 했다. axios instance 에 너무 익숙해져서 바로 axios를 만들고 헤더를 설정하는 것이 낯설었지만 다행히 잘 해결했다.

발표 영상 피드백 중 채팅 트러블 슈팅 내용을 보충해서 팀장님께 다시 드려야 했다.

setState 함수의 updater 함수의 메서드가 아니라 그 안의 로직을 풀어서 설명하는 게 어려웠다.

역시 공식문서가 답이라고 공식문서를 찬찬히 읽고 다른 블로그들을 읽으니 이해가 됐다.

⭐️ 필수

에러?
- [x] 토스트 메시지 계속 뜸
로직 수정
- [x] refresh token
github readme 수정
- 컴포넌트 정보
  - [x] 폴더 별 컴포넌트 정보 및 설명
- 트러블 슈팅
  - [x] 트러블 슈팅 내용 수정
notion
- [x] UT feedback 추가
refactoring
- [x] input 공통 컴포넌트에서 ref를 props로 내려주는 방식 : SignUp, Login, SearchRoom

~ 필수 ⭐️

어제 오늘 코드 리뷰도 하고 팀원과 같이 할 일을 나누어서 잘 마무리했다. 같이 있으니 든든했다.

refactoring
- [x] PostDetail 컴포넌트 index 를 map의 key값으로 쓰지 않는 방법으로 리팩토링
- [x] ChatBox 컴포넌트 index 를 map의 key값으로 쓰지 않는 방법으로 리팩토링

http://daplus.net/javascript-axios%EC%97%90%EC%84%9C-%ED%97%A4%EB%8D%94%EC%99%80-%EC%98%B5%EC%85%98%EC%9D%84-%EC%84%A4%EC%A0%95%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95%EC%9D%80-%EB%AC%B4%EC%97%87%EC%9E%85%EB%8B%88/

[javascript] Axios에서 헤더와 옵션을 설정하는 방법은 무엇입니까? - 리뷰나라

Axios를 사용하여 다음과 같은 HTTP 게시물을 수행합니다. import axios from 'axios' params = {'HTTP_CONTENT_LANGUAGE': self.language} headers = {'header1': value} axios.post(url, params, headers) 이 올바른지? 아니면 내가해야합

daplus.net

https://ko.reactjs.org/docs/faq-state.html#what-does-setstate-do

컴포넌트 State – React

A JavaScript library for building user interfaces

ko.reactjs.org

https://ko.reactjs.org/docs/react-component.html#setstate

React.Component – React

A JavaScript library for building user interfaces

ko.reactjs.org

https://velog.io/@adguy/react-setState-%EB%B0%94%EB%A1%9C-%EC%95%8C%EA%B8%B0

react setState() 바로 알기

setState()는 비동기로 작동한다.setState(updater, callback)setState(updater, callback)의 콜백 함수가 실행된 후 리렌더링 된다.updater: (state, props) => stateChange한번에 여러개의 setS

velog.io

https://velog.io/@cada/React%EC%9D%98-setState%EA%B0%80-%EC%9E%98%EB%AA%BB%EB%90%9C-%EA%B0%92%EC%9D%84-%EC%A3%BC%EB%8A%94-%EC%9D%B4%EC%9C%A0

React의 setState가 잘못된 값을 주는 이유

본 글은 React의 공식 홈페이지에서 state에 대해 설명한 부분을 참고하여 작성되었습니다.더 자세하게 알고싶으신 분은 공식 홈페이지를 참고해주세요.서론setState가 잘못된 값을 주는 이유setState

velog.io

https://points.tistory.com/88

[React] 클래스형 컴포넌트

클래스형 컴포넌트는 함수형 컴포넌트와 Hook이 등장하기 이전에 사용하던 컴포넌트 형태로 ES6(ECMA Script 2015)부터 추가된 JavaScript Class를 바탕으로 컴포넌트를 작성합니다. 함수형 컴포넌트 성능

points.tistory.com

https://velog.io/@devmag/React-state-%EB%B3%80%EA%B2%BD-%EC%8B%9C-%EC%99%9C-useState-setState%EB%A5%BC-%EC%93%B0%EB%8A%94%EA%B0%80#state-%EC%84%A4%EC%A0%95%EC%9D%80-%EC%99%9C-%EB%B9%84%EB%8F%99%EA%B8%B0%EB%A1%9C-%EC%9E%91%EB%8F%99%ED%95%98%EB%8A%94%EA%B0%80

[React] state변경 시, 왜 setState, useState를 사용하는가?

state변경 시, 왜 setState, useState를 사용하나요? state란 무엇인가? state란 무엇일까? 사실 state만 제대로 이해하고 사용할 수 있다고 하면 react의 반은 이해했다고 할 수 있을 것 같다. 그냥 간단하게