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

javascript23

[JavaScript] ๊ฐ์ฒด โ–ถ ๊ฐ์ฒด 1. ๋‚ด์žฅ ๊ฐ์ฒด ์ƒ์„ฑํ•˜๊ธฐ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•  ๋•Œ๋Š” new๋ผ๋Š” ํ‚ค์›Œ๋“œ์™€ ์ƒ์„ฑ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. 2. ๋‚ ์งœ ์ •๋ณด ๊ฐ์ฒด ๋‚ ์งœ๋‚˜ ์‹œ๊ฐ„ ๊ด€๋ จ ์ •๋ณด๋ฅผ ์ œ๊ณต๋ฐ›๊ณ  ์‹ถ์„ ๋•Œ๋Š” ๋‚ ์งœ ๊ฐ์ฒด(Date Object)๋ฅผ ์ƒ์„ฑํ•œ๋‹ค. โ€‹ ์˜ˆ์ œ 1) ํ˜„์žฌ ๋‚ ์งœ ๊ฐ์ฒด์™€ ํŠน์ • ๋‚ ์งœ ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•˜์—ฌ 2002๋…„ ์›”๋“œ์ปต ๋‚ ์งœ์™€ ๊ด€๋ จ๋œ ์ •๋ณด ์ถœ๋ ฅํ•˜๊ธฐ getMonth() → ์›” ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜ด(ํ˜„์žฌ ์›” -1) getDay() → ์š”์ผ ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜ด(์ผ:0 ~ ํ† :6) ์˜ˆ์ œ 2) ํ˜„์žฌ ๋‚ ์งœ๋ถ€ํ„ฐ ์—ฐ๋ง๊นŒ์ง€ ๋ฉฐ์น ์ด ๋‚จ์•˜๋Š”์ง€ ๋‚ ์งœ ์ •๋ณด ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•˜์—ฌ ์•Œ์•„๋ณด๊ธฐ 3. ์ˆ˜ํ•™ ๊ฐ์ฒด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋‚ด์žฅ ๊ฐ์ฒด์—๋Š” ์ˆ˜ํ•™๊ณผ ๊ด€๋ จ๋œ ๊ธฐ๋Šฅ๊ณผ ์†์„ฑ์„ ์ œ๊ณตํ•˜๋Š” ์ˆ˜ํ•™ ๊ฐ์ฒด๊ฐ€ ์žˆ๋‹ค. ๋”ํ•˜๊ธฐ, ๊ณฑํ•˜๊ธฐ, ๋‚˜๋ˆ„๊ธฐ ๋“ฑ์€ ์•ž์—์„œ ๋ฐฐ์šด ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค. ํ•˜์ง€๋งŒ ์ตœ๋Œ“๊ฐ’, ์ตœ์†Ÿ๊ฐ’.. 2021. 2. 11.
[JavaScript] ๋ฐ˜๋ณต๋ฌธ ๋ฐ˜๋ณต๋ฌธ โ–ถ while๋ฌธ while๋ฌธ์€ ์กฐ๊ฑด์‹์„ ๋งŒ์กฑํ•  ๋•Œ๊นŒ์ง€ ์ฝ”๋“œ๋ฅผ ์—ฌ๋Ÿฌ ํšŒ ๋ฐ˜๋ณตํ•˜์—ฌ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค. ์˜ˆ์ œ 1) '์•ˆ๋…•ํ•˜์„ธ์š”1~ ์•ˆ๋…•ํ•˜์„ธ์š”10'๊นŒ์ง€ 1์”ฉ ์ฆ๊ฐ€์‹œํ‚ค๋ฉด์„œ 10ํšŒ ์ถœ๋ ฅํ•˜๊ธฐ ์˜ˆ์ œ 2) 1๋ถ€ํ„ฐ 30๊นŒ์ง€์˜ ์ˆซ์ž ์ค‘ 2์˜ ๋ฐฐ์ˆ˜์ด๋ฉด์„œ 6์˜ ๋ฐฐ์ˆ˜์ธ ์ˆซ์ž๋งŒ ์ถœ๋ ฅํ•˜๊ธฐ ์˜ˆ์ œ 3) 20๋ถ€ํ„ฐ 10๊นŒ์ง€์˜ ์ˆซ์ž ์ค‘ ์ง์ˆ˜์ผ ๊ฒฝ์šฐ์—๋Š” ํŒŒ๋ž€์ƒ‰, ํ™€์ˆ˜์ผ ๊ฒฝ์šฐ์—๋Š” ๋นจ๊ฐ„์ƒ‰์œผ๋กœ ์ถœ๋ ฅ๋˜๋„๋ก ํ•˜๊ธฐ โ–ถ do-while๋ฌธ while๋ฌธ์˜ ๊ฒฝ์šฐ์—๋Š” ์กฐ๊ฑด์‹์˜ ๋งŒ์กฑ ์—ฌ๋ถ€๋ฅผ ๋จผ์ € ๊ฒ€์‚ฌํ•œ ํ›„ ์ค‘๊ด„ํ˜ธ์— ์žˆ๋Š” ์ฝ”๋“œ์˜ ์‹คํ–‰ ์—ฌ๋ถ€๋ฅผ ๊ฒฐ์ •ํ•œ๋‹ค. ํ•˜์ง€๋งŒ do-while๋ฌธ์€ ๋ฐ˜๋“œ์‹œ ํ•œ ๋ฒˆ์€ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ณ  ์กฐ๊ฑด์‹์„ ๊ฒ€์‚ฌํ•œ๋‹ค. โ–ถ for๋ฌธ for๋ฌธ์€ ์กฐ๊ฑด์‹์„ ๋งŒ์กฑํ•  ๋•Œ๊นŒ์ง€ ํŠน์ • ์ฝ”๋“œ๋ฅผ ๋ฐ˜๋ณตํ•˜์—ฌ ์‹คํ–‰ํ•œ๋‹ค. ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์€ while๋ฌธ๊ณผ ๊ฐ™์ง€๋งŒ while๋ฌธ๋ณด๋‹ค ์‚ฌ์šฉ.. 2021. 2. 2.
[JavaScript] ์ œ์–ด๋ฌธ โ€‹โ–ถ ๋„์ „ Mission! Q1) ์ง„์˜์ด์˜ ํ•˜๋ฃจ ์ง€์ถœ ๋‚ด์—ญ์ด ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค๊ณ  ํ•  ๋•Œ, ํ•˜๋ฃจ ์ง€์ถœ ๋น„์šฉ์˜ ํ•ฉ๊ณ„๋ฅผ ๊ตฌํ•œ ํ›„ ์ ์ • ์ง€์ถœ ๋น„์šฉ์˜ ์ดˆ๊ณผ ์—ฌ๋ถ€๋ฅผ ์ถœ๋ ฅํ•˜์‹œ์˜ค. ์ง„์˜์ด์˜ ํ•˜๋ฃจ ์ง€์ถœ ๋‚ด์—ญ์€ ๊ตํ†ต๋น„ 3000์›, ์‹๋น„ 6000์›, ์Œ๋ฃŒ๋น„ 3000์›์ž…๋‹ˆ๋‹ค. ์‚ผํ•ญ ์กฐ๊ฑด ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ•˜๋ฃจ ์ ์ • ์ง€์ถœ ๋น„์šฉ์ธ 1๋งŒ ์›์„ ์ดˆ๊ณผํ–ˆ์„ ๊ฒฝ์šฐ์—๋Š” "000์› ์ดˆ๊ณผ"๋ผ๊ณ  ์ถœ๋ ฅํ•˜๊ณ , ์•„๋‹ ๊ฒฝ์šฐ์—๋Š” "๋ˆ ๊ด€๋ฆฌ ์ž˜ ํ–ˆ์–ด์š”!"๋ผ๊ณ  ์ถœ๋ ฅํ•˜์‹œ์˜ค. Q2) ๋‹ค์Œ ์—ฐ์‚ฐ์ž๋ฅผ ์ด์šฉํ•˜์—ฌ ํ‰๊ท  ํŒ๋งค๋Ÿ‰์„ ๊ตฌํ•˜๊ณ , 4๋ถ„๊ธฐ ํŒ๋งค๋Ÿ‰์„ ์ž…๋ ฅํ•˜์—ฌ ํ‰๊ท  ํŒ๋งค๋Ÿ‰์˜ ์ด์ƒ/๋ฏธ๋‹ฌ ๊ฐ’์„ ์ถœ๋ ฅํ•˜์‹œ์˜ค. ์งˆ์˜์‘๋‹ต ์ฐฝ์„ ์ด์šฉํ•˜์—ฌ 4๋ถ„๊ธฐ ํŒ๋งค๋Ÿ‰์„ ์ž…๋ ฅํ•˜๊ณ , ์ „ ๋ถ„๊ธฐ ํ‰๊ท  ํŒ๋งค๋Ÿ‰๋ณด๋‹ค ํŒ๋งค๋Ÿ‰์ด ๋†’๊ฑฐ๋‚˜ ๊ฐ™์„ ๊ฒฝ์šฐ์—๋Š” 'ํŒ๋งค๋Ÿ‰์ด ํ‰๊ท  ์ด์ƒ์ž…๋‹ˆ๋‹ค.'๋ผ๊ณ  ์ถœ๋ ฅํ•˜๊ณ , ๋‚ฎ์„ ๊ฒฝ์šฐ์—๋Š” 'ํŒ๋งค๋Ÿ‰.. 2021. 2. 2.
[JavaScript] ๊ธฐ์ดˆ ๋ฌธ๋ฒ•, ๋ณ€์ˆ˜, ์—ฐ์‚ฐ์ž ์ค€๋น„๋ฌผ : ๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ, ํฌ๋กฌ ๋ธŒ๋ผ์šฐ์ € (๊ทธ ๋ฐ–์— Edit Plus, Notepad++, Atom, Sublime Text, Brackets, Webstorm ๋“ฑ์ด ์žˆ์ง€๋งŒ ์šฐ๋ฆฌ๋Š” ๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.) โ€‹ โ–ถ ๊ฐ„๋‹จํ•œ ์ถœ๋ ฅ๋ฌธ ๋งŒ๋“ค๊ธฐ Welcome My World โ–ถ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ฐ„๋‹จํ•œ ์‹คํ–‰๋ฌธ ์ž‘์„ฑํ•˜๊ธฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ ๋ฌธ๋ฒ• โ–ถ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์„ ์–ธ๋ฌธ ์„ ์–ธ๋ฌธ์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์˜์—ญ์„ ์„ ์–ธํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ๋ผ๋Š” ํƒœ๊ทธ๋กœ ์ข…๋ฃŒ๋œ ๊ณณ๊นŒ์ง€๋ฅผ ์Šคํฌ๋ฆฝํŠธ ์˜์—ญ์ด๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. ์„ ์–ธ๋ฌธ์€ document๋Š” ๋ฌธ์„œ ๊ฐ์ฒด์ด๋ฉฐ ๋ฌธ์„œ ์ถœ๋ ฅ ๋ฉ”์„œ๋“œ์ธ write( )๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฌธ์„œ์— ์ถœ๋ ฅํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. โ€‹ โ–ถ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฃผ์„ ์ฒ˜๋ฆฌ ํ•œ ์ค„ ์ฃผ์„์ผ ๊ฒฝ์šฐ์—๋Š” // ๋กœ, ์—ฌ๋Ÿฌ ์ค„ ์ฃผ์„์ผ ๊ฒฝ์šฐ์—๋Š” /* */.. 2021. 2. 2.
JavaScript - ํ˜ธ์ด์ŠคํŒ…(hoisting) https://gmlwjd9405.github.io/2019/04/22/javascript-hoisting.html [JavaScript] ํ˜ธ์ด์ŠคํŒ…(Hoisting)์ด๋ž€ - Heee's Development Blog Step by step goes a long way. gmlwjd9405.github.io ์˜ˆ์ „๋ถ€ํ„ฐ ๊ถ๊ธˆํ–ˆ๋˜ ๊ถ๊ธˆ์ฆ ํ•ด๊ฒฐ! ์ฝ”๋”ฉ์„ ํ•˜๋‹ค๋ณด๋ฉด ๊ถ๊ธˆ์ฆ์ด ์ƒ๊ธฐ๋Š”๋ฐ ์ด๊ฑธ ์–ด๋–ป๊ฒŒ ๋ง๋กœ ํ‘œํ˜„ํ•ด์•ผ๋ ์ง€ ๋ชฐ๋ผ์„œ ๊ณ ๋ฏผ์ด๋‹ค 2021. 1. 22.
๋ฐ˜์‘ํ˜•