์ํฐ๋ํ๋ฆฌ์จ๋ณด๋ฉํ๋ก ํธ์๋
-
์ํฐ๋ ํ๋ฆฌ์จ๋ณด๋ฉ ํ๋ก ํธ์๋ ์ฝ์ค 3์ฃผ์ฐจ ํ๊ณ (1) — Next.jsETC 2022. 3. 22. 02:29
ํ๋ฆฌ์จ๋ณด๋ฉ์ ์์ํ๊ณ ๋๋ ์๊ฐ์ด ๋ฌด์ง ๋น ๋ฅด๊ฒ ํ๋ฅธ๋ค. ๋๋์ด 3์ฃผ์ฐจ! ์ด๋ฒ์๋ Next.js๋ฅผ ์ฒ์ ์จ ๋ณด๊ฒ ๋์๋ค. ์ด๋ฆ๋ง ๋ค์์ ๋ ์ด๋ ค์ธ ๊ฒ ๊ฐ์๋ Next.js๋ ๋ง์ ํด ๋ณด๋ ์๊ฐ๋ณด๋ค ์ด๋ ต์ง๋ ์์์ง๋ง, ์ญ์ ์ฒ์์ด๋ผ ๊ทธ๋ฐ์ง ์ด๋ ต๊ธด ์ด๋ ค์ ๋ค. (๋ชจ์๋ฉ์ด๋ฆฌ) ์ฌ์ค ๋ง๊ฐ ๊ธฐํ๊น์ง๋ ์๋ฒฝํ๊ฒ ์ดํดํ์ง ๋ชปํ๋๋ฐ ํ๋ฆฌ์จ๋ณด๋ฉ ์ฝ์ค๊ฐ ๋๋๊ณ ๋ณต์ตํ๊ณ ๋์์ผ ์กฐ๊ธ์ฉ ์ดํดํ๋ ์ค์ด๋ค.... ์ด๋ฒ ๊ณผ์ ์์ ๋๋ ์ํ ์์ธ ํ์ด์ง, ๊ณ ๊ฐ์ผํฐ์ ๋ง์ดํ์ด์ง, e2e ํ ์คํธ๋ฅผ ๋งก์๋ค. ์๋ฌดํผ ์์~ 1. ์ํ ์์ธ ํ์ด์ง ์ฒ์์๋ ๋ฆฌ์กํธ์์ components๋ฅผ ์์ฑํ๋ ๊ฒ๊ณผ ๋์ผํ๊ฒ components ํด๋ ๋ด์ ํ์ด์ง๋ง๋ค ํด๋๋ฅผ ๋๋ ์ ์ปดํฌ๋ํธ๋ฅผ ์์ฑํ๋ค. ์ปดํฌ๋ํธ ๋ถ๋ฆฌ ๊ธฐ์ค์ ์ ์ฌ์ง๊ณผ ๊ฐ์ด ๋ถ๋ฆฌํ๋ค. Optio..
-
์ํฐ๋ ํ๋ฆฌ์จ๋ณด๋ฉ ํ๋ก ํธ์๋ ์ฝ์ค 2์ฃผ์ฐจ ํ๊ณ (2) — ReduxETC 2022. 3. 5. 21:39
์ฑ์ฉ ๊ณผ์ ๋ฅผ ํ๊ฑฐ๋, ์ทจ์ ํด์ ํ์ฌ๊ฐ ์๊ธฐ๊ณ ๋๋ฉด ์ ์ญ ์ํ ๊ด๋ฆฌ ํด์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ ๊ฑฐ๋ค. (์ด๋ง์ด๋งํ props drilling์ผ๋ก ๋ชจ๋ ๊ฑธ ํด๊ฒฐํ์ง ์์ ๊ฑฐ๋ผ๊ณ ์๊ฐ....) ๊ทธ๋์ ๋ฆฌ์กํธ๋ฅผ ํ๋ฉด์ redux, recoil ๊ฐ์ ์ ์ญ ์ํ ํด์ ์๊ณ ์๋ ๊ฒ ํ์๋ผ๊ณ ์๊ฐํ๋๋ฐ, ๋๋ ์ ๊ทธ๋์ ์ฌ์ฉํ์ง ์์๋์ง? ์๋ฌดํผ ์ด๋ฒ์๋ ๋ฆฌ๋์ค๋ฅผ ํ์๋ก ์ฌ์ฉํ๋ ๊ณผ์ ์๊ณ , ์ด์ ์๋ Context API๋ ๋ฆฌ๋์ค ํํ ๋ฆฌ์ผ (์ ๋์ง๋ง)์ ํตํด ์ฌ์ฉํด ๋ดค๊ธฐ ๋๋ฌธ์ ๊ทธ๋ฅ ๊ฑฑ์ ์ ๋์ง ์์๋ค! ์ฐ์ ์ด๋ฒ์๋ ๊ณผ์ ๋ณ๊ฒฝ ์ฌํญ์ด ๋ง์๊ธฐ ๋๋ฌธ์ ์กฑ๊ธ ์ ์ ์ด ์์๊ณ ... swit ๊ณผ์ ๋ ํ๋กํ ํ์ ์ด ์์๊ธฐ ๋๋ฌธ์ ๋์์ธ์ ์ด๋ป๊ฒ ํ์ง ์๊ฐํ๋ค๊ฐ swit์ ์ด๋ฏธ ์ ์ฌ์ฉ๋๊ณ ์๋ ๋ฉ์ ์ ์ด๊ธฐ ๋๋ฌธ์~ ์น ๋ฒ์ ๋์์ธ์..
-
์ํฐ๋ ํ๋ฆฌ์จ๋ณด๋ฉ ํ๋ก ํธ์๋ ์ฝ์ค 2์ฃผ์ฐจ ํ๊ณ (1) — TypeScriptETC 2022. 3. 2. 23:13
์ค๋ ์ฐํด์ ํน~ ์ฌ๋ ์ฒ ์ด๊ฒ์ ๊ฒ ๊ณต๋ถ๋ ๋ง์ด ํ๊ณ ๋์ ๋ค์ ๋ฃ๊ฒ ๋ 2์ฃผ์ฐจ ์์ . TypeScript ์์ ์ด์๋๋ฐ ์ฌ์ค ๋ฐ๋ก ์ค์ ํ๋ก์ ํธ๋ฅผ ํ๊ฒ ๋ ์ค์ ๋ชฐ๋๋ค. ๊ทธ๋๋ง ์ค ์ฐํด์ React with TS๋ก TodoList ๋ง๋๋ ๊ฐ์๋ผ๋ ๋ณด๊ณ ๋ฐ๋ผํด์ ๋ง์ ์ด๋ผ๊ณ ์๊ฐํ์. ๊ทธ๋ฆฌ๊ณ ์ง์ ํด ๋ณด๋๊น ๋ ์ด๋ ค์ ๋ฐ...... TypeScript ์ฌ์ค ํ์ ์คํฌ๋ฆฝํธ๋ C์ธ์ด, Java, Python ๊ทธ๋ฆฌ๊ณ ์ฝ๊ฐ์ C++๊น์ง ๋ฐฐ์ ๋ ์ ๊ณต์์ผ๋ก์จ ์ต์ํ ๋ถ๋ถ๋ค์ด ๋ง์๋ค. ๋น์ฐํจ. ๊ทธ๊ฒ์ด OOP์ด๋๊น. ์ด๋ป๊ฒ ๋ณด๋ฉด ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ๋๊ฒ ํฌํํ ์ธ์ด๋ค. ๋ณ์์ ํ์ ๋ ์ง์ ํด ์ฃผ์ง ์์๋ ๋๊ณ , ํธ์ด์คํ ์ผ๋ก ์ธํด ๋ณ์ ์ ์ธ์ ํธ์ถ๋ณด๋ค ๋ฐ์ ํด๋ ์ค๋ฅ๊ฐ ์ ๋๋ค๋ ์ง ๊ทธ๋ฐ ์ ์ ๋ณด๋ฉด ๋ง์ด๋ค. ๊ทธ์น๋ง React+TypeS..