Frontend Developer
YG
Medility
๋ฉ๋๋ฆฌํฐ๋ก ์ด์ง ํ ๋งก์ ํ๋ก๋ํธ์ ๋๋ค. ์ ์ฌ ์งํ๋ถํฐ 2๊ฐ์๊ฐ ํ๋ก๋ํธ์ ์ด๊ธฐ ๊ตฌ์กฐ๋ถํฐ ์๋ก ์ง๋ด์์ต๋๋ค.
๋๋ณด๊ธฐ๋ฉ๋๋ฆฌํฐ๋ก ์ด์ง ํ ๋งก์ ํ๋ก๋ํธ์ ๋๋ค. ์ ์ฌ ์งํ๋ถํฐ 2๊ฐ์๊ฐ ํ๋ก๋ํธ์ ์ด๊ธฐ ๊ตฌ์กฐ๋ถํฐ ์๋ก ์ง๋ด์์ต๋๋ค.
๋ฉ๋๋ฆฌํฐ๋ก ์ด์ง ํ ๋งก์ ํ๋ก๋ํธ์ ๋๋ค. ์ ์ฌ ์งํ๋ถํฐ 2๊ฐ์๊ฐ ํ๋ก๋ํธ์ ์ด๊ธฐ ๊ตฌ์กฐ๋ถํฐ ์๋ก ์ง๋ด์์ต๋๋ค.
Qualson
ํต์นญ ์ด๋๋ฏผ. ํ์จ์ ์ฌ๋ฌ ํ๋ก๋ํธ์ ๊ณตํต์ ์ผ๋ก ์ฌ์ฉ๋๋ ๋ฆฌ์ผํด๋์ค์ ๊ณ ๊ฐ ๊ด๋ฆฌ, ํ๋งค ๋ฐ ์ํ ๊ด๋ฆฌ์ฉ ๋ฐฑ์คํผ์ค๋ฅผ ๋ง๋ค์์ต๋๋ค.
๋๋ณด๊ธฐํต์นญ ์ด๋๋ฏผ. ํ์จ์ ์ฌ๋ฌ ํ๋ก๋ํธ์ ๊ณตํต์ ์ผ๋ก ์ฌ์ฉ๋๋ ๋ฆฌ์ผํด๋์ค์ ๊ณ ๊ฐ ๊ด๋ฆฌ, ํ๋งค ๋ฐ ์ํ ๊ด๋ฆฌ์ฉ ๋ฐฑ์คํผ์ค๋ฅผ ๋ง๋ค์์ต๋๋ค.
์ด ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์๋ ๊ธฐ์กด ์ด๋๋ฏผ์์ ์ฌ์ฉ๋ antd ์ปดํฌ๋ํธ๋ฅผ ์ ๊ฑฐํ๊ณ , ์์ ํ๋ ํ๋ ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์์ต๋๋ค.
์ด ๊ณผ์ ์์, ๊ธฐ์กด ํ์ฌ์ ๋์์ธ ์์คํ ์์ ๋ถ์กฑํ๋ค๊ณ ์๊ฐํ ๋ถ๋ถ์ ์ค์ค๋ก ์ฑ์๋ณด๊ณ ์ ์๋ํด๋ณด์๊ณ , ์ฌ๊ธฐ์ ์ ์ฉํด๋ณด์์ต๋๋ค.
๊ฐ์ธ์ ์ธ ๋์์ธ ์์คํ ์ ๋ง๋ค์ด๋ณด๋ ๊ฒฝํ์ ํด๋ดค์ต๋๋ค. ์ด ์น์ ์ ์ ๋ชฉ์ ํด๋ฆญํ์๋ฉด ํผ๊ทธ๋ง๋ก ์ด๋ํฉ๋๋ค.
ํต์นญ ์ด๋๋ฏผ. ํ์จ์ ์ฌ๋ฌ ํ๋ก๋ํธ์ ๊ณตํต์ ์ผ๋ก ์ฌ์ฉ๋๋ ๋ฆฌ์ผํด๋์ค์ ๊ณ ๊ฐ ๊ด๋ฆฌ, ํ๋งค ๋ฐ ์ํ ๊ด๋ฆฌ์ฉ ๋ฐฑ์คํผ์ค๋ฅผ ๋ง๋ค์์ต๋๋ค.
๋๋ณด๊ธฐQualson
๊ธฐ์กด์ ์๋ ์ง์๊ณผ ๊ฒฝํ์ ์ด๋์ํด ์๋ก์ด ํ๋ก์ ํธ๋ฅผ ์งํํ์ต๋๋ค.
๋๋ณด๊ธฐ๊ธฐ์กด์ ์๋ ์ง์๊ณผ ๊ฒฝํ์ ์ด๋์ํด ์๋ก์ด ํ๋ก์ ํธ๋ฅผ ์งํํ์ต๋๋ค.
Typescript, Next.js, redux, redux-saga... Showcase์ ์ ์ ๊ธ์ ๋๋ถ๋ถ์ ์ด ํ๋ก์ ํธ๋ฅผ ํ๋ฉด์ ์ป์ ๊ฒฝํ ์ค ์ผ๋ถ๋ฅผ ์ ์ด๋ด๋ ค๊ฐ ๊ฒ์ ๋๋ค.
ํ๋ก์ ํธ์ ๊ธฐ๋ณธ ๋ผ๋๋ฅผ ์ก๊ณ , ์ปจ๋ฒค์ ์ ์ก๊ณ ์ฝ๋ ๋ฆฌ๋ทฐ๋ฅผ ์งํํ๋ฉฐ, ์ฌ๋ฌ๋ช ์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๊ฐ ํ์ ํด๊ฐ๋ฉฐ ์ฆ๊ฒ๊ฒ ์งํํ์ต๋๋ค.
๊ทธ๋์ ์ ๋๋ก ํ์ง ๋ชปํ๋, ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ฌ์ด์ ํ์ ์ ๋ํ ๊ฒฝํ์ ์ ๋๋ก ํด๋ณด๋ ์ค์ ๋๋ค.
ํํธ์ผ๋ก๋, Next.js๋ฅผ ์ข๋ ๊น๊ฒ ์ฌ์ฉํ๋ฉฐ SSR / SSG์ ๋ํด์๋ ์ดํดํ๊ธฐ ์์ํ์ต๋๋ค.
์ต๊ทผ์๋ redux๋ฅผ ์ ๊ฑฐํ๊ณ swr ๋ฐ recoil๋ก ์ฎ๊ฒจ๊ฐ๋ ์์ ์ ์งํํ๊ณ ์์ต๋๋ค.
๊ธฐ์กด์ ์๋ ์ง์๊ณผ ๊ฒฝํ์ ์ด๋์ํด ์๋ก์ด ํ๋ก์ ํธ๋ฅผ ์งํํ์ต๋๋ค.
๋๋ณด๊ธฐQualson
๋น๋์ค์ ์ ๋๋ฉ์ด์ ์ด ๊ฐ๋ํ ํ๋งค์ฉ ๋ฉ์ธํ์ด์ง๋ฅผ ๋ง๋๋ ๊ฒ์ ์ฆ๊ฑฐ์ด ๊ฒฝํ์ด์์ต๋๋ค.
๋๋ณด๊ธฐ๋น๋์ค์ ์ ๋๋ฉ์ด์ ์ด ๊ฐ๋ํ ํ๋งค์ฉ ๋ฉ์ธํ์ด์ง๋ฅผ ๋ง๋๋ ๊ฒ์ ์ฆ๊ฑฐ์ด ๊ฒฝํ์ด์์ต๋๋ค.
ํนํ ์ฌ๋ผ์ด๋์ active ์ฌ๋ผ์ด๋๊ฐ ๋ ์ปค์ง๊ฒ ๋ณด์ด๋๋ก ๊ตฌํํ๋ ๊ณผ์ ์ด ์ผ๋ฐ์ ์ธ ์ฌ๋ผ์ด๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก๋ ๊ตฌํ๋์ง ์์์, ํ์ฐธ์ ๊ณ ๋ฏผํ๋ค ๊ทธ๋ฅ ์๋ก ๊ตฌํํ๋ ๊ฒ์ด ๊ธฐ์ต์ ๋จ์ต๋๋ค.
๊ธฐ์ ์ ์ผ๋ก๋ Next.js๋ฅผ ์ฒ์์ผ๋ก ๊ฒฝํํ์ต๋๋ค.
๋น๋์ค์ ์ ๋๋ฉ์ด์ ์ด ๊ฐ๋ํ ํ๋งค์ฉ ๋ฉ์ธํ์ด์ง๋ฅผ ๋ง๋๋ ๊ฒ์ ์ฆ๊ฑฐ์ด ๊ฒฝํ์ด์์ต๋๋ค.
๋๋ณด๊ธฐQualson
ํ์ก์ผ๋ก ์์ด๋ฅผ ๋ฐฐ์ด๋ค-๋ ์ค์ผ์ด๋ฅํฐ์ ์ฌ์ดํธ ์ ์ง๋ณด์๋ฅผ ์งํํ์ต๋๋ค.
๋๋ณด๊ธฐํ์ก์ผ๋ก ์์ด๋ฅผ ๋ฐฐ์ด๋ค-๋ ์ค์ผ์ด๋ฅํฐ์ ์ฌ์ดํธ ์ ์ง๋ณด์๋ฅผ ์งํํ์ต๋๋ค.
์ฟ ํฐ ์์คํ ์ ์๋ก ์ ์ฉํ๋ ๊ฒ๊ณผ, ํ๊ธ ์ฑ๋ฆฐ์ง๋ฅผ ๋ณ๊ฒฝํ๋ ์ ๋ฌด๋ ์งํํ์ต๋๋ค.
์ ํ์ฌ์์๋ ๋ฏธ๋์ด๋ฅผ ์ ๋ก๋ํ๊ณ ๊ด๋ฆฌํ๋ ๋ฐฉ์์ ์ด์ ์ ๋ง์ท์๋ค๋ฉด,
์ด ๊ณณ์์๋ ๋ฏธ๋์ด๋ฅผ ์กฐ์ํด๊ฐ๋ฉฐ ์ปจํธ๋กคํ๋ ์ผ์ด ๊ต์ฅํ ๋ง์์ต๋๋ค. ์นํ์ด์ง์ ์์ ํ๋ ์ด์ด๊ฐ ๋ฐฑ๊ทธ๋ผ์ด๋๋ก ๊น๋ ค์์์ต๋๋ค.
HOC๋ฅผ ์๋ชป ์ฌ์ฉํ๋ฉด ์ฝ๋๊ฐ ๋ณต์กํด์ง๊ณ ์ดํดํ๊ธฐ ํ๋ค์ด์ง๋ค๋ ์ฌ์ค์ ๊ฝค ๊น์ด ๊นจ๋ฌ์์ต๋๋ค.
Rxjs๋ฅผ ์ด์ง ๋ง๋ณผ ์ ์์์ต๋๋ค. ์ทจํฅ์ ์๋์์ต๋๋ค.
(ํ์ฌ ์ผ์ด ์๋) ๊ฐ์ธ์ ์ผ๋ก ์ด ์ฌ์ดํธ๋ฅผ ํต์งธ๋ก ์๋ก ๋ง๋ค์ด๋ณด๋ฉด์ ๊ต์ฅํ ๋ง์ ์ฑ์ฅ์ ํ ์ ์์๋ ๊ฒ ๊ฐ์ต๋๋ค.
ํ์ฌ ์ฌ์ดํธ๋ ์ด์์์ง๋ง ํ๋งค๋ ์ค์ง๋ ์ํ์ ๋๋ค.
ํ์ก์ผ๋ก ์์ด๋ฅผ ๋ฐฐ์ด๋ค-๋ ์ค์ผ์ด๋ฅํฐ์ ์ฌ์ดํธ ์ ์ง๋ณด์๋ฅผ ์งํํ์ต๋๋ค.
๋๋ณด๊ธฐROKA
๊ธฐ์กด์ ๋ถ๋ ๋ด์์ ์ฌ์ฉํ๋ ์งํ๋ถ์ ๋๊ตฌ๋ค์ QGIS์์๋ ๋์ ๊ฐ๋ฅํ๋ฉด์ ํจ์ฌ ๋ ๊น๋ํ ์ธํฐํ์ด์ค๋ฅผ ๊ฐ์ง๋๋ก PyQt๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ฌ๊ทธ์ธ์ผ๋ก ์ฌ๊ฐ๋ฐํ์ต๋๋ค.
๋๋ณด๊ธฐ๊ธฐ์กด์ ๋ถ๋ ๋ด์์ ์ฌ์ฉํ๋ ์งํ๋ถ์ ๋๊ตฌ๋ค์ QGIS์์๋ ๋์ ๊ฐ๋ฅํ๋ฉด์ ํจ์ฌ ๋ ๊น๋ํ ์ธํฐํ์ด์ค๋ฅผ ๊ฐ์ง๋๋ก PyQt๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ฌ๊ทธ์ธ์ผ๋ก ์ฌ๊ฐ๋ฐํ์ต๋๋ค.
Python์ ์ต์ํ์ง ์์์ง๋ง, ๊ฐ์ง๊ณ ์๋ ๊ธฐ๋ณธ ์ง์๊ณผ ๊ธฐ๋ณธ ๋ํ๋จผํธ๋ง์ ์ฌ์ฉํด ์ธํฐ๋ท ์๋ ํ๊ฒฝ์์ ํ๋ก๊ทธ๋๋ฐํ๋ ๊ฒ์ ์๋ค๋ฅธ ๊ฒฝํ์ด์์ต๋๋ค.
๊ธฐ์กด์ ๋ถ๋ ๋ด์์ ์ฌ์ฉํ๋ ์งํ๋ถ์ ๋๊ตฌ๋ค์ QGIS์์๋ ๋์ ๊ฐ๋ฅํ๋ฉด์ ํจ์ฌ ๋ ๊น๋ํ ์ธํฐํ์ด์ค๋ฅผ ๊ฐ์ง๋๋ก PyQt๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ฌ๊ทธ์ธ์ผ๋ก ์ฌ๊ฐ๋ฐํ์ต๋๋ค.
๋๋ณด๊ธฐMakeus mobile
์ฌ๋ด ์ ๋ฌด์ฉ ์ฝํ ์ธ ๋งค๋์ง๋จผํธ ํ๋ซํผ์ธ ์ ๋ก๋ฉ๊ณ ๋ฅผ ๊ฐ๋ฐํ์ต๋๋ค.
๋๋ณด๊ธฐ์ฌ๋ด ์ ๋ฌด์ฉ ์ฝํ ์ธ ๋งค๋์ง๋จผํธ ํ๋ซํผ์ธ ์ ๋ก๋ฉ๊ณ ๋ฅผ ๊ฐ๋ฐํ์ต๋๋ค.
๋ณต์กํ ํผ์ CRUD๋ฅผ ๋ค๋ค๋ณด์๊ณ , ๋ค์ํ ๊ทธ๋ํ๋ฅผ ๊ทธ๋ ค๋ณด์์ต๋๋ค.
์ฌ๋ด์ฉ์ผ๋ก ๊ฐ๋ฐํ๋ ํด์ด์์ง๋ง, 2017๋ ํ๋ฐ๊ธฐ ์ฆ์๋ถํฐ๋ ๋ชจํ์ฌ์ธ ๋ฉ์ดํฌ์ด์ค์ ๋น์ทํ๊ฒ ์ฝํ ์ธ ๋ฅผ ๋ค๋ฃจ๋ ๊ธฐ์ ๋ค์๊ฒ ์๋ฃจ์ ์ผ๋ก ํ๋งคํ๊ธฐ๋ ํ์ต๋๋ค.
์ด ํ๋ก์ ํธ ์ค์๋ ์ ์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๊ฐ ํด์ฌํ๋ฉด์ ์ ์ ๊ฐ๋ฐ์๋ก์์ ์ญํ ๋ ๊ฒฝํํ์ต๋๋ค.
๋ํ redux์ Typescript๋ฅผ ์ผ๋ถ ์ ์ฉํ๋ฉด์ ์๋ก์ด ๊ธฐ์ ์ ์ ์ํด๋๊ฐ๋ ๊ฒฝํ์ ํ ์ ์์์ต๋๋ค.
์ฌ๋ด ์ ๋ฌด์ฉ ์ฝํ ์ธ ๋งค๋์ง๋จผํธ ํ๋ซํผ์ธ ์ ๋ก๋ฉ๊ณ ๋ฅผ ๊ฐ๋ฐํ์ต๋๋ค.
๋๋ณด๊ธฐMakeus mobile
React์ ์์ํ Flux๋ฅผ ์ฌ์ฉํด ๋ชฌ์บ์คํธ์ ๋ฆฌ๋ด์ผ ๋ฒ์ ์ด๋ ๋ค๋ฆ์๋ dingo.tv๋ฅผ ๊ฐ๋ฐํ์ต๋๋ค.
๋๋ณด๊ธฐReact์ ์์ํ Flux๋ฅผ ์ฌ์ฉํด ๋ชฌ์บ์คํธ์ ๋ฆฌ๋ด์ผ ๋ฒ์ ์ด๋ ๋ค๋ฆ์๋ dingo.tv๋ฅผ ๊ฐ๋ฐํ์ต๋๋ค.
์์ ๊ธฐ ๊ฐ๋ฐ๋ ์ฝ๋ ๋ฒ ์ด์ค๋ฅผ ๊ฒฝํํ๋ค๋ฉด, ์ด ๋์ ํ๋์ ๋ ํฌ์งํ ๋ฆฌ๋ฅผ ์ฒ์๋ถํฐ ๋ง๋ค์ด๋ณด๋ ๊ฒฝํ์ ํ์ต๋๋ค.
React์ ์์ํ Flux๋ฅผ ์ฌ์ฉํด ๋ชฌ์บ์คํธ์ ๋ฆฌ๋ด์ผ ๋ฒ์ ์ด๋ ๋ค๋ฆ์๋ dingo.tv๋ฅผ ๊ฐ๋ฐํ์ต๋๋ค.
๋๋ณด๊ธฐMakeus mobile
์ฒซ ํ์ฌ์ ์ฒซ ํ๋ก์ ํธ์ ๋๋ค. Angular.js๋ก ์์ฑ๋ ๋ชฌ์บ์คํธ๋ผ๋ ์ฝํ ์ธ ํ๋ซํผ์ ์ ์ง๋ณด์ํ๋ฉฐ, ๋ฉํฐ ์ด๋ฏธ์ง ์ฝํ ์ธ ๋ฅผ ์ถ๊ฐํ๋ ๋ฑ์ ์์ ์ ์งํํ์ต๋๋ค.
๋๋ณด๊ธฐ์ฒซ ํ์ฌ์ ์ฒซ ํ๋ก์ ํธ์ ๋๋ค. Angular.js๋ก ์์ฑ๋ ๋ชฌ์บ์คํธ๋ผ๋ ์ฝํ ์ธ ํ๋ซํผ์ ์ ์ง๋ณด์ํ๋ฉฐ, ๋ฉํฐ ์ด๋ฏธ์ง ์ฝํ ์ธ ๋ฅผ ์ถ๊ฐํ๋ ๋ฑ์ ์์ ์ ์งํํ์ต๋๋ค.
๊ณต๋ถํ ๋์ ๋ฐ๋๋ผ ์คํฌ๋ฆฝํธ๋ง ๊ณต๋ถํ์๊ธฐ์, coffeescript, stylus ๋ฑ์ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ๋ฉฐ ๋น๋ ์ค์ ์ ์ด๋ ๊ฒ ํ๋๊ฑฐ๊ตฌ๋, ํ๋ ๊ฒ๋ค์ด ์ ์ผ ๊ธฐ์ต์ ๋จ์ต๋๋ค.
์ฒซ ํ์ฌ์ ์ฒซ ํ๋ก์ ํธ์ ๋๋ค. Angular.js๋ก ์์ฑ๋ ๋ชฌ์บ์คํธ๋ผ๋ ์ฝํ ์ธ ํ๋ซํผ์ ์ ์ง๋ณด์ํ๋ฉฐ, ๋ฉํฐ ์ด๋ฏธ์ง ์ฝํ ์ธ ๋ฅผ ์ถ๊ฐํ๋ ๋ฑ์ ์์ ์ ์งํํ์ต๋๋ค.
๋๋ณด๊ธฐ