Dday๊ฐ ํ๋ฃจ ๋ฐ๋ ธ๋๋ฐ ์ด์ฉ๋ค๊ฐ ์ธ์ ๋ฐ๋ฆฐ ๊ฑด์ง ๋ชจ๋ฅด๊ฒ ๋ค...?
๋ฐ์์จ ๋ฐ์ดํฐ๋ฅผ ๋ชฉ๋ก์ ๋ฟ๋ ค์ฃผ๋ ๊ฒ ๊น์ง ์ฑ๊ณตํ๋๋ฐ ๊ฐ ๊ฒ์๋ฌผ๋ณ ์์ธํ์ด์ง์ ๋ฐ์ดํฐ๋ฅผ ์ด๋ค ๋ฐฉ์์ผ๋ก ๋งค์น์์ผ ๋ฟ๋ ค์ค์ผํ ์ง๊ฐ ๊ณ ๋ฏผ์ด์๋ค.
์ผ๋จ ์์ ์ ๊ฐ์์์ ๋ฐฐ์ ๋ ๊ฒ ์ฒ๋ผ url ํ๋ผ๋ฏธํฐ๋ก ๋ฐ์ดํฐ์ index๋ฅผ ๋ฃ์ด ๋ฐ์ดํฐ๋ฅผ ๊บผ๋ผ ๋๋ ํ๋ผ๋ฏธํฐ๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ง๊ธ ํ๋ก์ ํธ์์ urlํ๋ผ๋ฏธํฐ๋ฅผ postid๋ก ์ฃผ์๊ธฐ ๋๋ฌธ์ ๊ธ์ด ์ญ์ ๋๊ฑฐ๋ ํ ๊ฒฝ์ฐ ๋ชฉ๋ก๊ณผ ์์ธํ์ด์ง์ ๋ฐ์ดํฐ๊ฐ ๊ผฌ์ผ ์ ์์ด ์ฌ์ฉํ ์ ์์๋ค.
๊ทธ๋ ๋ค๊ณ ํ๋ผ๋ฏธํฐ๋ฅผ ๊ทธ๋ฅ ์ธ๋ฑ์ค๋ก ์ฃผ์๋ ์ ์ง ๊ทธ๋ฌ๊ธด ์ซ์ด์... ๐
๊ทธ๋ฆฌ๊ณ ์ง๊ธ์ด์ผ ๊ฒ์๊ธ ๋ฐ์ดํฐ ์๊ฐ ์ ์ง๋ง, ๋ง์ฝ ๊ธ ์๊ฐ ๋ง์ ๊ฒฝ์ฐ ์ผ์ผํ ๊ทธ ๋ง์ ๋ฐ์ดํฐ๋ค์ postid๋ฅผ ๋น๊ตํ๋ ์์ ์ ๋๋ฆฌ๋ ๊ฒ ๋ง๋์ง...?
๊ทผ๋ฐ ๋๋ฆฌ๋์ด ์ด์ฐจํผ ์์ธํ์ด์ง ๋ฐ๊นฅ์์ map๋๋ ค์ ๋ฟ๋ ค์ค ๋ฐ์ดํฐ๊ฐ ์์ผ๋ ๊ทธ๊ฑธ props๋ก ๋๊ฒจ์ฃผ๋ ๊ฒ ์ด๋ป๊ฒ ๋๋ ํํธ๋ฅผ ์ฃผ์
์ ์ข ์ฐพ์๋ณด๋ค๊ฐ history๋ก props๋ฅผ ๋๊ฒจ์ฃผ๋ ์์ผ๋ก ํด๊ฒฐํ๋ค! ใ
.ใ
// ๋น๊ตฌ์กฐํํ ๋น
const { props1, props2, props3 } = location.state;
๋ฐ์ดํฐ๊ฐ ์ ๋์ด์๋ค!
jwt ๋์ฝ๋ฉ ๋ผ์ด๋ธ๋ฌ๋ฆฌ : jwt-decode
๋์ฝ๋ฉ ์ฝ๋ : JSON.parse(atob(token.split(".")[idx]))