JWT ๊ธฐ๋ฐ ์ธ์ฆ ๋ฐฉ์์ ํํ ๊ฒฝ์ฐ ํ๋ก ํธ ์๋์์ ์ด๋ป๊ฒ ์ฝ๋ฅด๋ฅด ์ง์ผํ๋ ์ง์ ๋ํด ๊ณต๋ถํ๊ณ ์ค๋ฅ๋ฅผ ๊ฒช์ผ๋ฉฐ ์๊ฒ๋ ๊ฒ๋ค์ ์ ๋ฆฌํ๋ค.
ํ๋ก ํธ ์๋ ๊ฐ๋ฐ์๊ฐ postman์ Mock server๋ฅผ ์ด์ฉํด์ API ์ฐ๋ ํ ์คํธ๋ฅผ ํ๋ ๋ฐฉ๋ฒ์ ๋ํด
React์ Portals ์ด๋ ๋ฌด์์ด๋ฉฐ ์ด๋ฅผ ์ด์ฉํด modal ๋ง๋ค๊ธฐ
node์๋ฒ๋ฅผ ๋ง๋ค์ด์ mixed-content ์ค๋ฅ๋ฅผ ํด๊ฒฐํ๋ ๋ฐฉ๋ฒ์ ๋ํ ๊ธ
express๋ฅผ ์ด์ฉํด , node ์๋ฒ์์ React ํ๋ก์ ํธ๋ฅผ ์ด๊ณ ํ๋ก ํธ์ ์๋ฒ๊ฐ์ ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ๋ ๋ฐฉ๋ฒ์ ๋ํด ์๊ฐํ๋ค.
React์ Node ์๋ฒ ๋ฅผ ์ฐ๋ ํ ๋, index.html์์ ๋ถ๋ฌ์์ผ ํ json,js.css ํ์ผ์ ๋ถ๋ฌ์ค์ง ๋ชปํ๋ 404 error์ ์์ธ๊ณผ ํด๊ฒฐ๋ฐฉ๋ฒ
๊ณต๊ณต ๋ฐ์ดํฐ๋ฅผ ํ์ฉํด ๋ ์จ ์ ๋ณด๋ฅผ ์๋ ค์ฃผ๋ ์น์ฌ์ดํธ๋ฅผ ๋ง๋ weather ํ๋ก์ ํธ ํ๊ธฐ
API Key๋ฅผ Github์ ์ฌ๋ฆฌ์ง ์๊ณ , ๋ฐฐํฌ ํ๊ฒฝ์์๋ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ
redux-thunk์ redux-saga๋ฅผ ๋น๊ต ๋ถ์ํ ๊ธ
Notion ํด๋ก ์ฝ๋ฉ ํ๋ก์ ํธ๋ฅผ ํ๋ฉด์ ๋ฐฐ์ด์ ๊ณผ ๋๋ ์ ์ ๋ํ ํฌ์คํ
notion ํด๋ก ์ฝ๋ฉ ํ๋ก์ ํธ ์ค์ ๋ง๋ ์ค๋ฅ๋ฅผ ํด๊ฒฐํ๋ฉด์ ๊ณต๋ถํ๊ฒ ๋ react rendering(๋ ๋๋ง), DOM ๊ตฌํ ์์์ state ๊ด๊ณ์ ๋ํ ๊ธ
notion ์ฝ๋ฉ ํ๋ก์ ํธ ์ค, ๋๋๊ทธ๋ก ์ ํ๋ ํ ์คํธ์ ์คํ์ผ์ ๋ณ๊ฒฝํ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ ๋ฐฉ๋ฒ๊ณผ ๊ทธ ๊ณผ์ ์์ ์๊ฒ๋ ๋ด์ฉ์ ์ ๋ฆฌํด๋ณด
์น ๋ธ๋ผ์ฐ์ ์์์ ํน์ ๋ถ๋ถ์ html,pdf, markdownํ์ผ๋ก ์ ์ฅํ ์ ์๋ ๊ธฐ๋ฅ์ ์ด๋ป๊ฒ ๊ตฌํํ ์ ์์๊น์ ๋ํ ๊ธ
string ํ์ ์ ์ด๋ชจ์ง๋ฅผ ์ด๋ป๊ฒ ํ๋ฉด ํ๋น์ฝ์ผ๋ก ์ฌ์ฉํ ์ ์์๊น ๊ณ ๋ฏผํ๋ฉฐ ์ด์ฌํ ๊ฒ์ํด ์ฐพ์ ๋ฐฉ๋ฒ์ ๋ํ ๊ธ
๋ฆฌ์กํธ๋ก ์ฌ์ฉ์๊ฐ ์ด๋ฏธ์ง ์ฌ์ด์ฆ๋ฅผ ๋ณ๊ฒฝํ๊ณ ๋ณ๊ฒฝ๋ ์ด๋ฏธ์ง๋ฅผ ๋ค์ด๋ก๋ ๋ฐ์ ์ ์๋ ํ๋ก์ ํธ ํ๊ธฐ
React์์ ๋ถ๋ณ์ฑ์ ์ ์ง์ผ์ ธ์ผํ๋ฉฐ ์ด๋ป๊ฒ ์ง์ผ์ผ ํ ๊น์ ๋ํด ์ ๋ฆฌํ์ต๋๋ค.
react์ firebase๋ฅผ ํตํด ํธ์ํฐ๋ฅผ ํด๋ก ์ฝ๋ฉํ ํ๋ก์ ํธ๋ฅผ ๋๋ง์น๋ฉด ์ฐ๋ ํ๊ธฐ
๋์ผํ ์ฝ๋์ ์์์ ๋ฐ๋ผ ์คํ์ผ ๋ณํ๋ฅผ ์ฃผ๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผํ๋ ์ง๋ฅผ ๊ณ ๋ฏผํ๋ฉด์ ์ป์ ํด๊ฒฐ๋ฐฉ๋ฒ์ ๋ํ ๊ธ
context API ๊ฐ ๋ฌด์์ด๋ฉฐ ์ด๋ป๊ฒ ์ฌ์ฉํ์ง์ ๋ํ์ฌ
ํธ์ํฐ ํด๋กฑ ์ฝ๋ฉ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ rt,heat ๊ธฐ๋ฅ์ ๋ง๋ค๋ฉด์ ๊ฒช์ ์ค๋ฅ์ ํด๊ฒฐํ ๋ฐฉ๋ฒ๋ฑ์ ์ ์ ๊ธ