๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Daily/Today I Learned

210207_TIL

by joooing 2021. 2. 8.
๋ฐ˜์‘ํ˜•
๐ŸŽ ์˜ค๋Š˜ ํ•œ ์ผ
โœ”๏ธ 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

๋Œ“๊ธ€