- ์ฝ๋ก๋์๋์ ์ง์์๋ ์๊ฐ์ด ๋๋ฉด์ ์ทจ๋ฏธ๊ฐ ์ค์ํด์ง๋ ๊ฒ ๊ฐ์์ ใ ใ
- ๋ฆฌ์กํธ ์ปดํฌ๋ํธ ์ ์ฅ์์๋ ๋ฐํ ์ ๋ฐฉ์์ด ์ข์ต๋๋ค. ๋ค๋ง ๋งํฌ์ ๊น์ง ๊น๋ํ ๊ตฌ์กฐ๋ฅผ ๊ณ ๋ คํ๋ฉด์ ๋ง๋ค๋ฉด ํ๋ค์ด๋ฐฉ์์ด ์ข ๋ ์์ ์ ์ด์๋ ๊ฒ ๊ฐ์ต๋๋ค.
- ๊ธฐ๋ฅ ์ค์ฌ์ ์ผ๋ก ๋ง๋๋๊ฒ ์ข์ต๋๋น
- ์๊ฐ์ด ๋ถ์กฑํ ์ํฉ์์๋ ์ํ๋ ์์ญ์ ๋๋ ์ ํ๋ ๋ฐฉ๋ฒ์ ์ข์ต๋๋ค. ๋ค๋ง ๋ค๋ฅธ ์ฌ๋์ ์ฝ๋๋ฅผ ์ดํดํ๋ ์๊ฐ์ ๊ฐ๋๊ฒ ์ค์ํฉ๋๋ค. (์ดํดํ ์ ์๋ค๋ฉด ์ค๋ช ์ ์์ฒญํ๋ ์ฉ๊ธฐ๋ฅผ..)
- eslint ๋ ์ฌ๊ธฐ ์ค์ ์ ์ฐธ๊ณ ํ๋ฉด ์ข์ ๊ฒ ๊ฐ์์ -> https://github.com/dickyindra/cra-eslint-prettier-airbnb
- ์ด๋๋ฏผ ํ์ด์ง๋ ์ผ๋จ ํ์์๋ก ํ๋๊ฒ ์ข์๋ณด์ ๋๋น (์ด๋ ค์๋ณด์ด๋ค์)
- ์๊ฐ์ด ๋จ์ผ๋ฉด ์ถ๊ฐ ๊ณผ์
- ์ข์ธก ๋ฉ๋ด ์คํฌ๋กค ํด๋ ๋ณด์ฌ์ฃผ๊ฒ ๋ง๋ค๊ธฐ (iframe ๋ ์ง์ํด์ฃผ์ธ์ฉ~)
- ์ด๋ฏธ์ง ์ ๋ก๋ ์ปดํฌ๋ํธ ๋ง๋ค๊ธฐ
- ์ด๋ฏธ์ง ์ ํํ๋ฉด ๋ก์ปฌ๋ก ํ์ผ ๋ณด์ฌ์ฃผ๊ธฐ (FileReader & blob)
- ์ ๋ก๋ ์๋ฃํ๋ฉด onChange ๋ก ์ ๋ก๋๋ url ์ ์๋ ค์ค
๋ฆฌ์ ๋งค๋์ ํผ๋๋ฐฑ
๋ฐํ ์์
์ข์ ๋ง์ธ์ง ์ ์ข์ ๋ง์ธ์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง ์ ๋ง ๊ณต๋์๋ค์ด ๋ฐํ์์ต๋๋ค! ๋ฌผ๋ก ์์ฌ์ด ์ ๋ ๋ง์์ง๋ง ์ถฉ๋ถํ ๋ฐ์ ํ ์ ์๋ ์์๋ค์ด ๋ง์๊ณ , ์งง์ ์๊ฐ์ ํ๋ก์ ํธ๋ฅผ ์ค๋ช
ํ๋ค๋ ๊ฒ์ด ์ด๋ ค์ ์ ํ
๋ฐ ์ํด์ค ๊ฑฐ ๊ฐ์์. ๐
- ๋ฐํ์๋ ๋์์ธ์ ์ธ ์์๊ฐ ์ค์ํ๋ค๊ณ ์๊ฐํด์. ๋ฌผ๋ก ์ค๊ฐ ๋ฐํ์ด๊ธฐ์ ๊ฐ๋ณ๊ฒ ๋ง๋ค์์ ๊ฑฐ๋ผ๊ณ ์๊ฐํ์ง๋ง ๋์์ธ์ ๋ง์ ๊ณต์ ๋ค์ด์ง ๋ง๊ณ ๋ฏธ๋ฆฌ์บ๋ฒ์ค << ์ ๊ฐ์ ํ๋ซํผ์ ์ฌ์ฉํด๋ณด์๋ ๊ฑธ ์ถ์ฒ๋๋ฆฝ๋๋ค!
- ๋ฐํ๋ ๋ฐ๋ฏผ์๊ฐ ์งํํ๊ฒ ๋ค๊ณ ํ๋๋ฐ ์ด๊ฑธ ๋ณด๋ ๋ค๋ฅธ ์ฌ๋๋ค์ ๋ฐ๋ฏผ์๊ฐ ๋๊ตฐ๋ฐ? ๋ผ๊ณ ํ ์ ์์ ๊ฑฐ ๊ฐ์์. ํ์์ ํ์ฅ์ด๋ผ๋ฉด ํ์ฅ ๋ฐ๋ฏผ์๋ผ๊ณ ํด๋ ์ข๊ณ , ํ์์ด๋ผ๋ฉด ์ค๊ฐ ๋ฐํ๋ฅผ ๋ด๋นํ๊ฒ ๋ ๋ฐ๋ฏผ์๋ผ๊ณ ํด๋ ์ข์ ๊ฑฐ ๊ฐ๋ค์.
- ๋ฏผ์๋์ด ์ฌํฌ๋ฆฌ๋ฅผ ์ ์ฐ๋ ค๊ณ ๋ ธ๋ ฅํ๋ค๋ณด๋ ์ ๋ฐ์ ์ผ๋ก ์ฝ๊ฐ ๋ฑ๋ฑํ(?) ๋๋์ด ์๋๋ฐ ๊ทธ๋ฌ์ง ์์๋ ๋ฉ๋๋ค! ์๋ ํ์ญ๋๊น! ๋ณด๋ค๋ ์๋ ํ์ธ์~๋ก ์ฌํฌ๋ฆฌ๊ฐ ๋์จ๋ค๋ฉด ๊ทธ๋ฅ ์ฌํฌ๋ฆฌ๋ฅผ ์ฐ๋ ๊ฒ๋ ๋งค๋ ฅ์ผ ์ ์์ด์. ์ ๋ฐ์ ์ผ๋ก ์ฝ๊ฐ ๋ฐํ์๊ฐ ๊ธด์ฅํ ๋ฏํ ๋๋์ ์ฃผ๋ค์.
- ๊ฐ๋ฐ ํ์์ฑ์ ๋ํ ๋ด์ฉ์ ๋ค์ ํ๋ฒ ๊ฒํ ํด๋ณด๋ฉด ์ข์ ๊ฑฐ ๊ฐ์์. ์ฅ๊ธฐํ๊ฐ ๋์ด์ ์น๊ตฌ๋ค ๋ง๋์ ์ทจ๋ฏธ๋ฅผ ๋๋๊ณ ์ถ์ ์ฌ๋์ด ์ ๋ง ์์๊น์? ์๋ค๋ฉด ์ผ๋ง๋ ์์๊น์? ์กฐ๊ธ ๋ ๋ช ํํ ๊ทผ๊ฑฐ๊ฐ ์๋ค๋ฉด ์ข์ ๊ฑฐ ๊ฐ์์.
- ์์ด์ด ํ๋ ์ ํ์ด์ง์ ์ด๋ค ํ์ด์ง์ธ์ง ์๋ ์๊ฒ ์ ์ด์คฌ๋ค๋ฉด ๋ ์ข์ ๊ฑฐ ๊ฐ๋ค์!
- ๊ธฐ๋ฅ์ ์ ๊ตฌํํ์ผ๋ ๋ฏผ์๋์ ๋ฐ๋ก ์ ๊ฐ ๋ฐํ ๋ฉด๋ด์ ์งํํ๋ฉด ์ข๊ฒ ๋ค์ฉ. ์ธ์ ๋ต๊น์?
ํ๊ณ ๋ก
- ์ํ ์ ์ค์์๋ ์ฐ๋ฆฌ๊ฐ ์ ์งํ ๊ฒ๋ค์ ๋ํด์ ์๊ฐํด๋ณด๋ฉด ์ข์ ๊ฑฐ ๊ฐ์์!