notion : https://www.notion.so/9bcf0f86055e4ccdb3e8cdd7ab811a03 2022.04.22 ~ 2022.06.02
FrontEnd : ํ์ ์ , ์ด์ฑ์ (React)
BackEnd : ํฉ์ธํธ, ๊นํ๊ท , ์ ๋๊ท (Node js)
Designer : ํํ๋ฆผ, ์ดํ๋ฆฐ Framework : React
์ํ๊ด๋ฆฌ : Redux
CSS : Styled-component
API:Axios
CD:Amplify VSCode
Git
AWS-Route53, Amplify 1. ์์ ๋ก๊ทธ์ธ์ ํ์ ๋, ์ ์ ์ถ๊ฐ์ ๋ณด๋ฅผ ์ ๋ ฅ๋ฐ์ง ๋ชปํด ๋ฉ์ธํ๋ฉด์์ ๋ ธ์ถ์ํฌ data๋ฅผ ์ฐพ์ง ๋ชปํ๋ ๋ฌธ์
โ ์์ ๋ก๊ทธ์ธ ์งํ ์ถ๊ฐ์ ๋ณด๋ฅผ ์ ๋ ฅํ ์ ์๋๋ก ๋ผ์ฐํ ํ์ฌ ์ถ๊ฐ์ ๋ณด๋ฅผ ํ์๋ก ์ ๋ ฅํ๋๋ก ์ ๋ํ ํ ์๋ฌ๊ฐ ํด๊ฒฐ๋จ
2. Nav ๋ฐ์์, onClick ํ ๋ ๋๋ง์ด ๋๋๋ผ๋ nav๋ฐ ์์ ์ ์ง์ํค๋ คํ์ผ๋ ๋ก๋ฉ์ ์๊ฐ์ด ๊ฑธ๋ฆฌ๋ ๋ฌธ์
โ๋ณํ ๊ฐ์ด ์ ์ง๋๊ฒ ํ๊ธฐ ์ํด db์ data๋ฅผ ์ ๋ ฅํ์ฌ nav๋ฐ ์ ์ ์ง๋ฅผ ์ํด. ํ๋ก ํธ๋จ์์ nav์์์
url์ฃผ์์ ๋ฐ๋ผ ๋ณ๊ฒฝ์ํจ ํ ๋ ๋๋ง์ด ๋๋๋ผ๋ ์ ์ง์์ผ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ณ ํ์ด์ง ๋ก๋ฉ ํจ์จ์ ๋์
3. ๋ ๋๋ง ์งํ ์๋ก๊ณ ์นจ ์ data๊ฐ ๋ ์๊ฐ๋ ๋ฌธ์
โ useEffect์ ์์กด์ฑ๋ฐฐ์ด์ ์ ๊ฑฐํ์ฌ ์ง์์ ํธ์ถ์ ์ ๋ํจ์ผ๋ก ํด๊ฒฐ