Skip to content

Commit b4fc9ea

Browse files
author
NoahLuftYang
committed
Solve link
1 parent 68729db commit b4fc9ea

File tree

1 file changed

+15
-15
lines changed

1 file changed

+15
-15
lines changed

โ€ŽREADME.mdโ€Ž

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,16 @@
44

55
## ๋ชฉ์ฐจ
66

7-
1. [์šฉ์–ด ์„ค๋ช…](#terminology)
8-
- [๊ทœ์น™ ์„ ์–ธ๋ถ€(Rule declaration)](#๊ทœ์น™ ์„ ์–ธ๋ถ€(Rule declaration))
9-
- [์„ ํƒ์ž(Selectors)](#์„ ํƒ์ž(Selectors))
10-
- [์†์„ฑ(properties)](#์†์„ฑ(properties))
7+
1. [์šฉ์–ด ์„ค๋ช…](#์šฉ์–ด-์„ค๋ช…)
8+
- [๊ทœ์น™ ์„ ์–ธ๋ถ€](#๊ทœ์น™-์„ ์–ธ๋ถ€)
9+
- [์„ ํƒ์ž](#์„ ํƒ์ž)
10+
- [์†์„ฑ](#์†์„ฑ)
1111
1. [CSS](#css)
12-
- [Formatting](#formatting)
13-
- [Comments](#comments)
14-
- [OOCSS and BEM](#oocss-and-bem)
12+
- [ํ˜•์‹](#ํ˜•์‹)
13+
- [์ฃผ์„](#์ฃผ์„)
14+
- [OOCSS์™€ BEM](#oocss์™€-bem)
1515
- [ID ์„ ํƒ์ž](#id-์„ ํƒ์ž)
16-
- [JavaScript hooks](#javascript-hooks)
16+
- [์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ›„ํฌ](#์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ-ํ›„ํฌ)
1717
- [Border](#border)
1818
1. [Sass](#sass)
1919
- [๋ฌธ๋ฒ•](#๋ฌธ๋ฒ•)
@@ -26,9 +26,9 @@
2626

2727
## ์šฉ์–ด ์„ค๋ช…
2828

29-
### ๊ทœ์น™ ์„ ์–ธ๋ถ€(Rule declaration)
29+
### ๊ทœ์น™ ์„ ์–ธ๋ถ€
3030

31-
"๊ทœ์น™ ์„ ์–ธ๋ถ€"๋Š” ํŠน์ • ์†์„ฑ ๊ทธ๋ฃน์„ ๋”ฐ๋ฅด๋Š” ์„ ํƒ์ž(๋˜๋Š” ์„ ํƒ์ž๋กœ ๋ฌถ์ธ ๊ทธ๋ฃน)์—๊ฒŒ ๋ถ€์—ฌ๋˜๋Š” ์ด๋ฆ„์ž…๋‹ˆ๋‹ค. ๋‹ค์Œ ์˜ˆ์‹œ๋ฅผ ์ฐธ์กฐํ•ด์ฃผ์„ธ์š”:
31+
"๊ทœ์น™ ์„ ์–ธ๋ถ€(Rule declaration)"๋Š” ํŠน์ • ์†์„ฑ ๊ทธ๋ฃน์„ ๋”ฐ๋ฅด๋Š” ์„ ํƒ์ž(๋˜๋Š” ์„ ํƒ์ž๋กœ ๋ฌถ์ธ ๊ทธ๋ฃน)์—๊ฒŒ ๋ถ€์—ฌ๋˜๋Š” ์ด๋ฆ„์ž…๋‹ˆ๋‹ค. ๋‹ค์Œ ์˜ˆ์‹œ๋ฅผ ์ฐธ์กฐํ•ด์ฃผ์„ธ์š”:
3232

3333
```css
3434
.listing {
@@ -37,9 +37,9 @@
3737
}
3838
```
3939

40-
### ์„ ํƒ์ž(Selectors)
40+
### ์„ ํƒ์ž
4141

42-
๊ทœ์น™ ์„ ์–ธ๋ถ€์—์„œ, "์„ ํƒ์ž"๋Š” DOM ํŠธ๋ฆฌ์˜ ์–ด๋–ค ์š”์†Œ๋“ค์ด ์ •์˜๋œ ์†์„ฑ(Properties)์œผ๋กœ ๊พธ๋ฉฐ์งˆ์ง€ ๊ฒฐ์ •ํ•˜๋Š” ๋ถ€๋ถ„๋“ค์ž…๋‹ˆ๋‹ค. ์„ ํƒ์ž๋Š” HTML ์š”์†Œ๋“ค, ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํ•œ ์š”์†Œ์˜ ํด๋ž˜์Šค, ID, ๋˜๋Š” ํ•ด๋‹น ์š”์†Œ์˜ ์–ด๋А ์†์„ฑ(attributes)๋“ค๊ณผ๋„ ์—ฐ๊ฒฐ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ์„ ํƒ์ž์— ๋Œ€ํ•œ ์˜ˆ์‹œ๋“ค์ž…๋‹ˆ๋‹ค:
42+
๊ทœ์น™ ์„ ์–ธ๋ถ€์—์„œ, "์„ ํƒ์ž(Selectors)"๋Š” DOM ํŠธ๋ฆฌ์˜ ์–ด๋–ค ์š”์†Œ๋“ค์ด ์ •์˜๋œ ์†์„ฑ(Properties)์œผ๋กœ ๊พธ๋ฉฐ์งˆ์ง€ ๊ฒฐ์ •ํ•˜๋Š” ๋ถ€๋ถ„๋“ค์ž…๋‹ˆ๋‹ค. ์„ ํƒ์ž๋Š” HTML ์š”์†Œ๋“ค, ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํ•œ ์š”์†Œ์˜ ํด๋ž˜์Šค, ID, ๋˜๋Š” ํ•ด๋‹น ์š”์†Œ์˜ ์–ด๋А ์†์„ฑ(attributes)๋“ค๊ณผ๋„ ์—ฐ๊ฒฐ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ์„ ํƒ์ž์— ๋Œ€ํ•œ ์˜ˆ์‹œ๋“ค์ž…๋‹ˆ๋‹ค:
4343

4444
```css
4545
.my-element-class {
@@ -51,9 +51,9 @@
5151
}
5252
```
5353

54-
### ์†์„ฑ(Properties)
54+
### ์†์„ฑ
5555

56-
๋งˆ์ง€๋ง‰์œผ๋กœ, ์†์„ฑ(Properties)์€ ๊ทœ์น™ ์„ ์–ธ๋ถ€์˜ ์„ ํƒ๋œ ์š”์†Œ๋“ค์ด ๊ทธ๋“ค์˜ ์Šคํƒ€์ผ์„ ๊ฐ€์ง€๊ฒŒ ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์†์„ฑ์€ ํ‚ค-๊ฐ’์˜ ์Œ์œผ๋กœ ๊ตฌ์„ฑ๋˜๋ฉฐ, ๊ทœ์น™ ์„ ์–ธ๋ถ€๋Š” ํ•˜๋‚˜ ์ด์ƒ์˜ ์†์„ฑ ์„ ์–ธ๋ถ€๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์†์„ฑ ์„ ์–ธ๋ถ€๋Š” ์•„๋ž˜์™€ ๊ฐ™์€ ํ˜•ํƒœ์ž…๋‹ˆ๋‹ค:
56+
๋งˆ์ง€๋ง‰์œผ๋กœ, "์†์„ฑ(Properties)"์€ ๊ทœ์น™ ์„ ์–ธ๋ถ€์˜ ์„ ํƒ๋œ ์š”์†Œ๋“ค์ด ๊ทธ๋“ค์˜ ์Šคํƒ€์ผ์„ ๊ฐ€์ง€๊ฒŒ ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์†์„ฑ์€ ํ‚ค-๊ฐ’์˜ ์Œ์œผ๋กœ ๊ตฌ์„ฑ๋˜๋ฉฐ, ๊ทœ์น™ ์„ ์–ธ๋ถ€๋Š” ํ•˜๋‚˜ ์ด์ƒ์˜ ์†์„ฑ ์„ ์–ธ๋ถ€๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์†์„ฑ ์„ ์–ธ๋ถ€๋Š” ์•„๋ž˜์™€ ๊ฐ™์€ ํ˜•ํƒœ์ž…๋‹ˆ๋‹ค:
5757

5858
```css
5959
/* ํŠน์ • ์„ ํƒ์ž */ {
@@ -68,7 +68,7 @@
6868

6969
* ๋ถ€๋“œ๋Ÿฌ์šด ํƒญ(๋„์–ด์“ฐ๊ธฐ 2์นธ) ๋“ค์—ฌ์“ฐ๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.
7070
* ํด๋ž˜์Šค ์ด๋ฆ„์—๋Š” camelCase ๋ฐฉ์‹๋ณด๋‹ค ๋Œ€์‹œ(-)๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.
71-
- ๋งŒ์•ฝ ๋‹น์‹ ์ด BEM(์•„๋ž˜ [OOCSS and BEM](#oocss-and-bem) ์ฐธ์กฐ)์„ ์‚ฌ์šฉํ•˜๊ณ  ๊ณ„์‹ ๋‹ค๋ฉด ๋ฐ‘์ค„(_)๊ณผ PalcalCase ๋ฐฉ์‹์„ ์‚ฌ์šฉํ•˜์…”๋„ ๊ดœ์ฐฎ์Šต๋‹ˆ๋‹ค.
71+
- ๋งŒ์•ฝ ๋‹น์‹ ์ด BEM(์•„๋ž˜ [OOCSS and BEM](#oocss์™€-bem) ์ฐธ์กฐ)์„ ์‚ฌ์šฉํ•˜๊ณ  ๊ณ„์‹ ๋‹ค๋ฉด ๋ฐ‘์ค„(_)๊ณผ PalcalCase ๋ฐฉ์‹์„ ์‚ฌ์šฉํ•˜์…”๋„ ๊ดœ์ฐฎ์Šต๋‹ˆ๋‹ค.
7272
* ID ์„ ํƒ์ž๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ๋งˆ์„ธ์š”.
7373
* ๋‹น์‹ ์ด ๊ทœ์น™ ์„ ์–ธ๋ถ€์—์„œ ๋‹ค์ค‘ ์„ ํƒ์ž๋ฅผ ์‚ฌ์šฉํ•˜์‹ค ๋•Œ, ์„ ํƒ์ž๋ฅผ ํ•œ ์ค„์— ํ•œ๊ฐœ์”ฉ ์ ์–ด์ฃผ์„ธ์š”.
7474
* ๊ทœ์น™ ์„ ์–ธ๋ถ€์˜ ์—ฌ๋Š” ๊ด„ํ˜ธ `{` ์ด์ „์— ๋„์–ด์“ฐ๊ธฐ๋ฅผ ๋„ฃ์–ด์ฃผ์„ธ์š”.

0 commit comments

Comments
ย (0)