TIL 4 : ๋ฐ˜๋ณต๋ฌธ (JavaScript)

๋ฐ˜๋ณต๋ฌธ

๋ง ๊ทธ๋Œ€๋กœ ๋ฐ˜๋ณต์‹œํ‚ค๋Š” ๊ตฌ๋ฌธ.

๊ฐ™๊ฑฐ๋‚˜ ๋น„์Šทํ•œ ์ฝ”๋“œ๋ฅผ ์—ฌ๋Ÿฌ๋ฒˆ ์‹คํ–‰์‹œ์ผœ์•ผ ํ•  ๊ฒฝ์šฐ์— ํšจ์œจ์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ๊ฐ™์€ ์ฝ”๋“œ๋ฅผ ๊ทธ๋Œ€๋กœ ์“ฐ์ง€ ์•Š๊ณ  ๋ฐ˜๋ณต๋ฌธ์„ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐ˜๋ณต๋ฌธ์—๋Š” 2๊ฐ€์ง€ ์ข…๋ฅ˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

 

for ๊ตฌ๋ฌธ

๋ฐ˜๋ณตํ•  ์กฐ๊ฑด์„ ์ดˆ๊ธฐํ™” (n=0) , ์กฐ๊ฑด์‹ (n<5) , ์ฆ๊ฐ๋ฌธ (n=n+1) ์ˆœ์œผ๋กœ ์†Œ๊ด„ํ˜ธ ์•ˆ์— ๋„ฃ์–ด์ค๋‹ˆ๋‹ค. ์ดํ›„ ๋ฐ˜๋ณตํ•  ๋‚ด์šฉ์„ ์ค‘๊ด„ํ˜ธ ์•ˆ์— ๋„ฃ์–ด์ค๋‹ˆ๋‹ค.

let sum;
for (n=0; n<5; n=n+1) {
	sum=sum+n;
    }

 

 

์ด์ค‘ for๋ฌธ

for๋ฌธ ์•ˆ์— for๋ฌธ์ด ์žˆ๋Š” ํ˜•ํƒœ์ž…๋‹ˆ๋‹ค. ์‹œ๊ณ„์ฒ˜๋Ÿผ ์‹œ, ๋ถ„์˜ ๊ฐœ๋…์œผ๋กœ ์ƒ๊ฐํ•˜์‹œ๋ฉด ์ข‹์„ ๋“ฏ ํ•ฉ๋‹ˆ๋‹ค!

for(var i=0; i<10; i++){
    for(var j=0; j<10; j++){
    }
}

 

 

while ๊ตฌ๋ฌธ

์ฒซ๋ฒˆ์งธ for๋ฌธ๊ณผ์˜ ์ฐจ์ด์ ์€ ์ดˆ๊ธฐํ™”, ์ฆ๊ฐ๋ฌธ ์œ„์น˜์ž…๋‹ˆ๋‹ค. ๋ฐ˜๋ณตํ•  ์กฐ๊ฑด ์ค‘ ์ดˆ๊ธฐํ™”, ์ฆ๊ฐ๋ฌธ์€ ๋”ฐ๋กœ ์จ์ฃผ๊ณ , ์กฐ๊ฑด์‹๋งŒ ๊ด„ํ˜ธ ์•ˆ์— ๋„ฃ์–ด์ค๋‹ˆ๋‹ค. ๋‘๋ฒˆ์งธ ์ฐจ์ด์ ์€ ๋ช‡ ๋ฒˆ ๋ฐ˜๋ณตํ•ด์„œ ์‹คํ–‰ํ•˜๋ฉด ๋˜๋Š”์ง€๋ฅผ ์•Œ ๋•Œ ์ฃผ๋กœ for๋ฌธ์„ ์‚ฌ์šฉํ•˜๊ณ , ๋ชจ๋ฅผ ๋•Œ while๋ฌธ์„ ์‚ฌ์šฉํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

let sum=1;
let n=1;
while (n<=4) {
	sum=sum+n;
    n=n+1;
}
console.log(sum);

 

 

๋ฐ˜๋ณต๋ฌธ ์ข…๋ฃŒ๋ฐฉ๋ฒ•

1. break

    break๋ฌธ์„ ๋งŒ๋‚˜๋ฉด ๊ทธ ์ฆ‰์‹œ ์‹คํ–‰์„ ๋ฉˆ์ถ”๊ณ  ๋ฐ˜๋ณต๋ฌธ์„ ์ข…๋ฃŒํ•ฉ๋‹ˆ๋‹ค

 

2. continue

    ํŠน์ • ์กฐ๊ฑด์„ ์ถฉ์กฑํ–ˆ์„ ๋•Œ, ๊ทธ ์กฐ๊ฑด์— ๋งŒ์กฑํ•˜๋Š” ๊ฐ’์„ ๋งŒ๋‚˜๋ฉด ๋‹ค์Œ์œผ๋กœ ๋„˜์–ด๊ฐ‘๋‹ˆ๋‹ค.

 

3. return

    break๋ฌธ์€ ๋ฐ˜๋ณต๋ฌธ๋งŒ ์ข…๋ฃŒ์‹œ์ผฐ๋˜ ๋ฐ˜๋ฉด, return์€ ๋ฐ˜๋ณต๋ฌธ๊ณผ ๋ฐ˜๋ณต๋ฌธ์„ ํฌํ•จํ•˜๊ณ  ์žˆ๋Š” ํ•จ์ˆ˜ ์ž์ฒด๋ฅผ ์ข…๋ฃŒ์‹œํ‚ต๋‹ˆ๋‹ค.

 

 

Coplit

๋ฐ˜๋ณต๋ฌธ ์ฝ”ํ”Œ๋ฆฟ ๋ฌธ์ œ๋ฅผ ํ’€ ๋•Œ ํŒŒ์ด์ฌ๊ณผ ๋‹ฌ๋ฆฌ ํ™€์ˆ˜๋ฅผ ํ‘œํ˜„ํ•  ๋•Œ 2n-1์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์–ด์„œ ์–ด๋ ค์›€์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๋Œ€์‹  ๋ณ€์ˆ˜ 2๊ฐœ๋ฅผ ์„ ์–ธํ•ด์„œ ํ™€์ˆ˜์˜ ๊ฐœ์ˆ˜์™€ ํ™€์ˆ˜๋ฅผ ๋”ฐ๋กœ๋”ฐ๋กœ ํ• ๋‹นํ–ˆ์Šต๋‹ˆ๋‹ค.

 

Sprint Review

์ œ๊ฐ€ ๋ถ€ํŠธ์บ ํ”„ ๋“ค์–ด๊ฐ€๊ธฐ ์ „ ํ•œ ์œ ํŠœ๋ฒ„ ๋ถ„์ด ๋ถ€ํŠธ์บ ํ”„ ์ดํ›„์˜ ์‚ถ์„ ๋ธŒ์ด๋กœ๊ทธ๋กœ ์˜ฌ๋ ค์ฃผ์‹  ๊ฑธ ์ข…์ข… ๋ดค์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทผ๋ฐ ์˜ค๋Š˜ ๋”ฑ ๊ทธ ๋ถ„์ด ํŠœํ„ฐ์ด์‹œ๋”๋ผ๊ตฌ์š”? ๊ทธ๋ž˜์„œ ํ˜ผ์ž์„œ ๋‚ด์ ์นœ๋ฐ€๊ฐ ๋А๋ผ๋ฉฐ ์—ด์‹ฌํžˆ ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ์กฐ๊ฑด๋ฌธ๊ณผ ๋ฐ˜๋ณต๋ฌธ์˜ ์ค‘์š” ํฌ์ธํŠธ๋ฅผ ์งง๊ฒŒ์งง๊ฒŒ ์งš์–ด์ฃผ์…”์„œ ๋ฆฌ๋งˆ์ธ๋“œํ•˜๋Š” ๋ฐ ๋งค์šฐ ์ข‹์•˜์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์„ธ์…˜ ์ดํ›„ ์—ฌ๋Ÿฌ ๊ฟ€ํŒ๋“ค ์•Œ๋ ค์ฃผ์…”์„œ ์ข‹์•˜๊ตฌ์š”!! ๊ทธ๋ฆฌ๊ณ  ์„ธ์…˜ ์ดํ›„ ์‹œํ—˜ ๋Œ€๋น„ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ฝ”ํ”Œ๋ฆฟ์„ ๋งŽ์ด ํ‘ธ๋Š”๊ฒŒ ๋„์›€์ด ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

 

 

์˜ค๋Š˜๋กœ JavaScript๋ฅผ ๋งˆ๋ฌด๋ฆฌ ํ–ˆ์Šต๋‹ˆ๋‹ค. 3์ผ์ด๋ผ๋Š” ์งง์€ ์‹œ๊ฐ„์ด์—ˆ์ง€๋งŒ ์•„์ฃผ ๊ณ ๋†์ถ•์œผ๋กœ ์ œ๋Œ€๋กœ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์˜ค๋žœ๋งŒ์— ์ด๋ ‡๊ฒŒ ํ•˜๋ฃจ์ข…์ผ ๊ณต๋ถ€๋ฅผ ํ•˜๋‹ˆ ์ข€ ํ”ผ๊ณคํ•˜๊ธด ํ•œ๋ฐ ๊ทธ๋ž˜๋„ ๋‚˜๋ฆ„ ์กฐ๊ธˆ์”ฉ ์ ์‘ํ•ด ๊ฐ€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค! ์šด๋™๋„ ๊พธ์ค€ํžˆ ์ค‘๊ฐ„์ค‘๊ฐ„ ํ•˜๋ฉฐ ๋ฆฌํ”„๋ ˆ์‹œํ•ด์ฃผ๋‹ˆ๊น ์˜คํžˆ๋ ค ๊ณต๋ถ€์˜ ํšจ์œจ์„ฑ์ด ์˜ฌ๋ผ๊ฐ€๋Š” ๊ฒƒ ๊ฐ™๋„ค์š”.

๋‚ด์ผ๋ถ€ํ„ฐ HTML๊ณผ CSS๋ฅผ ๋ฐฐ์šฐ๊ฒŒ ๋˜๋Š”๋ฐ์š”! ์ด ํŒŒํŠธ๋Š” ์ œ๊ฐ€ 3์›”์— ์ƒํ™œ์ฝ”๋”ฉ์œผ๋กœ ๊ธฐ์ดˆ ๋ถ€๋ถ„์€ ๋ฐฐ์›Œ์„œ ๋ฐฐ์šฐ๋Š” ๋ฐ ๋‚˜๋ฆ„ ์ˆ˜์›”ํ•˜์ง€ ์•Š์„๊นŒ ๊ธฐ๋Œ€ํ•ด๋ด…๋‹ˆ๋‹คใ…Žใ…Ž

'TIL > JavaScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

TIL 11: ๋ฐฐ์—ด  (0) 2021.08.02
TIL6: ๋ณต์Šต  (0) 2021.07.24
TIL 3 : ๋ฌธ์ž์—ด (JavaScript)  (0) 2021.07.21
TIL 2 (4) : ์กฐ๊ฑด๋ฌธ (JavaScript)  (0) 2021.07.20
TIL 2 (3) : ํ•จ์ˆ˜ (JavaScript)  (0) 2021.07.20