Closed saseungmin closed 3 years ago
๊ฐ๋ฐ๊ณผ ๊ด๋ จํ ๋๋ IT์ ๊ด๋ จ๋ ์คํฐ๋๋ฅผ ์ฐพ๊ณ ๊ฐ์ด ๊ณต๋ถํ๊ณ ์ํตํ๊ณ ์ถ์ ๋ ์ฌ์ฉํฉ๋๋ค.
ํ์์ธ ์ฌ์ฉ์๋ ์คํฐ๋์ ๊ธฐ๊ฐ ๋ด์ ์ ์ฒญํ ์ ์์ต๋๋ค. ๋ด ์ ๋ณด? ํ์ด์ง์์๋ ๋ด๊ฐ ์ ์ฒญํ ์คํฐ๋ ๋ชฉ๋ก์ ํ์ธํ ์ ์์ต๋๋ค.
๋ก๊ทธ์ธ์ ํ๊ฑฐ๋ ํ์์ด์ฌ๋ง ๊ธ ์์ฑ๊ณผ ์ ์ฒญ์ด ๊ฐ๋ฅํฉ๋๋ค. ๋ด ์ ๋ณด ํ์ด์ง๋ ํ์๋ง ์ฌ์ฉ๊ฐ๋ฅํฉ๋๋ค. ๊ธ ์์ฑ์ validation ๊ฒ์ฌ๋ฅผ ํด์ผํฉ๋๋ค. ๋ง์ฝ ์๋ฌ๊ฐ ๋ฐ์์ ์๋ฌ๋ฅผ ๋์๋๋ค. ๋ก๊ทธ์ธ ๋ฐ ํ์๊ฐ์ ์ validation ๊ฒ์ฌ๋ฅผ ํด์ผํฉ๋๋ค. ๋ง์ฝ ์๋ฌ๊ฐ ๋ฐ์์ ์๋ฌ๋ฅผ ๋์๋๋ค. ๋ก๋ฉ์ ๋ก๋ฉ ํ๋ฉด์ด ๋ณด์ ๋๋ค. ( react-content-loader๋ฅผ ์ฌ์ฉํด๋ณผ๊น ์๊ฐ์ค์ ๋๋ค.)
๐ ๊ธฐ๋ณธ ์ง๋ฌธ
๐ค 1. ์ด ์ฑ์ ์ธ์ ์ฌ์ฉํ๋์?
๊ฐ๋ฐ๊ณผ ๊ด๋ จํ ๋๋ IT์ ๊ด๋ จ๋ ์คํฐ๋๋ฅผ ์ฐพ๊ณ ๊ฐ์ด ๊ณต๋ถํ๊ณ ์ํตํ๊ณ ์ถ์ ๋ ์ฌ์ฉํฉ๋๋ค.
๐ 2. ์ด๋ฒ ์ฃผ ๊ตฌํ์ ์์ด์ ์ ์ฝ ์กฐ๊ฑด์ ๋ฌด์์ธ๊ฐ์?
ํ์์ธ ์ฌ์ฉ์๋ ์คํฐ๋์ ๊ธฐ๊ฐ ๋ด์ ์ ์ฒญํ ์ ์์ต๋๋ค. ๋ด ์ ๋ณด? ํ์ด์ง์์๋ ๋ด๊ฐ ์ ์ฒญํ ์คํฐ๋ ๋ชฉ๋ก์ ํ์ธํ ์ ์์ต๋๋ค.
๐ฏ 3. ์ด๋ฒ ์ฃผ ๊ตฌ์ฒด์ ์ธ ์ฌ๋ก๋ ๋ฌด์์ธ๊ฐ์?
๋ก๊ทธ์ธ์ ํ๊ฑฐ๋ ํ์์ด์ฌ๋ง ๊ธ ์์ฑ๊ณผ ์ ์ฒญ์ด ๊ฐ๋ฅํฉ๋๋ค. ๋ด ์ ๋ณด ํ์ด์ง๋ ํ์๋ง ์ฌ์ฉ๊ฐ๋ฅํฉ๋๋ค. ๊ธ ์์ฑ์ validation ๊ฒ์ฌ๋ฅผ ํด์ผํฉ๋๋ค. ๋ง์ฝ ์๋ฌ๊ฐ ๋ฐ์์ ์๋ฌ๋ฅผ ๋์๋๋ค. ๋ก๊ทธ์ธ ๋ฐ ํ์๊ฐ์ ์ validation ๊ฒ์ฌ๋ฅผ ํด์ผํฉ๋๋ค. ๋ง์ฝ ์๋ฌ๊ฐ ๋ฐ์์ ์๋ฌ๋ฅผ ๋์๋๋ค. ๋ก๋ฉ์ ๋ก๋ฉ ํ๋ฉด์ด ๋ณด์ ๋๋ค. ( react-content-loader๋ฅผ ์ฌ์ฉํด๋ณผ๊น ์๊ฐ์ค์ ๋๋ค.)
๐ 4. ์ด๋ฒ ์ฃผ์ ๊ตฌํ ํ ๊ธฐ๋ฅ์ ์ฐ์ ์์๋๋ก ์์ฑํด ์ฃผ์ธ์.