๐ขNotice
- ๊ตฌ์ด์ฒด๋ก ์์ฑ๋์ด ์์ด ์์๋ณด๊ธฐ ํ๋ค ์ ์์
- ๋ฐ๋ ค์๋ TIL์ ์ ๋ฆฌํด๋์ ๊ฒ
- ์ธ์ ๋ฐฐ์ ๋์ง ๋ ์ง๊ฐ ๊ธฐ์ต ์๋จ (์๋ง๋ 7์ 27์ผ)
๐ ๋ฆฌ๋์ค
๐ ์ค์น
- ๋ฆฌ๋์ค์ ๋ฆฌ์กํธ์ฉ ๋ฆฌ๋์ค ์ค์น
yarn add redux react-redux
๐ ํด๋ ๋ถ๋ฐฐ
- storeConfig๋ผ๋ ์คํ ์ด ์ค์ ํ์ผ์ฉ jsํ๋์ ๋ชจ๋ ๋ชจ์๋ modulesํด๋์์ ๋ชจ๋.js ๋ง๋ค๊ธฐ
- ๊นก ๋ฆฌ๋์ค ๊ธฐ์ค ์ธ๋งํ ๋ฏธ๋ค์จ์ด ๋ฐ์ ์ ์๋๋ฐ ๊ทธ ์ค ์์ฃผ์ฐ๋ redux-thunk์์
๐ ๋ฐฐํฌํ๊ธฐ
๐ AWS S3
- yarn buildํด์ build๋ ํ์ผ ์ฌ๋ ค์ผ๋จ => ์ฌ๋ฆฌ๊ธฐ์ ์ ๊ถํ์ ์ ์ฑ
์์ฑํ๊ธฐ
๐ ๋ค๋ฅธ ๋ฐฐํฌ๋ฐฉ๋ฒ
๐ ์ ์ด/๋น์ ์ด ์ปดํฌ๋ํธ
๐ ์ ์ด ์ปดํฌ๋ํธ
- ์ ์ด ์ปดํฌ๋ํธ๋ React์ ์ํด ๊ฐ์ด ์ ์ด๋๋ ์ปดํฌ๋ํธ
- ์์
(input์
๋ ฅ์ onchange ์ด๋ฒคํธ ๋ฐ์ โ ์ด๋ฒคํธ ๋ฐ์๋ง๋ค state์ ์ ์ฅ โ ์ด๋ฅผ ๋ฐํ์ผ๋ก input์ ๋ค์ ๊ฐ์ ์
๋ ฅํด์ฃผ๋ state๊ธฐ์ค์ผ๋ก ๊ฐ ๊ด๋ฆฌ(์๋ฐฉํฅ ๋ฐ์ธ๋ฉ ๋ฐฉ์) โ
์ปดํฌ๋ํธ์ ๋ฆฌ๋ ๋๋ง ์กฐ๊ฑด(์ํ ๋ณ๊ฒฝ(state))์ ๋ฐ๋ผ ๊ณ์ ๋ฆฌ๋ ๋๋ง ๋ฐ์)
๐ ๋น์ ์ด ์ปดํฌ๋ํธ
- ๋น์ ์ด ์ปดํฌ๋ํธ๋ React์ ์ํด ๊ฐ์ด ์ ์ด๋์ง ์๋ ์ปดํฌ๋ํธ
- ์์
(useRef๋ก input์ ์ฐธ์กฐ๋ง ํด๋๊ณ ๋ณ๋ ์ด๋ฒคํธ ๋ฐ์ ์ ๊ทธ ๊ฐ๋ง ๊ฐ์ ธ์ ํ์ฉ โ state์ ์ ์ฅ์ด๋์ง ์์ผ๋ ๋ณ๋์ ๋ฆฌ๋ ๋๋ง๋ ๋ฐ์ํ์ง ์์ โ ์ฑ๋ฅ์์ ์ด์ )
๐ฌ ์ ๋ฆฌ : ๋น์ ์ด ์ปดํฌ๋ํธ๋ก ๊ตฌํ ๊ฐ๋ฅํ๋ฉด ๋น์ ์ด๋ก ํ์
๐ก ๋์ ์๋ ์๋ณธ ํ
์คํธํ์ผ
- ๋จ๋ณด์ฌ์ฃผ๊ธด ๋ถ๋๋ฌ์์ ๋ ํฌ๋ฅผ private๋ก ๋๋ ค๋จ๋ค
- ๊ทธ๋์ ๋๋ง ๋ณผ์ ์์๊ฑฐ๊ฐ๋ค
somfist-github