๋ฐ์ํ
โค๏ธ๐ฅ Liked
- ํ๋ก๊ทธ๋๋จธ์ค 0๋จ๊ณ๋ฅผ ๊พธ์คํ ํ๊ณ ์๋๋ฐ ๋๋ถ๋ถ์ ๋ฌธ์ ๋ฅผ ๋ฐฐ์ด ํ์์ผ๋ก ๋ฉ์๋์ฒด์ด๋ํด์ ํ๊ณ ์์์ง ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๊ณ ๊ด๋ฆฌํ๋ ์๋ฃ๊ตฌ์กฐ ๋ฐฉ๋ฒ๋ก ์ผ๋ก ์ ๊ทผํ๊ธฐ๋ ์ฒ์์ด์๋ค. ์๋ฃ๊ตฌ์กฐ์ ์๋ ๋ฐฉ์์ ๋ฐ๋ฅธ ์ฑ๋ฅ ์ฐจ์ด์ ๋ํ ์ง์์ ๋ณด์ํ ์ ์์๊ณ ์ ์ฐจ์ ํด๊ฒฐ๋ ฅ์ ํค์ฐ๋ ๋ฐ ๋์์ด ๋์๋ค. ์ปดํจํฐ์ ๋ ผ๋ฆฌ๋ก ์ฌ๊ณ ํ๋ ๊ฒ์ ๋ ์ฐ์ตํด์ผ๊ฒ ๋ค.
- Jasmin, Jest๋ฅผ ์ฌ์ฉํด์ ๊ฐ๋จํ TDD๋ฅผ ์งํํด ๋ดค๋๋ฐ, ์ค๋ฌด์์ ์ฃผ๋์ด ๊ฐ๋ฐ์๊ฐ ๋ฐ๋ก ํฌ์ ๋๋ ์์ญ์ ์๋์ง๋ผ๋ ์์ ์ ํตํด ์ ์ฒด์ ์ธ TDD ๊ฐ๋ฐ ํ๋ก์ธ์ค๋ฅผ ์ดํดํด ๋ณผ ์ ์๋ ๊ฒฝํ์ด๋ผ ์ ์ตํ๋ค.
- ์ฅ์ ์ธ, ์์์ ์ธ๊ถ์ ์ํด ์ ๋๋ฅผ ๊ฐ์ ํ๊ธฐ ์ํด์๋ ๋ง์ ํฌ์๊ณผ ๋น์ฉ, ์๊ฐ์ด ํ์ํ๋ค.
์ด๋ฒ์ฃผ, ์นด์นด์ค ์์ ๊นํ์ผ๋์ ์น ์ ๊ทผ์ฑ ํน๊ฐ์ ํตํด ๊ฒฐํจ์ ๊ฒช๋ ์ด๋ค์ด ์จ๋ผ์ธ์์๋๋ง ์์ธ์ ๋จ์ ์ ๊ฒช์ง ์๋๋ก ์น ์ ๊ทผ์ฑ ์๋น์ค ๊ฐ์ ์ ์ํด 2006๋ ๋ถํฐ ์ง๊ธ๊น์ง IT์ ๊ณ์์๋ ์กฐ์ง์ ์ผ๋ก ํ๋ํ๊ณ ์์๋ค๋ ๊ฑธ ์๊ฒ ๋์๋ค.
๋ ์ญ์ ์น ์ ๊ทผ์ฑ์ ๋ํด ๊ธฐ์ ๋ก๋ง ์ ๊ทผํ๋ ๊ฒ ์๋๋ผ ๊ฒฐํจ์ ๊ฒช๋ ๋ถ๋ค์ ์ฒ์ฐ ๊ฐ์ ์ ์ํด ํ๋ ฅํ๋ค๋ ์ง์ ์ค๋ฆฌ๋ฅผ ๊ฐ์ง๊ณ ๊ธฐ์ฌํ๊ณ ์ถ์๊ณ , ๋ฉ์ฌ ๊ณผ์ ์ด ๋๋ ์ดํ์๋ ๊พธ์คํ ๊ณต๋ถํ๊ณ ์ถ์ด์ ์คํ ๋ชฉ๋ก์ ์ฌ๋ ค ๋์๋ค. ์ํ๊น์ด ๊ฑด ์ฑ ์ ํ ๊ถ ์ฌ์ ์ฝ๊ณ ์ถ์ด์ ์ฐพ์๋ดค๋๋ฐ 2015๋ ์ NHN์์ ๋ฌด๋ฃ ์ถํ๋ฌผ์ ๋ฐํํ ์ดํ๋ก ๊ด์ฐฎ์ ์ถํ๋ฌผ์ด ๋์ค์ง ์์๋ค๋ ์ฌ์ค์ด ํ์ฌ ์น ์ ๊ทผ์ฑ์ ๋ํ ๋์ค๋ค์ ์ธ์์ ๊ทธ๋๋ก ๋ฐ์ํ ๊ฒฐ๊ณผ๋ ์๋๊ฐ ์ถ์ ๋ง์์ ๋ฐ์ฑ๊ณผ ํจ๊ป ์์ผ๋ก ๋ ์ง์์ ์ผ๋ก ๊ด์ฌ์ ๊ฐ๊ณ ์ฃผ์์ ๋ง์ด ์ด์ผ๊ธฐํด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ๋ค.
์น ์ ๊ทผ์ฑ ํ๋ก์ ํธ ์์ํ๊ธฐ - YES24
์ด ์ฑ ์ ์ค๋ ์๊ฐ ๋์ ์ถ์ ํ NHN์ ์น ์ ๊ทผ์ฑ ๊ด๋ จ ๊ฒฝํ๊ณผ ํต์ฌ ๋ ธํ์ฐ๊ฐ ๋ด๊ฒจ ์๋, ์น ์ ๊ทผ์ฑ ์ ๋ฐ์ ์์ฐ๋ฅด๋ ์ฑ ์ด๋ค. ์น ํ์ค ๊ฐ๋ฐ ๊ฐ์ด๋์ธ ๋๋ฆฌ ์ฌ์ดํธ(http://html.nhncorp.com)์ ๋ด์ฉ์ ๋ฐํ
www.yes24.com
AOA11Y
์ ๋ณด์ ๊ทผ์ฑ ์ธ์๊ฐ์ ๋ฐ ๊ธฐ์ ๊ธฐ๋ฐ ํ์ฐ์ ๋ชฉํ๋ก ํ๊ตญ์ง๋ฅ์ ๋ณด์ฌํ์งํฅ์(NIA)์ด ์ด์ํ๋ Youtube ์ฑ๋
www.youtube.com
๐ฃ Lacked
- ํ๋ฃจ ๋์ Redux๋ฅผ ๋ฐฐ์ ๋๋ฐ ์ผ๋จ React Props๋ Context๋ ๊ฒจ์ฐ ์ดํดํ๊ณ ์๋ ์ํ๋ผ ๋๋ฌด ์ด๋ ต๊ฒ ๋๊ปด์ก๋ค.. ์ฐ์ ์ํ ๊ด๋ฆฌ๋ React ๊ธฐ๋ณธ ๊ธฐ๋ฅ์ผ๋ก ๊ตฌํํ๊ณ ์ถํ์ ๋ณด์ํด์ผ๊ฒ ๋ค. ์งง์ ์๊ฐ์ ๋ง์ ๊ธฐ์ ์ ๋ฐฐ์ฐ๋ค ๋ณด๋ ์ ํ๊ณผ ์ง์ค์ด ์ ๋ง ์ค์ํ๋ค๊ณ ๋๋๋ค.
- ์ด๋ฒ์ฃผ๋ ์ ๊ท ์์ ์์ Redux, TDD, ์๊ณ ๋ฆฌ์ฆ ํ์ด๋ฅผ ์งํํ๋๋ฐ React์ ๋ํ ์ดํด๊ฐ ๋ถ์กฑํ ์ํ์์ ๊ต์ก ๊ณผ์ ์ด ๋๋๊ณ ์๋ก์ด ๊ธฐ์ ์ ๊ณต๋ถํ๋ค ๋ณด๋ ์ด๋ ๊ฒ์ ์ง์คํด์ผ ํ ์ง ํผ๋์ด ๊ฐ์ค๋๋ ํ ์ฃผ์๋ค. ์ค์ ๋ก ์์ ์๊ฐ์ React ๋ณด์ํ์ต์ ๋ฐ๋ก ์งํํ๋ ์๊ฐ์๋ ๋ง์ ๊ฒ ๊ฐ๋ค. ํ๋ก์ ํธ ์ฐฉ์๋ฅผ ์๋๊ณ ์๋ค ๋ณด๋ ํ์ ์ ์ธ ์๊ฐ์ ์ด๋ป๊ฒ ํจ์จ์ ์ผ๋ก ์ฌ์ฉํด์ผ ํ ์ง ๊ณ ๋ฏผ์ด ๋ ๋ง์์ง๋ค... ๐ซค
โ๏ธ Learned
- ์๋ก์ด ๋ฐ์ดํฐ๋ก ๊ธฐ์กด ๋ถ๋ณ ๋ฐ์ดํฐ๋ฅผ ๋์ฒด์ํค๊ธฐ ๋๋ฌธ์ ์ด๋ฒคํธ๋ฅผ ์ถ์ ํ ์ ์๋ค๋ ํน์ง์ด Redux์ ์ฃผ์ ์ฅ์
- ํ์ฅ ํ๋ก๊ทธ๋จ Redux dev tool์ ์ค์นํ๋ฉด ํ์๋จธ์ ๊ณผ ๊ฐ์ด ์ด๋ฒคํธ๋ฅผ ์ถ์ ํ ์ ์๊ณ json์ผ๋ก ์ถ๋ ฅ ๊ฐ๋ฅ.
- Redux๋ ์ ์ญ state๊ฐ์ ์ฌ์ฉํจ์ ์์ด์ Context๋ณด๋ค ์ต์ ํ๊ฐ ์ ๋์ด ์๊ณ ,
์ํ๊ด๋ฆฌ๋ ํด์ฃผ๋ ๋ฑ์ ํธ์์ฑ ๋๋ฌธ์ ๊ฑฐ๋ํ ๊ท๋ชจ์ ์ํ๊ด๋ฆฌ ์ ์ ์ฉํ๋ค. - TDD๋ Test Driven Development์ ์ฝ์, ํ ์คํธ ์ฃผ๋ ๊ฐ๋ฐ ์ฆ, ํ ์คํธ๋ฅผ ํตํ ๊ธฐ๋ฅ ๊ตฌํ์ ์๋ฏธ.
- TDD ์งํ ์ ๋๋ถ๋ถ Jest ํ๋ ์์ํฌ ์ฌ์ฉ.
- ํ
์คํธ์ ์ข
๋ฅ๋ก๋ ํน์ ์กฐ๊ฑด์์ ํจ์(Unit)๊ฐ ์ด๋ป๊ฒ ์๋ํด์ผ ํ๋์ง ์ ์ํ๊ณ ์๋์ ํ์ธํ๋ ๋จ์ ํ
์คํธ,
๋ธ๋ผ์ฐ์ ์ ์ํธ ์์ฉ์ ํตํด ํ ์คํธ๋ฅผ ์งํํ๋ E2E ํ ์คํธ๊ฐ ์๋ค. - TDD์ ๋จ๊ณ๋ ํ ์คํธ์ ์คํจํ๋ ์ ์ ๋จ๊ณ, ์ฑ๊ณตํ๋ ๋ น์ ๋จ๊ณ, ์ฝ๋ ํ์ง์ ๋์ด๋ ๋ฆฌํฉํฐ ๋จ๊ณ 3๊ฐ์ง๋ก ๊ตฌ์ฑ.
- TDD๋ฅผ ํตํด ์ฝ๋๋ฅผ ์์ ์ ์ด๊ณ ๊ฒฌ๊ณ ํ๊ฒ ๋ง๋ค ์ ์๊ณ , ์๋น์ค์ ๋ํ ์ดํด๋์ ํ์ง ์ฐ์ ์ ์ฌ๊ณ ๋ฅผ ๋์ผ ์ ์๋ค.
- ๊ฐ ์๋ฃ๊ตฌ์กฐ๋ ํน์ ์์ ์ ๋ํด ๋ฐ์ด๋ ์ฑ๋ฅ์ ๋ณด์ด๋ ๊ฒฝ์ฐ๊ฐ ์์ผ๋ฏ๋ก, ๋ฌธ์ ์ ์๊ตฌ์ฌํญ์ ๋ง๋ ์๋ฃ๊ตฌ์กฐ๋ฅผ ์ ํํ๋ ๊ฒ์ด ์ค์.
- ์๋ฃ๊ตฌ์กฐ์ ๊ธฐ๋ณธ ์๋๋ฐฉ์์ผ๋ก๋ Access(์ ๊ทผ) Search(ํ์) Insertion(์ฝ์ ) Deletion(์ญ์ ) ๊ฐ ์๋ค.
- ์๊ณ ๋ฆฌ์ฆ์ ํจ์จ์ฑ์ ๊ฒฐ์ ํ๋ ์งํ๋ก ๋น ์ค(Big O) ํ๊ธฐ๋ฒ์ด ์๋ค.
- Big O ํ๊ธฐ๋ฒ์ ์๊ฐ ๋ณต์ก์ฑ(์๊ณ ๋ฆฌ์ฆ์ด ์คํ๋๋ ๋ฐ ๊ฑธ๋ฆฌ๋ ์๊ฐ) ๋ฐ
๊ณต๊ฐ ๋ณต์ก์ฑ(์๊ณ ๋ฆฌ์ฆ์ด ์คํ๋๋ ๋ฐ ํ์ํ ๋ฉ๋ชจ๋ฆฌ ์)์ ์ฌ์ฉํ์ฌ ์๊ณ ๋ฆฌ์ฆ์ ํจ์จ์ฑ๊ณผ ์ฑ๋ฅ์ ์ธก์ . - ๊ธฐ๋ณธ ์๋ฃ๊ตฌ์กฐ๋ก๋ Queue, Stack, Heap, Array, HashTable์ด ์๋ค.
- ์น ์ ๊ทผ์ฑ์ด๋ ์ฅ์ ๋ฅผ ๊ฒฝํํ๋ ์ฌ๋์ด ๋ ๋ฆฝ์ ์ผ๋ก ํ์ธ๊ณผ ๋๋ฑํ ํ๋์ ์ฐธ์ฌํ ์ ์๋๋ก ํ๋ ๊ธฐ์ .
๐ฉ๐ป๐ป Longed For
- 10km ๋ฌ๋, ์์
- ๋ชจ๋ JavaScript ํํ ๋ฆฌ์ผ, ํํธ 2 form ๋จ๋ฝ ์์ง.
- ํ๊ณ ์กฐ React ๊ณต์๋ฌธ์ ์คํฐ๋ ์ฐธ์ฌ.
- React๋ก ์ํ ๋ธ๋ก๊ทธ ๊ตฌํ.
- React์ ๊ณต๊ณต IP ๊ฐ์ ธ์์ ๋ ์จ ์์ ฏ ๋ง๋ค๊ธฐ.
- ์น ์ ๊ทผ์ฑ ํ๋ก์ ํธ ์์ํ๊ธฐ ์ถํ๋ฌผ ์ฝ์ด๋ณด๊ธฐ.
๋ฐ์ํ