๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

JavaScript168

[๋ฐ”๋‹๋ผJS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ] Super Powers of JS [์ถœ์ฒ˜-์œ ํŠœ๋ธŒ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders] https://www.youtube.com/watch?v=dBH_aMCuztk&list=PLLUCyU7SBaR7tOMe-ySJ5Uu1UlEBznxTr&index=4 -JS๋กœ ์ƒ๊ฐ๋ณด๋‹ค ๋‹ค์–‘ํ•œ๊ฑธ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Œ 2021. 2. 23.
[๋ฐ”๋‹๋ผJS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ] Why JS? : JS for Beginners [์ถœ์ฒ˜-์œ ํŠœ๋ธŒ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders] https://www.youtube.com/watch?v=FP9QEHzqwRM&list=PLLUCyU7SBaR7tOMe-ySJ5Uu1UlEBznxTr&index=3 -JS๋Š” ์›น์— ์“ฐ์ด๋Š” ํ•˜๋‚˜๋ฟ์ธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด (์˜ต์…˜์ด ํ•˜๋‚˜๋ฟ์ž„) -Backend๋Š” ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ์–ธ์–ด๊ฐ€ ๋‹ค์–‘ํ•จ. ๊ทธ๋Ÿฌ๋‚˜ Frontend๋Š” JS ํ•˜๋‚˜๋ฟ์ž„ -์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ์–ธ์–ด๊ฐ€ JS ํ•˜๋‚˜๋ฟ์ธ๊ฒƒ์€ ์žฅ์ ์ด์ž ๋‹จ์ ์ž„ 2021. 2. 23.
[๋ฐ”๋‹๋ผJS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ] What are we building : JS for Beginners [์ถœ์ฒ˜-์œ ํŠœ๋ธŒ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders] https://www.youtube.com/watch?v=ygVeQEgxm4o&list=PLLUCyU7SBaR7tOMe-ySJ5Uu1UlEBznxTr&index=2 -์ด ์ˆ˜์—…์—์„œ๋Š” ์ž‘์€ ๋ฏธ๋‹ˆ ์•ฑ๋“ค์„ ๋งŒ๋“ค ๊ฒƒ์ž„. ๋งˆ์ง€๋ง‰์— ๋งŒ๋“ค ๊ฒƒ์€ momentum. -์•„์ฃผ ์‹ฌํ”Œํ•˜๊ณ  ๊ฐ•๋ ฅํ•œ JS๋ฅผ ๋ฐฐ์šธ ๊ฒƒ์ž„ 2021. 2. 23.
[๋ฐ”๋‹๋ผJS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ] Requirements : JS for Beginners [์ถœ์ฒ˜-์œ ํŠœ๋ธŒ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders] https://www.youtube.com/watch?v=wUHncG3VwPw&list=PLLUCyU7SBaR7tOMe-ySJ5Uu1UlEBznxTr -์ด ์ˆ˜์—…์—์„œ๋Š” ๊ฒ๋‚˜ ๊ธฐ์ดˆ์ ์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์šธ ๊ฒƒ์ž„ -์•„์ฃผ ์‹ฌํ”Œํ•œ HTML, CSS ์›น ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๊ณ  ์—ฌ๊ธฐ๋‹ค๊ฐ€ JS๋ฅผ ๋„ฃ์–ด์„œ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒํ•˜๊ฒŒ ๋งŒ๋“ค ๊ฒƒ์ž„ -์ด ์ˆ˜์—…์„ ๋“ฃ๊ธฐ ์œ„ํ•œ ์š”๊ตฌ์‚ฌํ•ญ์€ ๊ฑฐ์˜ ์—†์Œ. HTML, CSS ๊ธฐ๋ณธ๊ธฐ๋งŒ ์žˆ์œผ๋ฉด ๋จ -VSC (Visual Studio Code) ์—๋””ํ„ฐ๋ฅผ ์„ค์น˜ -์ค€๋น„๋ฌผ : Google Chrome, Github, VSC 2021. 2. 23.
[JavaScript] ํ•จ์ˆ˜ โ–ถ ํ•จ์ˆ˜ *๊ธฐ๋ณธ ํ•จ์ˆ˜ ์ •์˜๋ฌธ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ฝ”๋“œ๋ฅผ ์ €์žฅํ•œ ๊ฒƒ์„ 'ํ•จ์ˆ˜ ์ •์˜๋ฌธ'์ด๋ผ๊ณ  ํ•œ๋‹ค. ํ•จ์ˆ˜์—์„œ๋Š” function ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•ด ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•œ๋‹ค. function ํ•จ์ˆ˜๋ช…() { ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ; } ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ต๋ช… ํ•จ์ˆ˜(ํ•จ์ˆ˜๋ช…์ด ์—†๋Š” ํ•จ์ˆ˜)๋ฅผ ์„ ์–ธํ•˜๊ณ  ๋ณ€์ˆ˜์— ์ฐธ์กฐํ•ด๋„ ๋œ๋‹ค. ์ฐธ์กฐ ๋ณ€์ˆ˜ = function() { ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ; } ํ•จ์ˆ˜ ์ •์˜๋ฌธ({...}) ์•ˆ์— ์ž‘์„ฑ๋œ ์ฝ”๋“œ๋Š” ์ฆ‰์‹œ ์‹คํ–‰๋˜์ง€ ์•Š๋Š”๋‹ค. ํ•จ์ˆ˜๋Š” ๋ฉ”๋ชจ๋ฆฌ์— ํ• ๋‹น๋˜์–ด ๋Œ€๊ธฐํ•˜๊ณ  ์žˆ๋‹ค๊ฐ€ ํ•จ์ˆ˜๊ฐ€ ํ˜ธ์ถœ๋˜๋ฉด ์‹คํ–‰๋œ๋‹ค. ์ •์˜๋˜์–ด ์žˆ๋Š” ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•˜๋Š” ๊ธฐ๋ณธํ˜•์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. ํ•จ์ˆ˜๋ช…(); ๋˜๋Š” ์ฐธ์กฐ ๋ณ€์ˆ˜(); โ˜…์ผ๋ฐ˜ ํ•จ์ˆ˜ ์ •์˜๋Š” ํ•จ์ˆ˜ ํ˜ธ์ถœ ์‹œ ํ˜ธ์ด์ŠคํŒ…(hoisting) ๊ธฐ์ˆ ์„ ์ง€์›ํ•œ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ต๋ช… ํ•จ์ˆ˜ ์„ ์–ธ ์ฐธ์กฐ ๋ฐฉ์‹์€ ํ˜ธ์ด์ŠคํŒ…์„ ์ง€์›ํ•˜์ง€ ์•Š๋Š”๋‹ค... 2021. 2. 11.
[JavaScript] ๊ฐ์ฒด โ–ถ ๊ฐ์ฒด 1. ๋‚ด์žฅ ๊ฐ์ฒด ์ƒ์„ฑํ•˜๊ธฐ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•  ๋•Œ๋Š” new๋ผ๋Š” ํ‚ค์›Œ๋“œ์™€ ์ƒ์„ฑ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. 2. ๋‚ ์งœ ์ •๋ณด ๊ฐ์ฒด ๋‚ ์งœ๋‚˜ ์‹œ๊ฐ„ ๊ด€๋ จ ์ •๋ณด๋ฅผ ์ œ๊ณต๋ฐ›๊ณ  ์‹ถ์„ ๋•Œ๋Š” ๋‚ ์งœ ๊ฐ์ฒด(Date Object)๋ฅผ ์ƒ์„ฑํ•œ๋‹ค. โ€‹ ์˜ˆ์ œ 1) ํ˜„์žฌ ๋‚ ์งœ ๊ฐ์ฒด์™€ ํŠน์ • ๋‚ ์งœ ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•˜์—ฌ 2002๋…„ ์›”๋“œ์ปต ๋‚ ์งœ์™€ ๊ด€๋ จ๋œ ์ •๋ณด ์ถœ๋ ฅํ•˜๊ธฐ getMonth() → ์›” ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜ด(ํ˜„์žฌ ์›” -1) getDay() → ์š”์ผ ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜ด(์ผ:0 ~ ํ† :6) ์˜ˆ์ œ 2) ํ˜„์žฌ ๋‚ ์งœ๋ถ€ํ„ฐ ์—ฐ๋ง๊นŒ์ง€ ๋ฉฐ์น ์ด ๋‚จ์•˜๋Š”์ง€ ๋‚ ์งœ ์ •๋ณด ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•˜์—ฌ ์•Œ์•„๋ณด๊ธฐ 3. ์ˆ˜ํ•™ ๊ฐ์ฒด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋‚ด์žฅ ๊ฐ์ฒด์—๋Š” ์ˆ˜ํ•™๊ณผ ๊ด€๋ จ๋œ ๊ธฐ๋Šฅ๊ณผ ์†์„ฑ์„ ์ œ๊ณตํ•˜๋Š” ์ˆ˜ํ•™ ๊ฐ์ฒด๊ฐ€ ์žˆ๋‹ค. ๋”ํ•˜๊ธฐ, ๊ณฑํ•˜๊ธฐ, ๋‚˜๋ˆ„๊ธฐ ๋“ฑ์€ ์•ž์—์„œ ๋ฐฐ์šด ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค. ํ•˜์ง€๋งŒ ์ตœ๋Œ“๊ฐ’, ์ตœ์†Ÿ๊ฐ’.. 2021. 2. 11.
๋ฐ˜์‘ํ˜•