๐ ๊ฐ๋ฐ์์ ๊ธ์ฐ๊ธฐ
๊ฐ๋ฐ์์ ๊ธ์ฐ๊ธฐ๋ฅผ ์ฝ๊ณ
์ ๋ชฉ | ๋ ์์ผ | ์ถํ์ฌ |
---|---|---|
๊ฐ๋ฐ์์ ๊ธ์ฐ๊ธฐ | 2022/03/10 | ์ํค๋ถ์ค |
๋ฌธ์ฅ, ๋จ๋ฝ ๊ตฌ์กฐํ
- ๊ธ๋ก ํํํ๋ 3๊ฐ์ง ๋ฐฉ๋ฒ
- ์์ ์: โ~๋ค.โ ๋ก ๋๋๋ ์์ ํ ๋ฌธ์ฅ์ผ๋ก ๊ตฌ์ฑ.
- ์์, ๋จ๊ณ๋ฅผ ๋ํ๋ผ๋
1, 2, 3, ๊ฐ, ๋, ๋ค
๋ฑ์ ์ด์ฉ. - ex) ์์ค, ์ ๋ฌธ๊ธฐ์ฌ, ๊ฐ๋ฐ ๊ฐ์ด๋ ๋ฌธ์
- ์์, ๋จ๊ณ๋ฅผ ๋ํ๋ผ๋
- ๊ฐ์กฐ์: ์ฌํญ์ ๋์ดํจ. ๋ช
์ฌํ์ผ๋ก ๋๋จ. ๊ธ๋จธ๋ฆฌ ๊ธฐํธ ํ์.
- ๊ธ๋จธ๋ฆฌ ๊ธฐํธ์ ์ข
๋ฅ
- ์ค๋ช
: ๊ตฌ์ฒด์ ์ธ ๋ด์ฉ ์ค๋ช
, ๋์ด ์,
โข, โ, โ, โป, *, โก, โ
๊ธฐํธ ์ฌ์ฉ - ํ์ ์ผ ์๋ก ์ฆ์๋ โ ๋ค์ฌ์ฐ๊ธฐ์ ํฌ๊ธฐ ์กฐ์ .
- ์ค๋ช
: ๊ตฌ์ฒด์ ์ธ ๋ด์ฉ ์ค๋ช
, ๋์ด ์,
- ex) ์ ๋ฌธ ํค๋๋ผ์ธ, ๋ฆด๋ฆฌ์ค ๋ฌธ์, ์ฅ์ ๋ณด๊ณ ์
- ๊ธ๋จธ๋ฆฌ ๊ธฐํธ์ ์ข
๋ฅ
- ๋์: ๊ทธ๋ฆผ์ด๋ ์์์ผ๋ก ๋ณด์ฌ์ค.
- ๋ด์ฉ์ ๊ทธ๋ฆผ์ผ๋ก ๋ํ๋ผ ๋, ์์ญ์
โ
์ํ ์ซ์๋ก ํ์. - ex) ํ(๊ธ), ๋ํ(๊ทธ๋ฆผ)
- ๋ด์ฉ์ ๊ทธ๋ฆผ์ผ๋ก ๋ํ๋ผ ๋, ์์ญ์
- ์์ ์: โ~๋ค.โ ๋ก ๋๋๋ ์์ ํ ๋ฌธ์ฅ์ผ๋ก ๊ตฌ์ฑ.
- ๋จ๋ฝ์ ๊ตฌ์กฐํ ํ๋ ์๊ณ
- ์๊ณ : ์์น์ ๊ณ์ธต์ ํฉ์น ๋ง.
- ์๊ณ๋ ๊ตต๊ธฐ์ ๋ฐ์ค ๋ฑ์ผ๋ก ๋ํ๋ผ ์ ์๋ค.
- ๋ฌธ์ฅ ๋ถํธ
- ์ฑ
์ ๋ชฉ์ด๋ ์ ๋ฌธ ์ด๋ฆ ๋ฑ์
" "
์ ์ฌ์ฉ. - ์์ ๋ชฉ์ด๋ ์์ ์ํ ์ ๋ชฉ, ์ํธ, ๋ฒ๋ฅ , ๊ท์ , ๊ฐ์กฐํ๊ฑฐ๋ ๋น๊ตํด์ ๋๋ฌ๋ด์ผ ํ ๋๋
' '
์ ์ฌ์ฉ.
- ์ฑ
์ ๋ชฉ์ด๋ ์ ๋ฌธ ์ด๋ฆ ๋ฑ์
- ์์ด ๋จ์ด ์ ํ๊ณผ ์ธ๋์ด ํ๊ธฐ๋ฒ
- ์ด๋ฏธ ๊ตณ์ด์ง ์ธ๋์ด๋ ๊ด์ฉ์ ์กด์คํ๋, ๊ทธ ๋ฒ์์ ์ฉ๋ก๋ ๋ฐ๋ก ์ ํ๋ค.
์ด๋ฆ ์ง๊ธฐ, ์ฃผ์ ์ฐ๊ธฐ
๋ช ๋ช ๊ท์น
๋ช ๋ช ๊ท์น์ ํ ๋ด ๊ท์น์ด ์ ํด์ ธ์์ผ๋ฉด ์ฌ๋ด ๊ท์น์ ๋ฐ๋ฅธ ๊ฒ์ด ์ข๋ค. ํ์๋ผ๋ฆฌ ์ฝ๋ ์ปจ๋ฒค์ ์ ์ ์ง์ผ์ ์ฝ๋๋ฅผ ์ง ๋ค๋ฉด ์ ์ง๋ณด์๊ฐ ์ข์์ง๋ค.
-
ํ์ค์นผ ํ๊ธฐ๋ฒ์ผ๋ก ํด๋์ค ์ด๋ฆ ์ง๊ธฐ.
interface Menu Class CoffeeMenu implements Menu
-
์นด๋ฉ ํ๊ธฐ๋ฒ์ผ๋ก ํจ์, ๋ณ์์ ์ด๋ฆ ์ง๊ธฐ.
let totalCount = null;
-
์์๋ ๋ชจ๋ ๋๋ฌธ์๋ก ์ด๋ค.
const TOTAL_COUNT = null;
-
ํจํค์ง์ ๋ชจ๋์ ๋ชจ๋ ์๋ฌธ์๋ก ์ด๋ค.
import developerwriting
-
BEM ํ๊ธฐ๋ฒ.
.form__button { ...; }
๋ณ์ ์ด๋ฆ์ ์ ์ง๋ ๋ฒ
- ์๋ฏธ์๋ ๊ธ์๋ฅผ ๋ณ์๋ช ์ผ๋ก ์ง์ง ๋ง์.
- ๊ฒ์์ด ์ ๋๋ ์ด๋ฆ์ผ๋ก ๋ณ์๋ช ์ ์ง์.
- ์ฝ์ด๋ ๋ณดํธ์ ์ผ๋ก ์ฌ์ฉ ๋๋ ๊ฒ์ ์ฐ์.
- ์ค์ํ ๋จ์ด๋ฅผ ์์ ์ฐ์.
์ข์ ์ด๋ฆ์ด ๊ฐ์ง 5๊ฐ์ง ํน์ง
- ๊ฒ์ํ๊ธฐ ์ฝ๊ณ
๊ณ ์ ์ ๋ฒ์ฃผํ(ํน์ ๋์๋ค์ ๋ฌถ์ด ์์ฃผ ๋ฒ์๋ฅผ ๋ง๋ค์ด ์ดํดํ๋ ๊ฒ)๋ฅผ ์ด์ฉํด ํ ๋จ๊ณ ์์ ๋ฒ์ฃผ์ ์ด๋ฆ์ ํ๊ทธ์ฒ๋ผ ๋ง๋ถ์ด๋ฉด ๋๋ค.
- ์กฐํฉํ๊ธฐ ์ฝ๊ณ
๊ฐ๋ฐ ์ธ์ด์ ๋ฌธ๋ฒ๊ณผ ์กฐํฉํด ์ด๋ฆ์ ์ง์ผ๋ฉด ์ฝ๋ค.
- ์๊ธํ๊ธฐ ์ฝ๊ณ
๋์์ ๊ตฌ๋ณํ ํ์ ์๋ค๋ฉด ์ด๋ฆ์ ์๋ก ์ง์ ํ์๊ฐ ์๋ค (ex. for๋ฌธ์ i, j, k์ฒ๋ผ)
- ๊ธฐ์ตํ๊ธฐ ์ฝ๊ณ
๋๋ฆฌ ์๋ ค์ง ์ฉ์ด๋ ๊ทธ๋ฅ ์ฐ๋ ๊ฒ์ด ํจ์จ์ ์ด๋ค. (ex. Hello World)
- ์ ๋ ฅํ๊ธฐ ์ฝ๊ณ
์ฐ์๋๋ ์ฒ ์๋ ์ฃผ์ํ์.
์ฃผ์์ ๋ฌด์กฐ๊ฑด ๋์ ๊น?
์ฃผ์์ ๊ฐ์ด ๊ฐ๋ฐ ํ๋ ์ฌ๋๋ค๊ณผ ์ํต์ ํ ์ ์๊ณ ๋ ์ข์ ์ฝ๋๋ฅผ ๊ณต์ ํ ์ ์๋ ์ข์ ์๋จ์ด๋ผ๊ณ ์๊ฐํ์ง๋ง ๋๋ฌด ๋ง์ด ์ฐ๊ฒ ๋๋ฉด ์ฝ๋๋ฅผ ์ฝ๋๋ฐ ๋ฐฉํด๊ฐ ๋ ์ ์๋ค.
์ฃผ์์ด ์ ์ญํ ์๋ง ์ถฉ์ค ํ๋ค๋ฉด ๋ง๊ณ ์ ๊ณ ๋ ์๊ด์๋ค. ์ฝ๋๋ ์๋ฏธ๋ฅผ, ์ฃผ์์ ์๋๋ฅผ ๋ํ๋๊ฒ ์ฐ๋ฉด ๋๋ค.
์๋ฌ ๋ฉ์ธ์ง
์๋ฌ ๋ฉ์ธ์ง ์์
- ์๋ฌ ๋ด์ฉ: ์ค๋ฅ๋ก ์ธํ ๋ฌธ์ ์ ์ข ๋ฅ
- ์๋ฌ์ ์์ธ: ์ค๋ฅ๋ฅผ ๋ฐ์์ํจ ์ง์ ์ ์ด๊ณ ๊ทผ๋ณธ์ ์ธ ์์ธ
- ์๋ฌ ํด๊ฒฐ ๋ฐฉ๋ฒ: ์ฌ์ฉ์๊ฐ ์ค๋ฅ๋ฅผ ํด๊ฒฐํ ๊ฐ์ฅ ์ฝ๊ณ ๋น ๋ฅธ ๋ฐฉ๋ฒ
์์ธ๊ณผ ๋ด์ฉ์ด ๋ณต์กํ ๋ ๋ฐฉ๋ฒ๋ถํฐ ๋ณด์ฌ์ฃผ๋ ๊ฒ๋ ์ข๋ค.
์๋ฌ ๋ฉ์ธ์ง๋ณด๋ค ์๋ฐฉ ๋ฉ์ธ์ง๋ฅผ ์ฐ์
์๋ฅผ ๋ค์ด ํธํ ์์ฝ ์ ํ ๋ฌ ๊น์ง๋ง ์์ฝ์ ํ ์ ์๋ค๋ฉด ๋ ์ง๋ฅผ ์ ํ ํ ๋ ํ ๋ฌ ๋ค๋ disable ์ฒ๋ฆฌ๋ฅผ ํ๋ ๊ฒ๋ ์ข์ ๋ฐฉ๋ฒ์ด๋ค.
๋ฒํผ์ ํ์ฉ
๋ฒํผ์ ์ฌ์ฉํ ๋, ํ์ธ ๋๋ ์ทจ์๋ง ์ฐ๊ธฐ๋ณด๋จ, ๋ค์ ์ทจํ ํ๋์ ๋งํด์ฃผ๋ ๊ฒ๋ ์ข๋ค ์๋ฅผ ๋ค๋ฉด ํ์ด์ง์์ ๋๊ฐ๊ธฐ ๊ฐ์ด.
๋ฆด๋ฆฌ์ฆ ๋ฌธ์ ์ฐ๊ธฐ
๋ฆด๋ฆฌ์ฆ ๋ฌธ์ ์ฐ๋ ๋จ๊ณ
- ์ ์ ํ๊ธฐ
์ฌ์ฉ์๊ฐ ๋ฃ๊ณ ์ถ๊ณ , ํ์ฌ๊ฐ ๋งํ๊ณ ์ถ๊ณ , ๊ฐ๋ฐ์๊ฐ ์๋ฆฌ๊ณ ์ถ์ ์ฒด์ธ์ง ๋ก๊ทธ๋ฅผ ์ ์ ํ์.
- ๋ถ๋ฅํ๊ธฐ
๊ฐ๋ฐ ๊ด์ ์์ ๋น์ทํ ์์ ์ผ๋ก ๋ฌถ๋ ๋ฐฉ๋ฒ - ๋ณดํต ์ํํธ์จ์ด ๋ฆด๋ฆฌ์ค ๋ฌธ์์์ ์ฌ์ฉํ๋ ์๋ก์ด ๊ธฐ๋ฅ ์ถ๊ฐ, ๊ธฐ๋ฅ ๊ฐ์ ์ค๋ฅ, ์์ ์ผ๋ก ๋ฌถ์ ์ ์๋ค. ์ฌ์ฉ์ ๊ด์ ์์ ๋น์ทํ ๊ฒ๋ผ๋ฆฌ ๋ฌถ๋ ๋ฐฉ๋ฒ
- ์์ฝํ๊ธฐ
๋ฌธ์ฅ ๋จ์๋ก ์์ฝ, ์์ ์ ๋ฌธ์ฅ์ ๊ฐ์กฐ์ ๋ฌธ์ฅ์ผ๋ก ๋ฐ๊พธ๋ ๋ฐฉ๋ฒ์ ์ฐ๋ฉด ๋ด์ฉ์ด ์์ฐ์ค๋ฝ๊ฒ ์ถ์ฝ๋๊ณ ์๋ฏธ๋ ๋ถ๋ช ํด์ง๋ค.
- ์ข
ํฉํ๊ธฐ
๋ด์ฉ ์ ์ฒด๋ฅผ ์ข ํฉํด์ ํ ๋ฌธ์ฅ์ผ๋ก ๋ง๋ค๊ณ ๊ทธ๊ฒ์ ์ฒด์ธ์ง ๋ก๊ทธ ์ฒซ ์ค์ ์ ๋๋ค. ๋จ, ๋ด์ฉ์ ์ข ํฉํ ๋๋ ํต์ฌ์ด ๋๋ ๋ด์ฉ๋ค๋ง ๋ฐ์ทํด์ ์ข ํฉํ๋ค. ์ฒด์ธ์ง ๋ก๊ทธ ์ ์ ํ๊ธฐ ์์ 1์์๋ก ์ ์ ํ๋ ๋ก๊ทธ๋ฅผ ๋ฐ์ทํ๋ ๊ฒ์ด ์ข๋ค.
์ํ
ํ์๊ฐ ์ด ์ฑ ์ ์ฐ ์ด์ ๋ ๊ฐ๋ฐ์๊ฐ ์๊ฐ๋ณด๋ค ๊ธ์ ์จ์ผํ ์ผ์ด ๋ง๋ค๊ณ ๋๊ปด ์กฐ๊ธ์ด๋ผ๋ ๋์์ด ๋๊ณ ์ ๊ตฌ๋งคํ๊ฒ ๋์๋ค. ์ด ์ฑ ์ ๊ธ ๋ฟ๋ง ์๋๋ผ ์ฃผ์, ๋ณ์๋ช ๋ช ๊ท์น์ ๋ํด์๋ ๋งํ๊ณ ์๋๋ฐ ์ด๋ฆ์ ์ง๋ ๊ฒ์ด ์ด๋ ค์ด ์ผ ์ค ํ๋๋ผ๊ณ ๋๋ผ๋ ํ์์๊ฒ ๋ง์ด ๋์์ด ๋์๋ค.