FE๊ฐ๋ฐ์๊ฐ ๋๊ธฐ ์ํด ์์ํ ๋ฉ์ฌ ์บ ํ ์ฒซ๋ ์์ฑํด๋ณด๋ ์ผ๊ธฐ
๐์์ ๋ด์ฉ ์ค๋ ์ฒ์ ์์ฃผ์์ฃผ ์ ๋ช ํ ์ ์ฝ๋ฒ ์์ ์ ๋ฃ๊ฒ ๋์๋ค. ์์ ์์๋ ์ ๋ฒ ์ฝ ์๊ฐ๋ฅผ ๋ฃ๊ณ html, port, url ๋ฑ์ ๊ณต๋ถํ๋ค. ๋ํ๊ต ๋ ์ ๊ณต์์ ์ด๋ ์ปดํ ์ค๋น๋ฅผ ํ๋ฉด์ ์ด์ฌํ ์ธ์ ๋ ๊ฑฐ ๊ฐ์๋ฐ, ๋งค๋ฒ ์๋กญ๊ฒ ๋ค๋ ธ๋ค. ํ์ง๋ง ๊ฐ์ฌ๋๊ณผ ๋๊ธฐ๋ค์ ๋ผ์ด๋ธ
โ ๋น์ ๊ณต์ ๋ฉด์ ์ค๋น1\. ์ ๊ณต์ ํฌ๊ธฐํ ๊ณ๊ธฐ, ์ด์ ๋ฅผ ์ ํํ๊ฒ ์ค๋ช ํ ์ ์๊ธฐ2\. ์์ ๊ฒ์ด๋ผ๋, ๋์ ๊ฐ์ ๋์ด์ฌ๋ฆฌ๊ธฐ ex) ์๋ฌธํ๊ณผ > ์์ด ๋ ํด ์ค๋ ฅ
[์์ฃผ ์ค์ํ ์ด์ผ๊ธฐ] 1.๐ฉ์์ฆ FE ๊ฐ๋ฐ์ ์ฑ์ฉ ๋ฌธ์ ์ถ์ธ css, html์ ์์ ๋น์ฐํ ๊ธฐ๋ณธ, js๊ฐ ์ง์ง(์ด๋ณด์๋ ๋น์ฐํ ์ฒ์๋ถํฐ ํํํ๊ฒ!) (1) ๋จ์ ui ๊ตฌํ(๋ฎ์ ์ฐ๋ด) ์ฝ๋ฉ ํ ์คํธ: ๋ค์ ๊ฒ์ > ์ต์ ์ํ ํ์ด์ง ๊ตฌํ ๋ฌธ์ ๊ธฐ์ถ (html
์ค๋ JS ๊ณต๋ถ๋ฅผ ์์ํ์ง ์ผ์ฃผ์ผ์ด ๋์๋ค. ๋ถํธ์บ ํ ํน์ฑ ์ ๋น ๋ฅด๊ฒ ๋๊ฐ๋ ์ง๋์ ํ๋์ด๋ฉด์ ์์ ํ๊ฒ ๋ณต์ตํ ์ ์์์ง๋ง ์์ ๋๋๊ณ ์๋ฒฝ๊น์ง ๋ฐ๋ผ์ณ๋ณด๋ฉด์ ๋ฌธ๋ฒ๊ณผ ์๋ ์๋ฆฌ๋ฅผ ์ดํดํ๋ ค๊ณ ๋ ธ๋ ฅํ๋ค. ์์งํ ์ง๊ธ ๋๊ฐ ์ง๋์์ ์ต๋ํ ์ ๋๋ฅผ ํผ์ผํธ๋ก ํํํ์๋ฉด 33.33
2022-05-27 ๋ฉ์์ด ์ฌ์์ฒ๋ผ ์ฃผ๊ฐ ํ๊ณ ๋ฅผ ๋ง์น๊ณ ... ์ด๋ฒ์ฃผ์๋ ๋น๋๊ธฐ์ ๊ด๋ จ๋ ๊ฐ๋ ๊ณผ promise, async, await, fetch๋ฅผ ๋ฐฐ์ ๋ค. ๋น๋๊ธฐ์ ์ค์์ฑ ๊ทธ๋ฆฌ๊ณ ์ฝ ์คํ์ ๋ถ๋ ค์ค๋ ๊ณผ์ ๊น์ง ํ๋ํ๋ ์ฌ์ด ๊ฒ์ด ์์๋ค. ๊ทธ๋๋ ์ด๋ฒ์ฃผ์๋ ์๋ฐ์ ์ผ๋ก
๋ฉ์ฌ FE 2๊ธฐ ์บ ํ๋ฅผ 3์ 28์ผ๋ถํฐ ์ง๊ธ๊น์ง ํด์ผ ์์ด ๋์ ์์ด ๋ฌ๋ ค์๋ค. ํ์ผ์๋ ์์นจ 9~6์๊น์ง ์์ ์ ๋ฃ๊ณ ๋ณต์ต๊ณผ ๊ณผ์ ๋ก 1~2์์ ์ ๋ค์๊ณ ํ ์์ผ ์ค์ ์ ์ฑ ์ถํ ํ์ ์คํ๋ JS ๊ธฐ์ด๋ฐ ์์ , ์ผ์์ผ์ ์ ์ด ๋ชจ๊ฐ์ฝ ์คํฐ๋๊น์ง!! ์ฃผ๋ง์ ์กฐ๊ธ์ฉ ์ฌ๋ฉด์ ์ปจ
์ง๋ ์ฃผ ๋ฉ์ด์ปค์ค๋๊ณผ์ ์ปคํผ์ฑ ์ดํ ์ฒ์์ผ๋ก ํ๊ณ ํ ํ์๋ฅผ ๊ฐ์ก๋ค. ๊ธฐ์กด์ ํ๊ณ ๋ฐฉ์์ ๋ํ ์๋ฌธ์ ์ด ์์๊ธฐ ๋๋ฌธ์ ์๋ก์ด ๋ฐฉ์์ผ๋ก ๋ฐ๊พธ๋ ์๋๋ฅผ ํ๋ค. ๊ธฐ์กด์ ์ฐ๋ฆฌํ ๋ฐฉ์์ KPT ํ ํ๋ฆฟ์ ๋ง์ค ํ๊ณ ์๋ค. ๐ ๊ธฐ์กด ํ๊ณ ๋ฐฉ์1\. ์ผ์ฃผ์ผ์ ๋ณด๋ธ ํ ๋ง๋ 2\. Ke
์ง๋์ฃผ๋ถํฐ ๋ฆฌ์กํธ ๊ณต๋ถ, ๋ฆฌ์กํธ ํํ์ด์ง ํด๋ก ๊ณผ์ , ์นดํ์ธ๋ง์ผ ํ ํ๋ก์ ํธ ์์ ๋ฑ๋ฑ์ผ๋ก ๋งค์ผ 3์ ์ดํ์ ์ค๋ค. ๋๋ฌด ํผ๊ณคํ ์ฑ๋ก ์ฐ๋ฌ์ ธ๋ ์ด๋ฏธ 3~4์๊ฐ ๋์ด์ ๋ชธ์ด ์ ์์ ๋ชปํ๋์ง ๋ถ๋ฉด์ฆ์ ์๋ฌ๋ฆฌ๋ฉฐ 5์ ๊ฐ๊น์ด ๋์ด์ ์ ๋ ์ ๋ ์๋ค. ๋นจ๋ฆฌ ์์ผ๋๋ค!๋ผ๋ ์๊ฐ์ผ
์ง๋์ฃผ ํ๊ณ ํ๊ณผ ํ๋ก์ ํธํ์์ ๋ํ๋ฅผ ์๊ฐํด๋ณด๋ฉด ๋ง์ ๋๊ธฐ๋ค๋ ๋์ฒ๋ผ ์ฝ๋ฉ์ ์จ์ ํ๊ฒ ์ง์คํ๊ธฐ ์ด๋ ค์ด ์๊ธฐ์ธ ๊ฒ ๊ฐ๋ค. ๋ฉ์์ด์ฌ์์ฒ๋ผ FE 2๊ธฐ๊ฐ ๋ฒ์จ 3/4 ์ง์ ์ ๋์ด์๊ณ ์๋ค. ๋ถํธ์บ ํ 3๊ฐ์์ ๋ฌ๋ฆฌ๋ฉด ์๋์ง๊ฐ ์์ง๋๊ธฐ ์ถฉ๋ถํ๋ค. ํํ๋ก์ ํธ๋ฅผ ์๋๊ณ ์์ ์ธ์ ์ผ๋ก
๋ถํธ์บ ํ๊ฐ ๋
์น ํฌํธํด๋ฆฌ์ค๋ฅผ ๋ง๋ค๊ฒ ๋ค๋ฉด ๊ณ ์ํ๋ค ๋ฐค์ ์๋ฒ๋ฆฌ๊ณ ์์นจ 6์์ ์ ๋ ๋ ์ด์๋ค. ํด๊ฐ ์ค์ฒ์ด ๋์ด์์ผ ๊ฒจ์ฐ 12์ ์ ์ ์ผ์ด๋ ์นดํก์ ํ์ธํด๋ณด๋ ์ฒ์์ผ๋ก ์ธํ๋ฐ ์๋ฅ ํฉ๊ฒฉ์ ๋ฐ์๋ค. ์ฆ๊ฑฐ์ด ๊ฒ๋ ์ ์! ๊ตฌํ๊ณผ์ ์ ์๊ณ ๋ฆฌ์ฆ ํ ์คํธ๋ฅผ ์ ์ถํด์ผ ํ๋ค. ์์งํ ์ฝํ ๋ผ๋ ๋ง์ด