220415

์˜ค๋‹ยท2022๋…„ 4์›” 15์ผ
0
post-thumbnail

๐ŸŽฏKEEP

  • 5์‹œ์˜ ์„ธ์ƒ์€ ๊ณ ์š”ํ•˜๋‹ค
    • ์˜ค๋Š˜๋„ ์˜ˆ์ •ํ•œ ์‹œ๊ฐ„์— ์ž˜ ์ผ์–ด๋‚ฌ๋‹ค! ํ•ด ๋œจ๊ธฐ ์ „์ด๋ผ ์•„์ง ์บ„์บ„ํ•˜๊ณ  ๊ฐ„๊ฐ„์ด ์ง€๋‚˜๋‹ค๋‹ˆ๋Š” ์ž๋™์ฐจ ์†Œ๋ฆฌ ๋ง๊ณ ๋Š” ์ •๋ง ๊ณ ์š”ํ•œ๋ฐ ๊ธฐ๋ถ„์€ ์ข‹๋‹ค. ํ•˜๋ฃจ์ข…์ผ ์ด๋ ‡๊ฒŒ ์กฐ์šฉํ–ˆ์œผ๋ฉด...
  • ๊ณ„์‚ฐ๊ธฐ ๋งŒ๋“ค๊ธฐ

    - ๋„ˆ๋ฌด ๊ฐ„๋‹จํ•˜๊ณ  ์‰ฌ์›Œ์„œ ํฌํด์šฉ์œผ๋กœ ์“ฐ์ง€ ๋ง๋ผ๊ณ  ํ•˜์ง€๋งŒ, ์—ฐ์Šต์€ ํ•ด๋ด์•ผ ํ•˜์ง€ ์•Š๋‚˜! ๊ทธ๋ฆฌ๊ณ  ์‰ฌ์šฐ๋ฉด์„œ๋„ ์€๊ทผํžˆ ์ž˜ ๋ชจ๋ฅด๊ณ  ์žˆ๋˜ ๊ฐœ๋… ์ •๋ฆฌํ•˜๊ธฐ์— ์•„์ฃผ ์ข‹๋‹ค.
    - input์˜ value๊ฐ’์€ input ์š”์†Œ์˜ ์ž…๋ ฅ ํ•„๋“œ์— ๋‚˜ํƒ€๋‚˜๋Š” ์ดˆ๊ธฐ๊ฐ’์œผ๋กœ, placeholder์ฒ˜๋Ÿผ ๋ฏธ๋ฆฌ ์ž๋ฆฌ๋ฅผ ์ฐจ์ง€ํ•˜๊ณ  ์žˆ๋‹ค.
    - CSS ๊ทธ๋ฆฌ๋“œ๋ฅผ ์ ์šฉํ•  ๋•Œ span n;๋ผ๊ณ  ์ ์šฉํ•˜๋ฉด, n์นธ์„ ํ•˜๋‚˜์˜ ๋ฒ”์œ„๋กœ ์‚ฌ์šฉํ•œ๋‹ค.
    - CSS ์ดˆ๊ธฐํ™”(?)ํ•  ๋•Œ, body๋‚˜ html์— ์ ์šฉํ•˜์ง€ ์•Š๊ณ  * ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ๋” ์ข‹์€ ๋“ฏ?
    - ๋”ฐ๋กœ ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ๋งŒ๋“ค์ง€ ์•Š๊ณ ๋„ ๊ฐ€๋Šฅํ•˜๋‹ค๊ณ ?! ์‹ถ์—ˆ์œผ๋‚˜ ๊ตฌ๊ธ€๋ง์„ ํ•ด๋ณด๋‹ˆ eval() ํ•จ์ˆ˜๋Š” ์“ฐ์ง€ ๋ง๋ผ๊ณ  ํ•œ๋‹ค. ๋‹ค์‹œ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋งŒ๋“ค ๋•Œ๋Š” if๋ฌธ์„ ์จ์„œ ๊ตฌํ˜„ํ•ด ๋ด์•ผ๊ฒ ๋‹ค.
  • The Web Developer Bootcamp
    • ๊ฐ์ฒด ๋‚ด๋ถ€ ํ”„๋กœํผํ‹ฐ์˜ ๋ชจ๋“  key๋Š” ๋ฐ์ดํ„ฐ ํƒ€์ž…์— ์ƒ๊ด€์—†์ด ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜๋จ
    • for ... of๋ฌธ์„ ์‚ฌ์šฉํ•˜๋ฉด for๋ฌธ์œผ๋กœ ๋‹จ์ˆœ ๋ฐ˜๋ณตํ•œ ์ฝ”๋“œ๋ฅผ ๋” ์ค„์ผ ์ˆ˜ ์žˆ๋‹ค.
    • ๋ณ€์ˆ˜๋ฅผ ํ• ๋‹นํ•  ๋•Œ, ๋ณ€์ˆ˜๋ช…์„ ๋จผ์ € ์“ฐ์ง€ ๋ง๊ณ  ๋ณ€์ˆ˜ ์•ˆ์— ๋“ค์–ด๊ฐˆ ๋‚ด์šฉ์„ ๋จผ์ € ์“ฐ๋Š” ๊ฒŒ ๋ณ€์ˆ˜์— ๋Œ€ํ•ด ์ดํ•ด๊ฐ€ ๋” ์ž˜๋œ๋‹ค. ๋‹จ์ˆœํžˆ ๋ณ€์ˆ˜ ํ•˜๋‚˜๋ฅผ ์„ ์–ธํ•˜๊ณ  ํ• ๋‹นํ•  ๋•Œ๋Š” ๋ฌธ์ œ๊ฐ€ ์•ˆ ๋˜์ง€๋งŒ, ๋ณ€์ˆ˜๋ฅผ ๋‹ค๋ฅธ ๋ณ€์ˆ˜์— ๋ฎ์–ด์“ฐ๊ณ  ์ €์žฅํ•˜๋Š” ์ด๋Ÿฐ ๋ฉ”์นด๋‹ˆ์ฆ˜์ด ํ•œ ๋ฒˆ์”ฉ ์ดํ•ด๊ฐ€ ์•ˆ ๋์—ˆ๋Š”๋ฐ ์ง€๊ธˆ๊นŒ์ง€ ํ•˜๋˜ ๊ฒƒ์—์„œ ๋ฐ˜๋Œ€๋กœ ์ ‘๊ทผํ•˜๋‹ˆ ๋ญ”๊ฐ€ ์ดํ•ด๊ฐ€ ์ž˜ ๋œ๋‹ค. ๋ง์ด ์ข€ ์ด์ƒํ•œ๋ฐ ๋ญ... ์•„๋ฌดํŠผ ๊นจ๋‹ฌ์Œ์„ ์–ป์—ˆ๋‹ค!
    • for๋ฌธ๊ณผ while๋ฌธ์„ ์ด์šฉํ•ด์„œ Guessing number ๊ฒŒ์ž„์„ ๋งŒ๋“ค์—ˆ๋‹ค. ์ฒ˜์Œ์—๋Š” ์ด๊ฒŒ ๋ญ”๊ฐ€ ์‹ถ์—ˆ๋Š”๋ฐ ํ•˜๋‚˜ํ•˜๋‚˜ ๋”ฐ๋ผ๊ฐ€๋ณด๋‹ˆ ๋ฐ˜๋ณต๋ฌธ๋งŒํผ ์ง๊ด€์ ์ด๊ณ  ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šด ๊ฒƒ๋„ ์—†๋Š” ๋“ฏ. ์˜ˆ์ œ ์ฝ”๋“œ์™€ ๊ฑฐ์˜ ์œ ์‚ฌํ•ด์„œ ์œ ์ถœํ•  ์ˆ˜๋Š” ์—†์ง€๋งŒ, ๋งˆ์ง€๋ง‰ ์ฝ”๋“œ๋ฅผ ์‚ด์ง ๋ฐ”๊ฟ”๋ณด์•˜๋‹ค. ์ž˜ ์ž‘๋™ํ•˜๋Š”๊ตฐ.
		//์˜ˆ์ œ(์‚ด์ง ๋ณ€ํ˜•)
		if (guess === 'q') {
			alert("Okay, You quit!")
		} else {
			alert(`Congratulation! You win in ${attempts} try!`);
		}

		//๋‚ด ์ฝ”๋“œ
		if (parseInt(guess) === targetNum) {
			alert(`You win! You did ${attepts} try!`);
		} else { 
			alert("Okay, bye!");
		}
  • ๋Œ€์‹œ๋ณด๋“œ ์™„์„ฑ
    • ์ž˜ ๋งŒ๋“ค์ง€๋Š” ์•Š์•˜์ง€๋งŒ ์ผ๋‹จ ๊ตฌ์ƒ‰์ด๋ผ๋„ ๊ฐ–์ถฐ์„œ ์™„์„ฑ...! ๋งŒ๋“ค๋ฉด์„œ ๋ฐฐ์šด ๊ฑฐ ํ† ๋Œ€๋กœ ์•ž์œผ๋กœ ๋‚˜์•„๊ฐ€๊ฒ ์–ด.

๐ŸŽฏTRY

  • ์ƒ๊ฐ ๊ณ ์ณ๋จน๊ธฐ
    • ๊ฐœ๋ฐœ ๊ณต๋ถ€์— ๋ฐœ ๋“ค์—ฌ๋†“๋˜ ์ฆˆ์Œ, ๊ณต๋ถ€๋ฒ•์ด๋‚˜ ํŒ์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ์ •๋ง ๋งŽ์ด ์ฐพ์•„๋ดค์—ˆ๋‹ค. ๋‚จ๋“ค์ด ํ•˜์ง€ ๋ง๋ผ๋Š” ๊ฑด ์•ˆ ํ•˜๊ณ , ์ข‹๋‹ค๊ณ  ํ•˜๋Š” ๊ฑด ๋”ฐ๋ผ ํ•˜๋ ค๊ณ . ๊ณต๋ถ€ 3๊ฐœ์›”์ด ๋‹ค ๋˜์–ด๊ฐ€๋Š” ์ง€๊ธˆ ์ƒ๊ฐํ•ด ๋ณด๋ฉด ๊ทธ๋•Œ ๊ทธ ํ–‰๋™์€ ์ข‹๊ธฐ๋„ ํ•˜๊ณ  ์•ˆ ์ข‹์€ ๊ฒƒ ๊ฐ™๊ธฐ๋„ ํ•˜๋‹ค. ๋ง‰์—ฐํ•˜๋˜ ๊ณต๋ถ€๋ฐฉ๋ฒ•์„ ์ •๋ฆฝํ•˜๊ฒŒ ๋œ ๊ฑด ์ข‹์ง€๋งŒ, ๋„ˆ๋ฌด ๋งŽ์€ ๊ฑธ ๋ด์„œ ์ดˆ๋ณด ๋‹จ๊ณ„์—์„œ๋ถ€ํ„ฐ ์ด๋Ÿฐ์ €๋Ÿฐ ๊ฑธ ๋‹ค ํ•ด์•ผ ๋œ๋‹ค๋Š” ๊ฐ•๋ฐ•๊ฐ์ด ์ƒ๊ฒผ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์‹ค์ œ๋กœ ๋‚˜๋Š” ๊ฒจ์šฐ ํด๋ก  ์ฝ”๋”ฉ ํ•˜๋‚˜ ์ œ๋Œ€๋กœ ํ•ด๋ดค์Œ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ํ† ์ด ํ”„๋กœ์ ํŠธ๋„ ์—ฌ๋Ÿฌ ๊ฐœ ํ•ด์•ผ ํ•  ๊ฒƒ ๊ฐ™์•„์„œ ์‹œ๋„ํ•ด๋ณด์•˜๊ณ (๋ฌผ๋ก  ๋งํ•จ), ํฌํŠธํด๋ฆฌ์˜ค๋„ ์ง€๊ธˆ์ฏค ํ•˜๋‚˜๋Š” ์žˆ์–ด์•ผ ํ•  ๊ฒƒ ๊ฐ™์•„์„œ ์‹œ๋„ํ•ด๋ณด์•˜๊ณ (๋งํ•˜์ง€๋Š” ์•Š์•˜์ง€๋งŒ ์ˆ˜์ค€์ด ์ฒ˜์ฐธ), ๋ฐ”๋กœ ์˜ค๋Š˜ ์˜ค์ „๊นŒ์ง€๋„ ์œ ํŠœ๋ธŒ์— ์˜ฌ๋ผ์˜จ ์—ฌ๋Ÿฌ ํ”„๋กœ์ ํŠธ ๊ฐ•์˜๋“ค์„ ๋ณด๋ฉฐ ๋”ฐ๋ผํ•˜๋ ค๊ณ  ํ–ˆ๋‹ค.
    • ๊ทธ๋Ÿฌ๋‹ค ๋‚ด๋ฆฐ ๊ฒฐ๋ก ์€, ์ผ๋‹จ ๊ทธ๋Ÿฐ ๊ฒƒ๋“ค์„ ์ „๋ถ€ ํ•˜์ง€ ๋ง์ž๋Š” ๊ฑฐ๋‹ค. ๋‚˜์ค‘์—๋Š” ํ•ด์•ผ๊ฒ ์ง€, ๊ทธ๋Ÿฌ๋‚˜ ์ง€๊ธˆ์€ ์•„๋‹ˆ๋‹ค. ์ง€๊ธˆ์€ ๊ฐ•์˜ ์—ด์‹ฌํžˆ ๋“ค์œผ๋ฉด์„œ ๋‚ด์šฉ์„ ๋‚ด ๊ฒƒ์œผ๋กœ ๋งŒ๋“ค๊ณ , ์˜ˆ์ œ ์—ด์‹ฌํžˆ ๋”ฐ๋ผํ•˜๋ฉด์„œ ์ฝ”๋“œ ์งœ๋Š” ๋ฒ•์„ ๋ฐฐ์›Œ์•ผ ํ•  ๋•Œ์ด๋‹ค. ๋ญ, HTML๊ณผ CSS๋กœ๋งŒ ๋งŒ๋“œ๋Š” ๋žœ๋”ฉ ํŽ˜์ด์ง€ ์ •๋„๋Š” ๋งŒ๋“ค์–ด๋„ ๋˜๊ฒ ์ง€. ํ•˜์ง€๋งŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊นŒ์ง€ ์ž˜ ์กฐํ•ฉํ•ด์„œ ๋ฉ‹๋“ค์–ด์ง„ ๋ฌด์–ธ๊ฐ€๋ฅผ ๋งŒ๋“ค๋ ค๋Š” ๊ฒƒ ์ž์ฒด๊ฐ€ ์š•์‹ฌ์ธ ๋“ฏํ•˜๋‹ค. ๋‚ด๊ฐ€ ํ‰์ƒ ๊ฐœ๋ฐœ์ž ์ผ์„ ํ• ์ง€๋Š” ๋ชจ๋ฅด๊ฒ ์œผ๋‚˜, ์–ด์จŒ๋“  ์ผ๋‹จ ๋˜๋ฉด ์ตœ์†Œ ๋ช‡ ๋…„์€ ์ด ์ผ์„ ํ•  ํ…๋ฐ ๊ฒจ์šฐ ๋ช‡ ๊ฐœ์›” ๊น”์ง๊ฑฐ๋ฆฐ ์ง€์‹์œผ๋กœ ๊ทธ ์ง์—…์„ ์‰ฝ๊ฒŒ ์–ป์„ ์ˆ˜ ์žˆ์„ ๊ฑฐ๋ผ๋Š” ์ƒ๊ฐ ์ž์ฒด๊ฐ€ ํ‹€๋ ธ๋‹ค. ์žฅ๊ธฐ์ ์œผ๋กœ ๋ณด๊ณ  ๋„ˆ๋ฌด ์„œ๋‘๋ฅด์ง€ ๋ง์•„์•ผ์ง€. ๊ทผ๋ฐ ์ด๋Ÿฐ ๋ง์„ ์ด๋ฒˆ ๋‹ฌ๋งŒ ๋ฒŒ์จ ๋ช‡ ๋ฒˆ์งธ ํ•˜๋Š”์ง€...~ ์ด์ œ ์ง„์งœ ๋งˆ์ง€๋ง‰์œผ๋กœ ์ƒ๊ฐํ•˜๊ณ , ์•ž์œผ๋กœ๋Š” ๋‹ค๋ฅธ ๊ธธ๋กœ ์•ˆ ์ƒˆ๊ณ  ๊ฐ•์˜๋‚˜ ์™„๊ฐ•ํ•  ๊ฑฐ๋‹ค! ์ง„์งœ๋กœ!

0๊ฐœ์˜ ๋Œ“๊ธ€