[JS Deep Dive] 4,5์žฅ ์ •๋ฆฌ - ๋ณ€์ˆ˜, ํ‘œํ˜„์‹๊ณผ ๋ฌธ์— ๋Œ€ํ•˜์—ฌ
ยท
Study/Modern JS Deep Dive
4์žฅ- ๋ณ€์ˆ˜‘10 + 20’ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ ๊ณ„์‚ฐ(ํ‰๊ฐ€ ํ•˜๋ ค๋ฉด),10, 20, +๋ผ๋Š” ๊ธฐํ˜ธ(๋ฆฌํ„ฐ๋Ÿด๊ณผ ์—ฐ์‚ฐ์ž)์˜ ์˜๋ฏธ๋ฅผ ์•Œ๊ณ  ์žˆ์–ด์•ผ ํ•˜๋ฉฐ10 + 20์ด๋ผ๋Š” ์‹(ํ‘œํ˜„์‹)์˜ ์˜๋ฏธ๋„ ํ•ด์„(ํŒŒ์‹ฑ)ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด 10 + 20์ด๋ผ๋Š” ์‹์˜ ์˜๋ฏธ๋ฅผ ํ•ด์„ํ•˜๋ฉด + ์—ฐ์‚ฐ์„ ์ˆ˜ํ–‰ํ•˜๊ธฐ ์œ„ํ•ด ๋จผ์ € + ์—ฐ์‚ฐ์ž์˜ ์ขŒ๋ณ€๊ณผ ์šฐ๋ณ€์˜ ์ˆซ์ž ๊ฐ’, ํ”ผ์—ฐ์‚ฐ์ž๋ฅผ ๊ธฐ์–ตํ•œ๋‹ค.→ ์ด ๋•Œ ์ปดํ“จํ„ฐ๋Š” CPU๋ฅผ ์‚ฌ์šฉํ•ด ์—ฐ์‚ฐํ•˜๊ณ , ๋ฉ”๋ชจ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•ด ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ์–ตํ•œ๋‹ค. ๋ฉ”๋ชจ๋ฆฌ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋Š” ๋ฉ”๋ชจ๋ฆฌ ์…€์˜ ์ง‘ํ•ฉ์ฒด ๋ฉ”๋ชจ๋ฆฌ ์…€ ํ•˜๋‚˜์˜ ํฌ๊ธฐ๋Š” 1๋ฐ”์ดํŠธ(8๋น„ํŠธ) ์ปดํ“จํ„ฐ๋Š” ๋ฉ”๋ชจ๋ฆฌ ์…€์˜ ํฌ๊ธฐ, ์ฆ‰ 1๋ฐ”์ดํŠธ ๋‹จ์œ„๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ฑฐ๋‚˜ ์ฝ์–ด๋“ค์ž„ ๊ฐ ์…€์€ ๊ณ ์œ ์˜ ๋ฉ”๋ชจ๋ฆฌ ์ฃผ์†Œ๋ฅผ ๊ฐ€์ง→ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์˜ ์œ„์น˜๋ฅผ ๋‚˜ํƒ€๋ƒ„(0๋ถ€ํ„ฐ ์‹œ์ž‘, ๋ฉ”๋ชจ๋ฆฌ์˜ ํฌ๊ธฐ๋งŒํผ ..
[JS Deep Dive] 1,2,3์žฅ ์ •๋ฆฌ - ํ”„๋กœ๊ทธ๋ž˜๋ฐ๊ณผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ๋Œ€ํ•˜์—ฌ
ยท
Study/Modern JS Deep Dive
1์žฅ - ํ”„๋กœ๊ทธ๋ž˜๋ฐํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋ž€ ์ปดํ“จํ„ฐ์—๊ฒŒ ์‹คํ–‰์„ ์š”๊ตฌํ•˜๋Š” ์ผ์ข…์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์ด๋‹ค.→ 0๊ณผ 1๋ฐ–์— ์•Œ์ง€ ๋ชปํ•˜๋Š” ๊ธฐ๊ณ„๊ฐ€ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์„ ์ •๋„๋กœ ์ •ํ™•ํ•˜๊ณ  ์ƒ์„ธํ•˜๊ฒŒ ์š”๊ตฌ์‚ฌํ•ญ์„ ์„ค๋ช…ํ•˜๋Š” ์ž‘์—… ๋ฌธ์ œ ํ•ด๊ฒฐ ๋ฐฉ์•ˆ์„ ๊ณ ๋ คํ•  ๋•Œ ์ปดํ“จํ„ฐ์˜ ์ž…์žฅ์—์„œ ๋ฌธ์ œ๋ฅผ ๋ฐ”๋ผ๋ด์•ผํ•˜๋Š”๋ฐ, ์ด๋•Œ ํ•„์š”ํ•œ ๊ฒƒ์ด ์ปดํ“จํŒ… ์‚ฌ๊ณ (Computational thinking)์ด๋‹ค. ๊ธฐ๊ณ„์–ด๋กœ ์ง์ ‘ ๋ช…๋ น์„ ์ „๋‹ฌํ•˜๋Š” ๊ฒƒ์„ ๋Œ€์‹ ํ•  ๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ€์•ˆ์€์‚ฌ๋žŒ์ด ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์•ฝ์†๋œ ๊ตฌ๋ฌธ์œผ๋กœ ๊ตฌ์„ฑ๋œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•ด ํ”„๋กœ๊ทธ๋žจ์„ ์ž‘์„ฑ ํ•œ ํ›„, ๊ทธ๊ฒƒ์„ ์ปดํ“จํ„ฐ๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๊ณ„์–ด๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ์ผ์ข…์˜ ๋ฒˆ์—ญ๊ธฐ(์ปดํŒŒ์ผ๋Ÿฌ, ์ธํ„ฐํ”„๋ฆฌํ„ฐ)๋ฅผ ์ด์šฉํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋Š” ๊ตฌ๋ฌธ(syntax)์™€ ์˜๋ฏธ(semantics)์˜ ์กฐํ•ฉ์œผ๋กœ ํ‘œํ˜„๋œ๋‹ค. ๋ฌธ๋ฒ•์„ ์ž˜ ์•ˆ๋‹ค๊ณ  ํ•ด์„œ ์™ธ๊ตญ์–ด..
[KUIT] 3์ฃผ์ฐจ ์›Œํฌ๋ถ ๋ณด์ถฉ(JavaScript)
ยท
KUIT
์ด ๊ธ€์€ KUIT Web ๋ถ€์›๋ถ„๋“ค์„ ๋Œ€์ƒ์œผ๋กœ ์“ด ๊ธ€์ž…๋‹ˆ๋‹ค. ํ”„๋กœํ† ํƒ€์ž… ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด๋Š” Prototype์ด๋ผ๋Š” ๋‚ด๋ถ€ ํ”„๋กœํผํ‹ฐ๊ฐ€ ์กด์žฌํ•œ๋‹ค. ๊ฑฐ์˜ ๋ชจ๋“  ๊ฐ์ฒด๊ฐ€ ์ƒ์„ฑ ์‹œ์ ์— ์ด ํ”„๋กœํผํ‹ฐ์— null์ด ์•„๋‹Œ ๊ฐ’์ด ํ• ๋‹น๋œ๋‹ค. ๊ฐ์ฒด ๋‚ด๋ถ€์— ์—†๋Š” ํ”„๋กœํผํ‹ฐ๋ฅผ ํ˜ธ์ถœํ•˜๊ฒŒ ๋˜๋ฉด? → ํ•ด๋‹น ํ”„๋กœํผํ‹ฐ๋ฅผ ์ฐพ์ง€ ๋ชปํ•˜๋ฉด ๋ฐ”๋กœ [[Prototype]]๋งํฌ๋ฅผ ๋”ฐ๋ผ๊ฐ€ ํ”„๋กœํผํ‹ฐ๋ฅผ ํƒ์ƒ‰ํ•œ๋‹ค. ๋ชจ๋“  ์ผ๋ฐ˜ ๊ฐ์ฒด์˜ ์ตœ์ƒ์œ„ ํ”„๋กœํ† ํƒ€์ž… ์—ฐ์‡„๋Š” ๋‚ด์žฅ Object.prototype์ด๊ณ  ์ด ์ง€์ ์—์„œ๋„ ์ฐพ์ง€ ๋ชปํ•˜๋ฉด ํƒ์ƒ‰์ด ์ข…๋ฃŒ๋œ๋‹ค. (undefined ๋ฐ˜ํ™˜) ๋‘ ๊ฐ์ฒด๋ฅผ ์„œ๋กœ ์—ฐ๊ฒฐ์ง“๋Š” ๊ฐ€์žฅ ์ผ๋ฐ˜์ ์ธ ๋ฐฉ๋ฒ•์€ ํ•จ์ˆ˜ ํ˜ธ์ถœ ์‹œ newํ‚ค์›Œ๋“œ๋ฅผ ์•ž์— ๋ถ™์ด๋Š” ๊ฒƒ์ด๋‹ค. newํ‚ค์›Œ๋“œ๋Š” ์ผ๋ฐ˜ ํ•จ์ˆ˜ ํ˜ธ์ถœ + "๊ฐ์ฒด" ์ƒ์„ฑ์ด๋ผ๋Š” ์ž”์—…์„ ๋” ๋ถ€๊ณผํ•˜๋Š” ์ง€์‹œ์ž์ด๋‹ค. const f = ..
[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์ž…๋ฌธ Day 4,5 ํ’€์–ด๋ณด๊ธฐ
ยท
Algorithm/Programmers(JavaScript)
Day 4 ํ”ผ์ž ๋‚˜๋ˆ ๋จน๊ธฐ(1) https://school.programmers.co.kr/learn/courses/30/lessons/120814 function solution(n) { // n์„ 7๋กœ ๋‚˜๋ˆˆ ๋‚˜๋จธ์ง€๋ฅผ integerCheck ๋ณ€์ˆ˜์— ์ €์žฅ let integerCheck = n % 7; let answer = 0; // integerCheck๊ฐ€ 0์ด๋ผ๋ฉด ํ”ผ์ž๋Š” n / 7๊ฐœ๊ฐ€ ํ•„์š”ํ•˜๋‹ค. // ์˜ˆ์‹œ: ํ”ผ์ž๋ฅผ ๋‚˜๋ˆ ๋จน์„ ์‚ฌ๋žŒ์ด 21๋ช…์ด๋ฉด ํ”ผ์ž๋Š” 3ํŒ์ด ํ•„์š”ํ•˜๋‹ค. if (integerCheck === 0) { answer = n / 7; } // integerCheck๊ฐ€ 0์ด ์•„๋‹ˆ๋ผ๋ฉด ํ”ผ์ž๋Š” n / 7์˜ ๋ชซ + 1๊ฐœ๊ฐ€ ํ•„์š”ํ•˜๋‹ค. // ์˜ˆ์‹œ: ํ”ผ์ž๋ฅผ ๋‚˜๋ˆ ๋จน์„ ์‚ฌ๋žŒ์ด 22๋ช…์ด๋ฉด ํ”ผ์ž๋Š” 3ํŒ + 1ํŒ์ด ํ•„..
[Javascript] ์ฝ”๋”ฉ์•™๋งˆ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ค‘๊ธ‰ ๊ฐ•์ขŒ๋ฅผ ๋“ฃ๊ณ 
ยท
Frontend/Javascript
๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.
[Javascript] ์ฝ”๋”ฉ์•™๋งˆ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ ๊ฐ•์ขŒ๋ฅผ ๋“ฃ๊ณ 
ยท
Frontend/Javascript
๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.