๐ฏ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๋ก๋ง ๋ง๋๋ ๋๋ฉ ํ์ด์ง ์ ๋๋ ๋ง๋ค์ด๋ ๋๊ฒ ์ง. ํ์ง๋ง ์๋ฐ์คํฌ๋ฆฝํธ๊น์ง ์ ์กฐํฉํด์ ๋ฉ๋ค์ด์ง ๋ฌด์ธ๊ฐ๋ฅผ ๋ง๋ค๋ ค๋ ๊ฒ ์์ฒด๊ฐ ์์ฌ์ธ ๋ฏํ๋ค. ๋ด๊ฐ ํ์ ๊ฐ๋ฐ์ ์ผ์ ํ ์ง๋ ๋ชจ๋ฅด๊ฒ ์ผ๋, ์ด์จ๋ ์ผ๋จ ๋๋ฉด ์ต์ ๋ช ๋
์ ์ด ์ผ์ ํ ํ
๋ฐ ๊ฒจ์ฐ ๋ช ๊ฐ์ ๊น์ง๊ฑฐ๋ฆฐ ์ง์์ผ๋ก ๊ทธ ์ง์
์ ์ฝ๊ฒ ์ป์ ์ ์์ ๊ฑฐ๋ผ๋ ์๊ฐ ์์ฒด๊ฐ ํ๋ ธ๋ค. ์ฅ๊ธฐ์ ์ผ๋ก ๋ณด๊ณ ๋๋ฌด ์๋๋ฅด์ง ๋ง์์ผ์ง. ๊ทผ๋ฐ ์ด๋ฐ ๋ง์ ์ด๋ฒ ๋ฌ๋ง ๋ฒ์จ ๋ช ๋ฒ์งธ ํ๋์ง...~ ์ด์ ์ง์ง ๋ง์ง๋ง์ผ๋ก ์๊ฐํ๊ณ , ์์ผ๋ก๋ ๋ค๋ฅธ ๊ธธ๋ก ์ ์๊ณ ๊ฐ์๋ ์๊ฐํ ๊ฑฐ๋ค! ์ง์ง๋ก!