๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90

Log/๐Ÿ’ป TIL (CodesStates)50

๐Ÿ’ป TIL 18์ผ์ฐจ - 21.07.07 โœ๐Ÿป ์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ, Key Point ๊ณ ์ฐจํ•จ์ˆ˜ ๊ณ ์ฐจํ•จ์ˆ˜๋Š” ํ•จ์ˆ˜๋ฅผ ์ธ์ž๋กœ ๋ฐ›์„ ์ˆ˜ ์žˆ๊ณ , ํ•จ์ˆ˜์˜ ํ˜•ํƒœ๋กœ ๋ฆฌํ„ดํ•  ์ˆ˜ ์žˆ๋Š” ํ•จ์ˆ˜์ด๋‹ค. ํ•จ์ˆ˜๋Š” ๋ณ€์ˆ˜์— ์ €์žฅํ•  ์ˆ˜ ์žˆ๋‹ค. ํ•จ์ˆ˜๋Š” ํ•จ์ˆ˜๋ฅผ ๋‹ด์€ ๋ณ€์ˆ˜๋ฅผ ์ธ์ž๋กœ ์ „๋‹ฌ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค. ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ํ•จ์ˆ˜ ๋‚ด๋ถ€์—์„œ ๋ณ€์ˆ˜์— ํ•จ์ˆ˜๋ฅผ ํ• ๋‹นํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ํ•จ์ˆ˜๋Š” ์ด ๋ณ€์ˆ˜๋ฅผ ๋ฆฌํ„ดํ•  ์ˆ˜ ์žˆ๋‹ค. ์—ฌ๊ธฐ์„œ ๋ณ€์ˆ˜์— ํ• ๋‹นํ•˜์ง€ ์•Š๊ณ  ํ•จ์ˆ˜๋ฅผ ๋ฐ”๋กœ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์–ด๋–ค ๊ณ ์ฐจํ•จ์ˆ˜์— ํ•จ์ˆ˜๋ฅผ ์ธ์ž๋กœ ์ „๋‹ฌํ•˜๊ณ , ๊ณ ์ฐจํ•จ์ˆ˜๋Š” ํ•จ์ˆ˜ ์ž์ฒด๋ฅผ ๋ฆฌํ„ดํ•œ๋‹ค. ๋ณ€์ˆ˜๊ฐ€ ๋น ์กŒ์„ ๋ฟ, ๋™์ผํ•˜๊ฒŒ ๋™์ž‘ํ•œ๋‹ค. ์ด ๋•Œ ๋‹ค๋ฅธ ํ•จ์ˆ˜์˜ ์ธ์ž๋กœ ์ „๋‹ฌ๋˜๋Š” ํ•จ์ˆ˜๋ฅผ ์ฝœ๋ฐฑํ•จ์ˆ˜๋ผ๊ณ  ํ•œ๋‹ค. ์ฝœ๋ฐฑ ํ•จ์ˆ˜์˜ ์ด๋ฆ„์€ ์–ด๋–ค ์ž‘์—…์ด ์™„๋ฃŒ๋˜์—ˆ์„ ๋•Œ ํ˜ธ์ถœํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์•„์„œ ๋‹ต์‹  ์ „ํ™”๋ฅผ ๋œปํ•˜๋Š” ์ฝœ๋ฐฑ์ด๋ผ๋Š” ์ด๋ฆ„์ด ๋ถ™์—ฌ์กŒ๋‹ค. ์ด ์™ธ์—๋„ ๋‚ด์žฅ ๊ณ ์ฐจํ•จ์ˆ˜, map, fil.. 2021. 7. 7.
๐Ÿ’ป TIL 17์ผ์ฐจ - 21.07.06 โœ๐Ÿป ์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ, Key Point ์ด๋ฒคํŠธ ๊ฐ์ฒด ๊ธฐ๋ณธ์ ์ธ ์ด๋ฒคํŠธ๋ฅผ ์•Œ๊ณ  ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ ๊ตฌํ˜„ํ•ด๋ณด์•˜๋‹ค. ๊ตฌํ˜„ํ•œ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ ์ ์ ˆํ•œ ์—˜๋ฆฌ๋จผํŠธ์— ์ ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ์—˜๋ฆฌ๋จผํŠธ์— ํŠน์ • ์ด๋ฒคํŠธ๋ฅผ ๋ฐœ์ƒ์‹œ์ผฐ์„ ๋•Œ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๊ฐ€ ๋™์ž‘ํ•˜๋„๋ก ํ•˜์˜€๋‹ค. ๐Ÿ’ก ์˜ค๋Š˜ ๋А๋‚€ ์  ์ด๋ฒคํŠธ ๊ฐ์ฒด๋ฅผ ์ž˜๋งŒ ์‚ฌ์šฉํ•˜๋ฉด ๋ญ”๊ฐ€๋ฅผ ์ข€ ๋” ์žฌ๋ฐŒ๊ฒŒ ๊ตฌํ˜„ํ•ด ๋ณผ ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค. ์˜ค๋Š˜ Sprint Review์‹œ๊ฐ„์— ๋‹ค๋ฅธ ๋ถ„๋“ค์ด ์ž์‹ ์ด ๋งŒ๋“  ๊ฒƒ๋“ค์„ ์ž๋ž‘ํ•˜๋Š” ๊ฑธ ๋ณด๊ณ  ๊ฝค ๋งŽ์€ ์ž๊ทน์„ ๋ฐ›์•˜๋‹ค. ๋ณต์Šตํ•œ๋‹ค๋Š” ๋А๋‚Œ๋ณด๋‹ค๋Š” ๋ญ”๊ฐ€๋ฅผ ๋งŒ๋“ ๋‹ค๋Š” ์ƒ๊ฐ์œผ๋กœ ์žฌ๋ฐŒ๊ฒŒ ์ ‘๊ทผํ•ด๋ด์•ผ๊ฒ ๋‹ค. ๐Ÿ‡ ๋‚ด์ผ ํ•  ์ผ TIL ๋†“์น˜์ง€ ์•Š๊ณ  ๊พธ์ค€ํžˆ ์“ฐ๊ธฐ (Default) 1์ผ 1์ปค๋ฐ‹ํ•˜๊ธฐ (Default) 1์‹œ๊ฐ„ ์งฌ๋‚ด์„œ ์šด๋™ํ•˜๊ธฐ ๋‚˜๋งŒ์˜ ์ง‘์ค‘ํ”Œ๋žœ ์„ธ์›Œ๋ณด๊ธฐ Review ๊ฒŒ์‹œํŒ ๊ธ€ ๋ชป ์“ด ๊ฒƒ๋“ค ํ•˜๋‚˜์”ฉ ์ฑ„.. 2021. 7. 7.
๐Ÿ’ป TIL 16์ผ์ฐจ - 21.07.05 โœ๐Ÿป ์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ, Key Point DOM HTML์„ ๋ฐ”๋ผ๋ณด๋Š” ๋˜ ๋‹ค๋ฅธ ๊ด€์ ์ธ DOM(Document Object Model)์„ ํ•™์Šตํ•ด๋ณด์•˜๋‹ค. DOM์„ ์ดํ•ดํ•˜๊ณ  ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ์œผ๋ฉด HTML์„ ๋‹จ์ˆœํ•œ ๋ฌธ์„œ์—์„œ ์›น ์•ฑ์œผ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•  ์ˆ˜ ์žˆ๋‹ค. HTML์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ ์šฉํ•˜๋Š” ๋ฒ•, ์ž์‹ ์—˜๋ฆฌ๋จผํŠธ ์ฐพ๊ธฐ, ๋ถ€๋ชจ ์—˜๋ฆฌ๋จผํŠธ ์ฐพ๊ธฐ, DOM์œผ๋กœ HTML์กฐ์ž‘ํ•˜๊ธฐ ๋“ฑ์„ ๋ฐฐ์› ๋‹ค. ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ํ€ด์ฆˆ ํŽ˜์–ด๋ถ„๊ณผ ํ•จ๊ป˜ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ํ€ด์ฆˆ๋ฅผ ํ’€์–ด๋ณด์•˜๋‹ค. ๐Ÿ’ก ์˜ค๋Š˜ ๋А๋‚€ ์  ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ํ€ด์ฆˆ๋Š” ๋งค์šฐ ๊ฐ„๋‹จํ•˜์—ฌ ๊ธˆ๋ฐฉ ๋๋‚ฌ์œผ๋‚˜ DOM์— ๋Œ€ํ•ด์„œ๋Š” ํ™•์‹คํ•œ ๋ณต์Šต์ด ํ•„์š”ํ•  ๊ฒƒ ๊ฐ™๋‹ค. ์–ผ๋ฅธ ๋ณต์Šตํ•ด์„œ ์ฑ„์›Œ๋„ฃ์ž! HTML ์‚ฝ์ž… ๋ฏธ๋ฆฌ๋ณด๊ธฐํ•  ์ˆ˜ ์—†๋Š” ์†Œ์Šค 2021. 7. 7.
๐Ÿ’ป TIL 15์ผ์ฐจ - 21.07.02 โœ๐Ÿป ์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ, Key Point Spread/Rest ๋ฌธ๋ฒ•, ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น Spread ๋ฌธ๋ฒ•์€ ์ฃผ๋กœ ํ’€์–ด์„œ ์ธ์ž๋กœ ์ „๋‹ฌํ•˜๊ฑฐ๋‚˜, ๋ฐฐ์—ด์„ ํ’€์–ด์„œ ๊ฐ๊ฐ์˜ ์š”์†Œ๋กœ ๋„ฃ์„ ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. Rest ๋ฌธ๋ฒ•์€ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ๋ฐฐ์—ด์˜ ํ˜•ํƒœ๋กœ ๋ฐ›์•„์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ํŒŒ๋ผ๋ฏธํ„ฐ ๊ฐœ์ˆ˜๊ฐ€ ๊ฐ€๋ณ€์ ์ผ ๋•Œ ์œ ์šฉํ•˜๋‹ค. ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น์€ Spread ๋ฌธ๋ฒ•์„ ์ด์šฉํ•˜์—ฌ ๊ฐ’์„ ํ•ด์ฒดํ•œ ํ›„, ๊ฐœ๋ณ„ ๊ฐ’์„ ๋ณ€์ˆ˜์— ์ƒˆ๋กœ ํ• ๋‹นํ•˜๋Š” ๊ณผ์ •์„ ๋งํ•œ๋‹ค. JavaScript Koans ๋ฌธ์ œ ํ’€์ด ํŽ˜์–ด๋ถ„๊ณผ ํ•จ๊ป˜ Koans๋ผ๋Š” 50๊ฐœ ํ…Œ์ŠคํŠธ๋ฅผ ํ’€์–ด๋ณด์•˜๋‹ค. ๐Ÿ’ก ์˜ค๋Š˜ ๋А๋‚€ ์  Koans๋Š” ์šฐ๋ฆฌ๊ฐ€ ์—ฌํƒœ ๋ฐฐ์šด ๊ฒƒ๋“ค์„ ์ „๋ถ€ ๋˜๋Œ์•„๋ณด๋Š” ๋А๋‚Œ์ด์—ˆ๋Š”๋ฐ ํŽ˜์–ด๋ถ„๊ณผ ํ•จ๊ป˜ ๋ง‰ํžˆ๋Š” ๊ฑด ์ œ๋Œ€๋กœ ์ดํ•ดํ•˜๊ณ  ๋„˜์–ด๊ฐ€๋ ค๊ณ  ์ฒœ์ฒœํžˆ ํ’€๋‹ค๋ณด๋‹ˆ ์‹œ๊ฐ„์— ๋งž์ถฐ ํ’€์ง€ ๋ชปํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์ œ์ถœํ•  ๋•Œ ์—๋Ÿฌ๋„ ๋œจ๋Š” ๋ฐ”.. 2021. 7. 7.