๋ฐ์ํ
๐ ์ค๋ ํ ์ผ
โ๏ธ Toy ๋ณต๊ธฐ
์ง๋์ฃผ์ ํ์๋ ํ ์ด ๋ค์ฏ๋ฌธ์ ๋ฅผ ๋ณต์ตํ๋ค. ํ ์คํธ๋ฅผ ํต๊ณผ์ํค๊ณ ๋๋ฉด ๋ค์ ์๋ณด๊ณ ๋์ด๊ฐ๋๋ฐ ์ค๋ ๋ค์ํ๋ฒ์ฉ ๋ณด๋ฉด์ ์์๋๋ ๊ทธ๋ฆผ์ผ๋ก ๊ทธ๋ ค๋ณด๊ณ ์ฃผ์๋ ๋ฌ์๋ดค๋ค. ๊ฐ์ฅ ํฌ๊ฒ ๋๋์ ์ ๋ณ์๋ช ์ ์ ์ข ์ง์ด๋์๋ ๊ฒ.. ๊ทธ๋์ผ ๋์ค์ ๋ด๊ฐ๋ด๋ ๋ฐ๋ก ์์๋ณผ ์ ์์ ๊ฒ ๊ฐ๋คใ ๋ค๋ฅธ ๋ถ๋ค์ ์ฝ๋๋ ๋ณด๋ฉด์ ๋์ณค๋ ๋ถ๋ถ์ ์๋์ง, ์ข ๋ ํจ์จ์ ์ธ ์ฝ๋๋ก ๊ฐ์ ํด๋ณผ ์๋ ์๋์ง๋ ์๊ฐํด๋ณด์๋ค. ( + ๋ฉ๋ชจ์ด์ ์ด์ ์ ํ์ฉํด์ ๊ณ ์ณ๋ณด๊ธฐ..! )
โ๏ธ CommonJS
JavaScript๋ฅผ ๋ธ๋ผ์ฐ์ ์์๋ฟ๋ง ์๋๋ผ, ์๋ฒ์ฌ์ด๋ application์ด๋ ๋ฐ์คํฌํฑ application์์๋ ์ฌ์ฉํ๊ธฐ ์ํ ๋ ธ๋ ฅ์ ๊ฒฐ๊ณผ์ด๋ค. ๋ฒ์ฉ์ ์ผ๋ก ์ฐ์ด๊ธฐ ์ํด์๋ '๋ชจ๋ํ'๊ฐ ํต์ฌ์ ์ด๋ค. ๋ชจ๋ํ๋ ์ธ ๊ฐ์ง ์กฐ๊ฑด์ด ๋ง์กฑ๋์ด์ผ ํ๋๋ฐ ์ฒซ๋ฒ์งธ๋ ์ค์ฝํ(Scope)์ด๋ค. ๋ชจ๋ ๋ชจ๋์ ๋ ๋ฆฝ์ ์ผ๋ก ์คํ์์ญ, ์ฆ ์ค์ฝํ๋ฅผ ๊ฐ์ ธ์ผ ํ๋ค. ๋๋ฒ์งธ๋ ์ ์(Definition)์ธ๋ฐ, ๋ชจ๋ ๋ชจ๋์ ์ ์ํ ๋ exports ๊ฐ์ฒด๋ฅผ ์ด์ฉํด์ผ ํ๋ค๋ ๊ฒ์ด๋ค. ๋ง์ง๋ง์ ์ฌ์ฉ(Usage)์ผ๋ก ๋ชจ๋ ์ฌ์ฉ์์ require ํจ์๋ฅผ ์จ์ผํ๋ค๋ ๊ฒ์ด๋ค.
โ๏ธ ์ ํ๋ธ ํด๋ก
๋จธ๋ฆฌ๋ ์ํ ๊ฒธ ํผ์์ ์ ํ๋ธ ํ์ด์ง๋ ๋น์ทํ๊ฒ ๊ตฌํํด๋ณด๊ณ ์๋ค. ์๊ทธ๋๋ HTML, CSS๋ฅผ ๋ค๋ฃฐ ์ผ์ด ๋ง์ด ์์ด์ ์๊พธ ๊น๋จน๋๊ฒ ๊ฐ์์ ์ค๊ฐ์ค๊ฐ ์๊ธฐ์์ผ์ค์ผํ ํ์์ฑ์ ๋๋ผ๊ธฐ๋ ํ๊ณ ์์ ๋ฐฐ์ฐ๊ณ ์๋ ์๋ฒ๋ ํ์ฉํด ๋ณผ ์ ์์ด์ ํ๋ฃจ์ ํ๋์๊ฐ์ ๋์ฉ๋ง ํฌ์ํด์ ์กฐ๊ธ์กฐ๊ธ์ฉ ์์ฑํด๋ณด๋ ค๊ณ ํ๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก MVC(Model, View, Controller) ํจํด์ ๋ฐ์ํด ํ์ผ๋ค๊ณผ ๊ธฐ๋ฅ์ ๊ตฌ๋ถํ๊ณ ์๋ก ์ฐ๊ฒฐ์ํค๋ ์์ ์ ํ๊ณ ์๋ฒ๋ ์์ฑํ๋ค. ํ์คํ ๋ญ๊ฐ ๋ง๋ค๊ฑฐ๋ ์ฝ๋๋ฅผ ์ณ๋ณด๋ฉด์ ๋ฐฐ์ฐ๋๊ฒ ๊ฐ๋ ์ ๋นจ๋ฆฌ ์ต์ํด์ง๋ ๋ฐฉ๋ฒ์ธ ๊ฒ๊ฐ๊ณ , ๊ธฐ์ต์๋ ๋ ์ค๋ ๋จ๋๊ฒ๊ฐ๋ค.
๐ ๊ธฐ์ตํ ๊ฒ
โ๏ธ findIndex
์ฃผ์ด์ง ํจ์์ ํ๋ณ ์ฌ๋ถ์ ๋ฐ๋ผ ๋ฐฐ์ด์ ์ฒซ ๋ฒ์งธ ์์์ ๋ํ index ๋ฐํ
โ๏ธ text/plain ๊ณผ application/json
text/plain : ๋ฐ์ดํฐ๊ฐ ์ ์ (์ฑ๋ฅ์ฐจ์ด๋ ๊ฑฐ์์์)
application/json : ํ์คํ๊ฐ ์๋์ด์์ (์ค๋ฅ๋ฐ์๋ฅ ๋ฎ์)
JSON์ plain text์ ๊ธฐ๋ณธ์ ์ธ ํ์์ด๊ธฐ ๋๋ฌธ์ ์ต์์ ์ํ์์์ text/plain๋ณด๋ค ๋น ๋ฅผ ์ ์๋ค. ํ์ง๋ง ์ฐจ์ด๋ ๋ฏธ๋ฏธ.. JSON์ ์ธ์ฝ๋ฉ/๋์ฝ๋ฉ์ ๋ ์ฝ๊ฒ ๋ง๋ค์ด์ฃผ๊ณ ๋ค์ํ๊ณ ๋ณต์กํ ๋ฐ์ดํฐ ์ ํ์ ์ฝ๊ฒ ์ฝ์ ์ ์๊ฒ ํด์ค๋ค. ๊ฒฐ๋ก ์ JSON์ ์ฐ์!
๐ ๋ ๊ณต๋ถํ ๊ฒ
โ๏ธ CommonJS
๋ฐ์ํ
'Daily > Today I Learned' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
210209_TIL (0) | 2021.02.10 |
---|---|
210208_TIL (0) | 2021.02.09 |
210206_TIL (2) | 2021.02.07 |
210205_TIL (0) | 2021.02.06 |
210204_TIL (0) | 2021.02.05 |
๋๊ธ