๋ชฉ๋ก2022/01/17 (6)

whatisthis?

javaScript. (6) ๋ฐ˜๋ณต๋ฌธ(loop)

๋ฐ˜๋ณต๋ฌธ - ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ๋Š” ์ฝ”๋“œ๋ฅผ ๋ฐ˜๋ณตํ•  ์ผ์ด ๋งŽ๋‹ค. - ๋‹จ์ˆœํžˆ ๊ฐ™์€ ์ฝ”๋“œ๋ฅผ ๋ฐ˜๋ณตํ•˜๊ธฐ๋„ ํ•˜์ง€๋งŒ, ๋ฐ˜๋ณตํ•  ๋•Œ๋งˆ๋‹ค ์ˆซ์ž๋ฅผ 1์”ฉ ๋”ํ•˜๋Š” ๋“ฑ์˜ ํ–‰๋™์„ ํ•  ์ˆ˜๋„ ์žˆ๋‹ค. - ๋Œ€ํ‘œ์ ์œผ๋กœ for๊ณผ while์ด ์žˆ๋‹ค. ๐Ÿ“Œ For for (let i = 0; i < 10 ; i++) { console.log(i); } for (์‹œ์ž‘ ; ์กฐ๊ฑด ; ๋) { ๋‚ด์šฉ } ๊ณผ ๊ฐ™์ด ๊ตฌ์„ฑ๋˜์–ด์žˆ๋‹ค. ์‹œ์ž‘์€ let i =0 ์กฐ๊ฑด์€ i < 10์ด๊ณ  ๋์€ i ++์ด๋‹ค. ๊ณผ์ •์„ ์‚ดํŽด๋ณด๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. 1) for๋ฌธ์„ ์‹œ์ž‘ํ•˜๊ธฐ ์ „์— i = 0์œผ๋กœ ์‹œ์ž‘ํ•œ๋‹ค. (i๋ผ๋Š” ๋ณ€์ˆ˜๋ฅผ ๋งŒ๋“ค๊ณ  0์œผ๋กœ ์ดˆ๊ธฐํ™”) 2) ์กฐ๊ฑด ๋น„๊ต. i < 10์„ ๋งŒ์กฑํ•˜๋ฏ€๋กœ ๋‚ด์šฉ ์‹คํ–‰. (console.log) 3) ๋์ธ i++ ๋ฅผ ์‹คํ–‰. ( i = i + 1 ์œผ๋กœ i=1์ด ๋œ๋‹ค...

WEB STUDY/JAVASCRIPT 2022. 1. 17. 15:38
javaScript. (4) ์—ฐ์‚ฐ์ž(operator)

1. ์—ฐ์‚ฐ์ž - ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ ์“ฐ์ด๋Š” ๊ธฐํ˜ธ๋“ค. ๐Ÿ“Œ ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž ์‚ฌ์น™์—ฐ์‚ฐ. (=arithmetic operation) + , - , * , / ๊ทธ๋ฆฌ๊ณ  ๋‚˜๋จธ์ง€์—ฐ์‚ฐ์ž(%) Addition / Subtraction / Multiplication / Division / Mod(Moudlus) โ— /๋Š” ๊ทธ๋ƒฅ ๋‚˜๋ˆ„๊ธฐ (๋ชซ ์•„๋‹˜). ์ฆ‰, 5 / 2 = 2.5 โ— +๋ฅผ ์ œ์™ธํ•œ ๋‚˜๋จธ์ง€(-์™€ *์™€ /)๋Š” "3" ๊ณผ "2"์ฒ˜๋Ÿผ ๋ฌธ์ž์—ด๋กœ ํ‘œํ˜„๋œ ์ˆซ์ž์˜ ๊ณ„์‚ฐ๋„ ํ•ด์คŒ. >> + ์—ฐ์‚ฐ์ž๋Š” "2"+"3" = '23' ์ด ๋จ. ๐Ÿ“Œ ๋ฌธ์ž์—ด ์—ฐ์‚ฐ์ž + ์—ฐ์‚ฐ์ž. ์ˆซ์ž ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ฌธ์ž์—ด๊ณผ ๋‹ค๋ฅธ ๋ฐ์ดํ„ฐ๋ฅผ ์—ฐ๊ฒฐํ•ด์คŒ. >> ๋ฌธ์ž์—ด์ด ์•„๋‹Œ ๋ฐ์ดํ„ฐ(์˜ˆ- ์ˆซ์ž)๋Š” ๋ฌธ์ž์—ด๋กœ ๋ฐ”๊พธ์–ด ์—ฐ๊ฒฐ. โ— ์™ผ์ชฝ๋ถ€ํ„ฐ ๊ณ„์‚ฐ๋˜๊ณ , ๋ฌธ์ž์—ด์ด ์žˆ์„ ๊ฒฝ์šฐ ๋ฌธ์ž์—ด์ด ์šฐ์„ ์ด๋‹ค. c..

WEB STUDY/JAVASCRIPT 2022. 1. 17. 14:18
javaScript. (2) ๊ฐ์ฒด(Object)์™€ ๋ฐฐ์—ด(Array)

1. ๊ฐ์ฒด (Object) - ํ˜„์‹ค์˜ ์‚ฌ๋ฌผ์„ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ๋ฐ˜์˜ํ•œ ๊ฒƒ. ์˜ˆ> ํ˜„์‹ค์— ์กด์žฌํ•˜๋Š” ์œ ์ €๋ฅผ ๊ฐ์ฒด๋ฅผ ํ†ตํ•ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ๋ฐ˜์˜ํ•  ์ˆ˜ ์žˆ๋‹ค. let user = { Name: 'yjin', Age: 23, Tel: '010-0000-0000', Gender: 'Female' }; ์œ„์™€ ๊ฐ™์ด user๋ผ๋Š” ๋ณ€์ˆ˜์— { } ๋กœ ๊ฐ์‹ผ ๋ฉ์–ด๋ฆฌ๋ฅผ ๋Œ€์ž…ํ•œ ๊ฒƒ์„ ์•Œ์ˆ˜ ์žˆ๋‹ค. { }๋กœ ๊ฐ์‹ผ ๋ฉ์–ด๋ฆฌ๊ฐ€ ๋ฐ”๋กœ ๊ฐ์ฒด(object)์— ํ•ด๋‹นํ•œ๋‹ค. ๊ฐ์ฒด์˜ ๋ถ€๋ถ„๋ณ„ ์ด๋ฆ„์„ ์‚ดํŽด๋ณด์ž. ๐Ÿ“Œ ์†์„ฑ (Property) Name: 'yjin' , Age: 23 ๊ณผ ๊ฐ™์ด ์ฝค๋งˆ(,)๋กœ ๊ตฌ๋ถ„๋˜๋Š” ๊ฒƒ์„ ๊ฐ์ฒด์˜ ์†์„ฑ(Property)์ด๋ผ๊ณ  ํ•œ๋‹ค. - ์œ„ ์˜ˆ์‹œ์—๋Š” ์ด 4๊ฐœ์˜ ์†์„ฑ์ด ์กด์žฌํ•˜๋Š” ๊ฒƒ. ์†์„ฑ๋ผ๋ฆฌ๋Š” ์‰ผํ‘œ๋กœ ๊ตฌ๋ถ„ํ•ด์ค€๋‹ค. ๊ผญ ์ค„๋ฐ”๊ฟˆ์„ ํ•ด์•ผํ•˜๋Š” ๊ฒƒ์€ ์•„๋‹ˆ..

WEB STUDY/JAVASCRIPT 2022. 1. 17. 12:07