์๋
ํ์ธ์. 2๋
์ฐจ ์ฃผ๋์ด ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ๋ฐฐ์ง์ฐ์
๋๋ค.
๋ ์ข์ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๊ธฐ ์ํด ๊ณ ๋ฏผํ๊ณ , ํ ๋ก ํ๋ฉฐ ์ดํด ๋น์ฌ์๊ฐ์ ํ๋ฐํ ์๊ฒฌ ๊ต๋ฅ๋ฅผ ์งํฅํฉ๋๋ค.
์ ๋ฌธ๊ฐ๋ก ์ฑ์ฅํ๊ธฐ ์ํด ํ๊ต๋ฅผ ๋ณํํ๋ฉฐ ๊พธ์คํ ํ์ตํ๋ ์ต๊ด์ ๋ค์ด๊ณ ์์ต๋๋ค.
๊ตฟ์ผ์ด ์๋ฃจ์ ํ๋ก๊ทธ๋จ(์ฌํ์๋น์คver) -2021๋
์ฌ์ฉ ๊ธฐ์
- React,Redux,db์ค๊ณ,sql,restAPI,ant-design,post-css ์ธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
์์
- Front End ๋ด๋น์ผ๋ก ๊ฐ๋ฐ์ ์ฐธ์ฌํ์ต๋๋ค. React์ Git์ ์ ๊ทน ๋์ ํ์ต๋๋ค.
- ํ๋ฉด ์ค๊ณ, ํด๋ ๊ตฌ์ถ ์ด๊ธฐ ์ ์ ์ ์งํํ๊ณ Redux, hooks, class๋ฅผ ์ด์ฉํ ์ํ, ๋ฐ์ดํฐ๋ฅผ ๊ด๋ฆฌํ์ต๋๋ค.
- router, slick, chEditor5, rnd, apex charts ๋ฑ ๋ค์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ ์ฉํ์ต๋๋ค.
- ๋ฐ์ดํฐ ๊ฒ์, ํํฐ๋ง, ํ์ด์ง๋ค๋น๊ฒ์ด์ , ๋ฉ๋ด, ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ฌ์ด๋๋ฐ๋ฅผ ๊ตฌํํ์ต๋๋ค.
- 1:1๋ฌธ์, ๋งค๋ด์ผ, ๋์ฅ๊ด๋ฆฌ(์ด๋ฏธ์ง ์ ๋ก๋), ํ์์ ๋ณด ์์ /ํํด์ ํด๋นํ๋ db์ค๊ณ์ sql, rest API ๊ตฌํ์ ํ์ต๋๋ค.
์ฑ๊ณผ
- ๊ธฐ์กด php๋ก ๊ฐ๋ฐํ ํ๋ก๊ทธ๋จ๋ณด๋ค 4๋ฐฐ ๋น ๋ฅธ ๋ฐ์ ์๋์ ๊ฐ๊ฒฐํ๊ณ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ปดํฌ๋ํธ์ ๊ตฌ์กฐ๋ก ๊ฐ๋ฐํ์ต๋๋ค.
- ํ์ด์ง ์ด๋์ ๋ฒ์ฉ๊ฑฐ๋ฆฌ๋ ํ์์ ํค๋๋ ๊ณ ์ ๋ ์ฑ ์ปจํ ์ธ ์์ญ๋ง ๋ถ๋๋ฝ๊ฒ ์ ํ๋๋๋ก ๊ฐ์ ํด ๋ง์กฑ๋๋ฅผ ๋ํ์ต๋๋ค.
๊ตฟ์ผ์ด ๊ณต์ ํํ์ด์ง ๋ฆฌ๋ด์ผ โ2020๋
์ฌ์ฉ ๊ธฐ์
- JavaScript, owl carousel, BEM
์์
- ์น์ฌ์ดํธ ๊ธฐํ ์ด๊ด๋ก ๊ธฐ์กด 4๊ฐ์ ์ฌ์ดํธ๋ฅผ ํตํฉํด ํ๋์ ์ฌ์ดํธ๋ก ๊ตฌ์ถํ์ต๋๋ค.
- ์ฌ์ฉ์์ ํ๋ฆ์ ๊ณ ๋ คํด ์น์ฌ์ดํธ์ ํ๋จ์ ๋ค์ ํ์ด์ง๋ก ์ด๋, ์ดํดํ๊ธฐ ์ฌ์ด ์๋ธ ๋ฉ๋ด ๊ตฌ์กฐ๋ก ๊ฐ๋ฐํ์ต๋๋ค.
- vanila JavaScript๋ก slider, tap, nav, scroll event๋ฅผ ๊ตฌํํ์ต๋๋ค.
- ํ์์ ํ ๋ก ์ ํตํด ๋ค์ํ ์ดํด๊ด๊ณ๋ฅผ ์๋ ด, ์๊ฒฌ์ ์ทจํฉํด ๋ฐ์ํ์ต๋๋ค.
์ฑ๊ณผ
- ์ฃผ์ํ์ฌ ๊ตฟ์ผ์ด์ ์ฌ์ ์ ์ทจํฉํด ์ฌ์ฉ์๊ฐ ์ฝ๊ฒ ํ์ ํ ์ ์๋๋ก ๋ฐฐ์นํ์ต๋๋ค.
- ์ ๋ฆฌ๋ ๋ฐ์ดํฐ๋ฅผ ํ ๋๋ก ํํธ๋์ค์ ์ฐฝ์ ์ผ๋ก ํ๋ฐํ๊ฒ ์ฌ์ ํ์ฅ๋์์ต๋๋ค.
๋ก์ผํ๊ณ ์น์ฌ์ดํธ ์ ์ โ 2020๋
์ฌ์ฉ ๊ธฐ์
- JavaScript, slick slider, BEM
์์
- ์น์ฌ์ดํธ ๊ธฐํ์ ์ฐธ์ฌ, ์คํ ๋ฆฌ๋ณด๋, ๋์์ธ, Front end ๋ด๋ด์ผ๋ก ๊ฐ๋ฐํ์ต๋๋ค.
- ๋๋ฉ ํ์ด์ง์ ๋ก๊ทธ์ธ ํ ์ฌ์ด๋ ๋ฉ๋ด ์์ญ, 4๊ฐ์ ์์ธ ํ์ด์ง ์์ ์ ์งํํ์ต๋๋ค.
- ๋ชจ๋ฐ์ผ ๋ฐฉ๋ฌธ ์ ์ฑ ํ์์ผ๋ก ์ฌ์ด๋ ๋ฉ๋ด๊ฐ ๋จผ์ ๋ ธ์ถ์ด ๋๊ณ , ๋ฉ๋ด๋ฅผ ํด๋ฆญํ๋ฉด ํ์ด์ง ์ด๋๋๋๋ก ๊ตฌํํ์ต๋๋ค.
์ฑ๊ณผ
- ์์ ๋ด๋น์๋ฅผ ํตํด ์งํ๋๋ ๊ณ์ฝ์ ๋จ๊ณ๋ฅผ ๋น๋๋ฉด-์นดํก ์๋ด์ ํตํด ๊ณ์ฝ์ด ์ด๋ฃจ์ด์ก์ต๋๋ค.