Goodbye 2020. Hello 2021 ๐
2019๋
์ ์ด์ด 2020๋
ํํด๋ ์ ๋ง ๋ง์ ์ผ์ด ์์๋ค์.
์๋ ๋ถํฐ ์ธ์ ํ๋ฒ ์ ์ ์๊ธฐ๋ค์ ๊ธ๋ก ๋จ๊ฒจ๋ณด๊ณ ์ถ์๋๋ฐ ๋งค๋ฒ ๊ธ์ ์ธ ํ์ด๋ฐ์ ์ ์ก์ง ๋ชปํด์ ์ด์ ์ผ ์จ๋ณด๊ฒ ๋์๋ค์.
(์ด๋ป๊ฒ ์ธ์ง๊ฐ์ด ์ ์ ์กํ๊ณ ๊ฐ์ฅ ํฐ ์ด์ ๋ ๊ท์ฐฎ์๊ธฐ ๋๋ฌธ์ธ ๋ฏํ๋คโฆ)
์ฐ์ ๊ธฐ๋ฅ์์์ผ๋ก ๋ณต๋ฌด ์์
ํ์ฌ ์ฌ์ง ์ค์ธ Wizpace(์์ฆํ์ด์ค) ํ์ฌ์์ ์๋ ์ ๋ณ์ญํน๋ก์ ์ฒด๋ก ์ ์ ์ด ๋์๊ณ , ํ์ญ TO๊ฐ ๋์์ ์ฌํด 1์๋ถํฐ ์ฐ์ ๊ธฐ๋ฅ์์์ผ๋ก ๋ณต๋ฌด๋ฅผ ์์ํ๊ฒ ๋์์ต๋๋ค.
์ฃผ๋ณ ์น๊ตฌ ๋ฐ ์ง์ธ๋ค์ ์ด๋ฏธ ์๋ ๋ถํฐ ์ฐ์ ๊ธฐ๋ฅ์์์ผ๋ก ๋ณต๋ฌด ์ค์ด์๊ธฐ์ ์ ๋ง ๋ถ๋ฌ์ ์ง๋ง, ํ ํ์ฌ์์ 2020๋ 1์ ๊ธฐ์ค 2๋ ๊ฐ๊น์ด ์ง๋ด๋ฉด์ ๋๋์ด ๋๋ ๋ณต๋ฌด๋ฅผ ํ ์ ์๊ฒ ๋์๋ค๋ ๊ฒ ์ ๋ง๋ก ๊ธฐ๋ปค๋ ๊ฒ ๊ฐ์์. ๐
์ ์ ์๋ . ํ๋ จ์๋ก ๋ ๋ฉ๋๋ค.
4์ ์ด, ๊ตญ๊ฐ์ ๋ถ๋ฆ์ผ๋ก 1๋ฌ ์ ๋ ๋
ผ์ฐ ํ๋ จ์์ ๊ฐ๊ฒ ๋์์ต๋๋ค.
๊ฐ๊ธฐ ์ ์ ์ ๋ง ๋ณ์๊ฐ์ด ์์๋๋ฐ ๋ง์ ํ๋ จ์์ ๋ค์ด๊ฐ์ ๋ฉฐ์น ์ง๋ด๋ณด๋ ๋ถ๋ชจ๋๊ณผ ๊ณ ์์ด ๋ฃจ๋ฃจ, ์น๊ตฌ๋ค์ด ๋๋ฌด๋๋ ๋ณด๊ณ ์ถ์์ด์โฆ
๊ทธ๋๋ ์ธํธ(์ธํฐ๋ท ํธ์ง)์ ํตํด ์ฐ๋ฝ์ ๋ฐ์๋๊ฒ๊ณผ ๊ฐ๋ ํ ์ ์์๋ ํตํ๊ฐ ๋ฒํ๋ชฉ์ด ๋ง์ด ๋์๋ค๊ณ ์๊ฐ์ด ๋๋ค์ ใ ใ โฆ
1๋ฌ ์ ๋ ๊ฐ์ด ์ง๋ด๊ฒ ๋์๋ ๋ถ๋ค ์ค์์๋ ๋ฐฐ๋ฏผ, ํ์ดํผ ์ปค๋ฅํธ, ๊ฐ๋จ ์ธ๋ ๋ฑโฆ ์ฌ๋ฌ IT ํ์ฌ์ ์ฌ์ง ์ค์ธ ๋ถ๋ค์ด ๊ณ์ จ๊ณ ๊ทธ ๋๋ถ์ ํ๋ จ์ ๊ธฐ๊ฐ ๋์ ์ฌ๋ฌ ๋ง์ง๋ ์๊ฒ ๋๊ณ โฆ ๊ธฐ์ ์คํ์ ๋ํด ์ฌ๋ฏธ์๊ฒ ์๊ธฐํ๋ ๊ธฐ์ต์ด ์๊ฐ๋๋ค์.
๊ทธ ๋ฐ์๋ ํ๋ จ์์ ์ค๊ธฐ ์ ์ ๊ฐ์ง๊ณ ์๋ ์ ์ ์ง๋ก ๋ฐ ์ฌ๋ฌ ๊ณ ๋ฏผ์ ์ฉ๊ธฐ๋ด์ด ํธ์ด๋์ ์ ์๋ ์๋ฆฌ๊ฐ ์์๊ณ , ๋ค๋ค ์ข์ ๋ถ๋ค์ด์ ์ ์ฌ๋ฌ ๋ง์ ์กฐ์ธ์ ๋ฐ์ ์ ์๋ ๊ธฐํ๋ ์์๋ค์. ์ ๋ง ๊ฐ์ฌํ์ต๋๋ค..ใ ใ
Vercel์ ๋์ ํ์ฌ ์ฌ๋ด ๋ฐฐํฌ ํ๋ก์ธ์ค ๊ฐ์
๊ธฐ์กด ์ฌ๋ด์์๋ AWS EC2์ S3 ๊ทธ๋ฆฌ๊ณ Elastic Beanstalk์ ์ฌ์ฉํ์ฌ ์๋น์ค๋ฅผ ๋ฐฐํฌ ๋ฐ ๊ด๋ฆฌ๋ฅผ ํ์๋๋ฐ ์ด ๋ถ๋ถ์์ ๋งค๋ฒ ์ธ์คํด์ค๋ฅผ ์์ฑํ๊ฑฐ๋ ๋จ์ html ํ์ผ์ ์๋นํ๋ ๋ถ๋ถ์์ ๋ง์ ํ๋ก์ ํธ์ ๊ด๋ฆฌ ๋ฐ ๋น์ฉ์ ์ธ ์ธก๋ฉด์์ ์ฝ์คํธ๊ฐ ์ปธ์๊ธฐ์ Vercel(now.sh)๋ฅผ ๋์ ํ์ฌ ์ด ๋ถ๋ถ์ ํด๊ฒฐํ์ด์.
Vercel์ ๋ํ ๋์ ํ๊ธฐ๋ ๊ธฐํ๊ฐ ๋๋ค๋ฉด ๋ค์์ ์ ์ด๋ณผ๊ฒ์!
๋์ ํ ๊ฐ๋จ ๋๋ ์ : Vercel ์งฑ์งฑ ์ข์์.
RxJS. ์ ํํ๋ ๋ฆฌ์กํฐ๋ธ ํ๋ก๊ทธ๋๋ฐ๊ณผ ์ฌ๋์ ๋น ์ก์ด์.
Redux๋ฅผ ์ฌ์ฉํ๋ ์ฌ๋ด ์๋น์ค๋ฅผ ๋ง๋ค๋ค๊ฐ ๋น๋๊ธฐ ์ฒ๋ฆฌ์์ redux-thunk์ ๊ตฌ์กฐ ํ๊ณ(?)๋ฅผ ๋๋ผ๊ณ Redux-saga์ Redux-Observable ์ด ๋์ ํ๋ณด๋ฅผ ๋๊ณ ๊ณ ๋ฏผ์ ํ์๋๋ฐ ๋ญ๋๊น saga๋ generator ๋ฐฉ์์ด ์ ๋ง ์ขโฆ ์ ์๊ฒ ์ข๊ฒ ์๋ฟ์ง ์์์ด์. ๊ทธ๋์ Redux-Observable์ ์ฌ์ฉํ๊ธฐ๋ก ํ์ต๋๋ค.
๋ญ?.. Netflix์์ Redux Observable์ ์ด๋ค๊ณ ?! RxJS? ์คโฆ. ๊ถ๊ธํ๋ฐ? ํด๋ณผ๊น..
> ๋์ ๊ทธ ๊ฐ์ ๊ฑด๋์ง ๋ง์์คโฆ ์โฆ Rx ๋ช์ ๋น ์ก๋คโฆ ์ผ์
๋ค๋ง Redux Observable์๋ ํ ๊ฐ์ง ํฐ ๋ฌธ์ ์ ์ด ์์๋๋ฐ, ๋ฐ๋ก ๋ฆฌ์กํฐ๋ธ ํ๋ก๊ทธ๋๋ฐ(Reactive Programing)๋ฐฉ์์ ์ดํดํ์ด์ผ ํ์ต๋๋ค.
์ ๊ทธ๋ฌ์๊น์โฆ ์ฝ์ ๋ค๊ณ ํ๋ฉด ํ์๋ก ์ดํดํด์ผ ํ ์ ๋ณด๋ค์ ์์์ด ๋์ด๋๊ณ ์ฝ๊ฐ์ ํํ๊ฐ ์กฐ๊ธ์ฉ ์ค๋๊ตฐ์.
ํ์ง๋ง ๋ญ๋๊นโฆ ์์ฌ ๋๋ฌธ์ ํฌ๊ธฐํ๊ณ ์ถ์ง๊ฐ ์์์ด์. ๋ณํ๊ฐ์ ์ ์ ์ฑ๊ฒฉ ๋๋ฌธ์ธ์ง.. ๋ด๊ฐ ์ด๊ฑด ๊ผญ ์ดํดํด์ ์ ๋๋ก ์จ๋จน๊ณ ๋ง ํ ๋คโฆ. ๊ทธ๋ฐ..? ๋๋์ด ์ปธ๋ ๊ฒ ๊ฐ๋ค์.
๊ทธ๋์ RxJS์ฑ ๋ ์ฌ๋ณด๊ณ โฆ ์ ํ ์นํ์ง๋ ์์๋ Angular, RxJava, RxSwift์ฝ๋๋ ๋ณด๋ฉด์ ๋ค๋ฅธ ์ฌ๋๋ค์ ์คํผ๋ ์ดํฐ๋ฅผ ์ด๋ค ์ํฉ์์ ์ด๋ป๊ฒ ์ฌ์ฉํ๋์ง ๋ฑโฆ ์ ๋ง ๋ง์ด ์ฐพ์๋ณด์๋ ๊ฒ ๊ฐ์์.
์ด๋ ๊ฒ ํ๋ค ๋ณด๋ ์ผ์ ๋ ๋ช ๋ฒ ๋ฐ๋ฆฌ๊ณ ..(ใ ใ ) ์ผ๊ทผ๋ ๋ง์ด ํ๊ฒ ๋์์ง๋ง ์ด๋ฐ ๊ฒฝํ๋ค๋ก ํฌ์คํธ๋ชจํ ์ ์์ฑํด๋ณผ ์ ์๋ ๊ธฐํ๋ ์๊ฒผ์ผ๋ฉฐ, ์กฐ๊ธ์ฉ ์ดํดํ๊ฒ ๋๋ค ๋ณด๋ ์ ์์ ์๊ฒ ์ฝ๊ฐ ์น๋ฆฌํโฆ ๊ธฐ๋ถ์ด์ด์ ์กฐ๊ธ์ ๋ฟ๋ฏํ์๋ค์.
React ๊ณต์ ๋ฌธ์ ๋ค์ ์ฝ์ด๋ณด๊ธฐ
โ๋โฆ React.js๋ ์ฐ๋๋ฐ ์ ์๊ณ ์ฐ๋ ๊ฑธ๊น?โ ๋ฌธ๋ ๊ทธ๋ฐ ์๊ฐ์ด ๋ค๋๊ตฐ์.
3๋ ์ ๋ ๋ฆฌ์กํธ๋ฅผ ์ฌ์ฉํ๋ฉฐ ์ด์ ์ด๋ ์ ๋ ํ๋ก์ ํธ๋ฅผ ๋ง๋ค ๋ โ์ด๊ฑด ์ด๋ ๊ฒ ํ๋ฉด ์ข๋๋ผ.โ๋ผ๋ ์ง ๊ตฌ์กฐ๋ฅผ ์ข ๋ ์ ์ก์ ์ ์๊ฒ๋ ๋์์ง๋ง ์ ์ ์ด๊ฒ ์ ์ค์ํ๊ณ ์ด๋ ๊ฒ ๋์์ด ๋๋์ง ์ ์์ง๋ ๋ชปํ๋ ๊ฒ ๊ฐ์ต๋๋ค.
๊ทธ๋์ ์ด๋ฒ ๊ธฐํ์ ๊ณต์๋ฌธ์๋ฅผ ์ฒ์๋ถํฐ ๋ค์ ์ฝ์ด๋ณด๋ฉฐ ์ถ๊ฐ๋ก facebook ๊นํ์ ์ฌ๋ผ์ ์๋ react์ ์ฝ์ด ๋ถ๋ถ ์ฝ๋๋ ํจ๊ป ์ฐพ์๋ณด๋ฉฐ ๊ณต๋ถ๋ฅผ ํด๋ณด์๋ค์.
๊ทธ ์ธ
๊ทธ ์ธ์๋ ๊ธฐ์กด์ ์ฌ์ฉํ๋ Sketch ๋์์ธ ํด์์ Figma๋ก ๋ง์ด๊ทธ๋ ์ด์ ์์ ๋ ์งํํ์๊ณ , uwu-ui๋ผ๋ UI ์ปดํฌ๋ํธ ํ๋ก์ ํธ๋ฅผ ์งํํ๊ธฐ ์์ํ์ต๋๋ค. (Figma ๋๋ฌด ์ข์์.. ์ ์ฉํ๋์ค..)
๊ทธ๋ฆฌ๊ณ ์โฆ ์ผ๋ง ์ ์ UI/UX ๊ทธ๋ฆฌ๊ณ Design System์ ๊ด์ฌ์ด ์๊ฒจ์ e-book์ ๊ตฌ๋งคํด์ ์ฝ๊ธฐ ์์ํ์ด์.
๋ง์น๋ฉฐ
๋น๋ก 2020๋ ์๋ ๋ฐ์ด๋ฌ์ค ๋๋ฌธ์ ์ํํ๊ธฐ ๋ง์ด ํ๋ค์์ง๋ง 2021๋ ์๋ ๋ถ๋ ์ข ๋ ๋์ ์ํ์ ํ ์ ์๊ธธ ๋น๋ฉฐ ๋ถ์กฑํ๋ค๊ณ ๋๊ปด์ง๋ ๊ฒ๋ค์ ์ข ๋ ๊ฐ๊พธ์ด๊ฐ๊ณ ์ถ์ด์.
2021๋ ์๋ ์ฐ๋ฆฌ ๋ชจ๋๊ฐ ์ข ๋ ํ๋ณตํ๊ณ ์ข์ ์ผ๋ค์ด ๊ฐ๋ํ๊ธฐ๋ฅผ. Adieu 2020.