sm 기술 블로그

원하는 결과물 state에 저장된 메시지의 항목 중 원하는 항목의 내용을 변경하고자 한다. Prev 사용 prev는 state의 이전 값들을 뜻한다. setMsgC((prev) => [...prev].map((_msg) => (_msg.id === newMsg.id ? { ..._msg, content: newMsg.content } : _msg)) ); 다음과 같이 prev와 삼항연산자를 이용한다. (prev) => [...prev].map((_msg) MsgC내에 있는 값들을 가져와 map을 이용하여 각 항을 이용할 준비를 마친다. (_msg.id === newMsg.id ? { ..._msg, content: newMsg.content} : _msg)) 그 후 각 항의 id와 새로 들어온 메세지의 ..

1. 삼항연산자 (조건식 ? true : false) 통상 제일 많이 쓰는 조건 식으로 조건식에 따라 true 와 false를 반환한다. 만약 true 만을 사용하고자 한다면 좀 더 간단한 연산자가 있다. 2. &&연산자 (조건식 && true) && 연산자로 통상 and로 많이 알고 있을텐데 jsx에서 if 역할로 사용이 가능하다. 출처: https://codingapple.com/unit/react-if-else-patterns-enum-switch-case/

https://smhope.tistory.com/533 [리액트] jwt 디코딩 eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiLrsJXshozrp50iLCJyb2xlcyI6WyJST0xFX1VTRVIiXSwiZW1haWwiOiJkZW5pc3QyM0BuYXZlci5jb20iLCJpZCI6MywiaWF0IjoxNjYzNDc0NzE1LCJleHAiOjE2NjM0NzY1MTV9.N4xjl-CARWTeRwBEJo_mZZB1u9Pm.. smhope.tistory.com 전 포스팅에서 jwt를 디코딩 해보았다. 만족스럽게 작동하였으나 결과물은 문자열로 아쉬운 점이 있었다. 이번에는 문자열을 객체로 변환하는 방법을 알아보자. 정상적으로 진행 했다면 위와 같이 결과가 나왔을 것이다. 이를 JSON.parse(..

eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiLrsJXshozrp50iLCJyb2xlcyI6WyJST0xFX1VTRVIiXSwiZW1haWwiOiJkZW5pc3QyM0BuYXZlci5jb20iLCJpZCI6MywiaWF0IjoxNjYzNDc0NzE1LCJleHAiOjE2NjM0NzY1MTV9.N4xjl-CARWTeRwBEJo_mZZB1u9PmERp507D-LfuiDn8; 서버로 부터 다음과 같은 jwt를 발급받았다고 하자. jwt를 다시 서버로 보내서 필요한 정보를 받을 수 있지만 프론트에서 처리하고 싶다. 따라서 아래와 같은 방법을 사용하였다. 1. base64 설치 npm i base-64 통상 jwt를 base64로 인코딩 할 것이다. 그러면? 다시 base64로 디코딩하면 되므로 bas..