Skip to content

Commit 57dbccc

Browse files
author
minthing
committed
fix typo and add translation
1 parent 5c0add2 commit 57dbccc

File tree

1 file changed

+23
-23
lines changed

1 file changed

+23
-23
lines changed

โ€Žtranslations/ko-KR/readme.md

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -24,11 +24,11 @@ CSS์Šคํ‚ฌ์„ ํ”„๋กœ์ฒ˜๋Ÿผ ๋งŒ๋“ค์–ด์ฃผ๋Š” ํŒ ๋ชจ์Œ
2424
1. [CSS Reset์„ ์‚ฌ์šฉ](#use-a-css-reset)
2525
1. [`box-sizing`์„ ์ปดํฌ๋„ŒํŠธ๋งˆ๋‹ค ๋ณ€๊ฒฝ](#inherit-box-sizing)
2626
1. [๋ชจ๋“  ํ”„๋กœํผํ‹ฐ๋ฅผ ๋ฆฌ์…‹ํ•˜๋Š” ๋Œ€์‹ ์— `unset`๋ฅผ ์“ด๋‹ค](#use-unset-instead-of-resetting-all-properties)
27-
1. [`:not()` ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Border๋ฅผ ์‚ญ์ œ](#use-not-to-applyunapply-borders-on-navigation)
27+
1. [`:not()` ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ณด๋”๋ฅผ ์‚ญ์ œ](#use-not-to-applyunapply-borders-on-navigation)
2828
1. [๊ธ€๊ผด์ด ๋กœ์ปฌ๋กœ ์„ค์น˜๋˜์–ด ์žˆ๋Š”์ง€ ํ™•์ธ](#check-if-font-is-installed-locally)
2929
1. [`body`์— `line-height` ๋„ฃ๊ธฐ](#add-line-height-to-body)
30-
1. [ํผ ์š”์†Œ์—`: focus`๋ฅผ ์„ค์ •ํ•˜์‹ญ์‹œ์˜ค.](#set-focus-for-form-elements)
31-
1. [์ „๋ถ€ Vertically-Center๋กœ ๋งŒ๋“ค๊ธฐ](#vertically-center-anything)
30+
1. [ํผ ์š”์†Œ์—`: focus`๋ฅผ ์„ค์ •ํ•˜๊ธฐ](#set-focus-for-form-elements)
31+
1. [์ „๋ถ€ ์ˆ˜์ง ์ •๋ ฌ ๋งŒ๋“ค๊ธฐ](#vertically-center-anything)
3232
1. [๋ฆฌ์ŠคํŠธ๋ฅผ ์ฝค๋งˆ๋กœ ๋‚˜๋ˆ„๊ธฐ](#comma-separated-lists)
3333
1. [Negative `nth-child`๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์•„์ดํ…œ ๋‚˜๋ˆ„๊ธฐ](#select-items-using-negative-nth-child)
3434
1. [SVG๋ฅผ ์•„์ด์ฝ˜์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ](#use-svg-for-icons)
@@ -52,7 +52,7 @@ CSS์Šคํ‚ฌ์„ ํ”„๋กœ์ฒ˜๋Ÿผ ๋งŒ๋“ค์–ด์ฃผ๋Š” ํŒ ๋ชจ์Œ
5252

5353
### CSS Reset์„ ์‚ฌ์šฉ
5454

55-
CSS reset์€ ์Šคํƒ€์ผ ์š”์†Œ๋“ค์„ ํ†ตํ•ด ๋ฐฑ์ง€ ์ƒํƒœ์—์„œ ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ €๊ฐ„์˜ ์Šคํƒ€์ผ์˜ ์ผ๊ด€์„ฑ์„ ๊ฐ•ํ™”ํ•˜๋Š”๋ฐ ๋„์›€์„ ์ค๋‹ˆ๋‹ค.ย  You can use a CSS reset library like๋˜ํ•œย [Normalize](http://necolas.github.io/normalize.css/), _et al._, ์™€ ๊ฐ™์€ CSS ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ†ตํ•ด ๋” ๊ฐ„๋žตํ™” ๋œ Reset ์–ดํ”„๋กœ์น˜๋ฅผ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
55+
CSS reset์€ ์Šคํƒ€์ผ ์š”์†Œ๋“ค์„ ํ†ตํ•ด ๋ฐฑ์ง€ ์ƒํƒœ์—์„œ ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ €๊ฐ„์˜ ์Šคํƒ€์ผ์˜ ์ผ๊ด€์„ฑ์„ ๊ฐ•ํ™”ํ•˜๋Š”๋ฐ ๋„์›€์„ ์ค๋‹ˆ๋‹ค.ย ๋˜ํ•œย [Normalize](http://necolas.github.io/normalize.css/), _et al._, ์™€ ๊ฐ™์€ CSS ๋ฆฌ์…‹ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ†ตํ•ด ๋” ์‰ฝ๊ฒŒ reset ํ˜•ํƒœ๋ฅผ ์ทจํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
5656

5757
```css
5858
*,
@@ -132,12 +132,12 @@ button {
132132

133133
<div id="use-not-to-applyunapply-borders-on-navigation"></div>
134134

135-
### `:not()` ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Border๋ฅผ ์‚ญ์ œ
135+
### `:not()` ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ณด๋”๋ฅผ ์‚ญ์ œ
136136

137137
Border๋ฅผ ๋„ฃ๊ฑฐ๋‚˜...
138138

139139
```css
140-
/* add border */
140+
/* ๋ณด๋” ์ถ”๊ฐ€ */
141141
.nav li {
142142
border-right: 1px solid #666;
143143
}
@@ -146,7 +146,7 @@ Border๋ฅผ ๋„ฃ๊ฑฐ๋‚˜...
146146
...๋งˆ์ง€๋ง‰ ์š”์†Œ๋ฅผ ์—†์• ๊ธฐ ๋ณด๋‹ค๋Š”...
147147

148148
```css
149-
/* remove border */
149+
/* ๋ณด๋” ์‚ญ์ œ */
150150
.nav li:last-child {
151151
border-right: none;
152152
}
@@ -160,7 +160,7 @@ Border๋ฅผ ๋„ฃ๊ฑฐ๋‚˜...
160160
}
161161
```
162162

163-
CSS ์„ ํƒ๊ธฐ๋Š” ์‚ฌ๋žŒ์ด ์„ค๋ช…ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๊ฒฝ๊ณ„๋ฅผ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค.
163+
CSS ์„ ํƒ์ž๋Š” ์‚ฌ๋žŒ์ด ์„ค๋ช…ํ•˜๋Š” ๋ฐฉ์‹ ๊ทธ๋Œ€๋กœ ๊ฒฝ๊ณ„๋ฅผ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค.
164164

165165
#### [๋ฐ๋ชจ](http://codepen.io/AllThingsSmitty/pen/LkymvO)
166166

@@ -177,11 +177,11 @@ CSS ์„ ํƒ๊ธฐ๋Š” ์‚ฌ๋žŒ์ด ์„ค๋ช…ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๊ฒฝ๊ณ„๋ฅผ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค.
177177
@font-face {
178178
font-family: "Dank Mono";
179179
src:
180-
/* Full name */
180+
/* ํ’€๋„ค์ž„ */
181181
local("Dank Mono"),
182-
/* Postscript name */
182+
/* ํฌ์ŠคํŠธ ์Šคํฌ๋ฆฝํŠธ๋ช… */
183183
local("Dank Mono"),
184-
/* Otherwise, download it! */
184+
/* ์•„๋‹ˆ๋ฉด ๋‹ค์šด๋กœ๋“œ๋„ ๊ฐ€๋Šฅ! */
185185
url("//...a.server/fonts/DankMono.woff");
186186
}
187187

@@ -207,7 +207,7 @@ body {
207207
}
208208
```
209209

210-
์ด ๋ฐฉ๋ฒ•์˜ ๋ฌธ์„œ ์š”์†Œ๋Š” `body`์—์„œ ๊ฐ„๋‹จํžˆ ๊ณ„์Šน๋ฉ๋‹ˆ๋‹ค.
210+
์ด ๋ฐฉ๋ฒ•์œผ๋กœ ํ…์ŠคํŠธ ์š”์†Œ๊ฐ€ `body`์˜ ์†์„ฑ์„ ์‰ฝ๊ฒŒ ๊ณ„์Šนํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
211211

212212
#### [๋ฐ๋ชจ](http://codepen.io/AllThingsSmitty/pen/VjbdYd)
213213

@@ -216,9 +216,9 @@ body {
216216

217217
<div id="set-focus-for-form-elements"></div>
218218

219-
### ํผ ์š”์†Œ์—`: focus`๋ฅผ ์„ค์ •ํ•˜์‹ญ์‹œ์˜ค.
219+
### ํผ ์š”์†Œ์—`: focus`๋ฅผ ์„ค์ •ํ•˜๊ธฐ
220220

221-
ํ‚ค๋ณด๋“œ ์‚ฌ์šฉ์ž๋Š” ํฌ์ปค์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ‚ค๋ณด๋“œ ์ด๋ฒคํŠธ์˜ ์œ„์น˜๋ฅผ ๊ฒฐ์ •ํ•ฉ๋‹ˆ๋‹ค. ์–‘์‹ ์š”์†Œ์— ๋Œ€ํ•œ ์ง‘์ค‘๋„๋ฅผ ๋†’์ด๊ณ  ๋ธŒ๋ผ์šฐ์ €์˜ ๊ธฐ๋ณธ ๊ตฌํ˜„์„ ์ผ๊ด€์„ฑ์žˆ๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค.
221+
ํ‚ค๋ณด๋“œ ์‚ฌ์šฉ์ž๋Š” ํฌ์ปค์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ‚ค๋ณด๋“œ ์ด๋ฒคํŠธ์˜ ์œ„์น˜๋ฅผ ๊ฒฐ์ •ํ•ฉ๋‹ˆ๋‹ค. ํผ ์š”์†Œ์— ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋ฉฐ, ๋ธŒ๋ผ์šฐ์ €์˜ ๊ธฐ๋ณธ ๊ตฌํ˜„์„ ์ผ๊ด€์„ฑ์žˆ๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค.
222222

223223
```css
224224
a:focus,
@@ -284,22 +284,22 @@ ul > li:not(:last-child)::after {
284284

285285
`:not()` ์„ ์‚ฌ์šฉํ•  ๋•Œ ๋ฆฌ์ŠคํŠธ์˜ ๋งˆ์ง€๋ง‰ ์•„์ดํ…œ์—๋Š” ์ฝค๋งˆ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.
286286

287-
**Note:** ์ด ํŒ์˜ ๊ฒฝ์šฐ ์ ‘๊ทผ์„ฑ์ด ๋–จ์–ด์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ, ์Šคํฌ๋ฆฐ ์‚ฌ์šฉ์ž์—๊ฒŒ๋Š”์š”. ๋˜ํ•œ ๋ธŒ๋ผ์šฐ์ €์—์„œ์˜ ๋ณต์‚ฌ/๋ถ™์—ฌ๋„ฃ๊ธฐ๋Š” CSS ์ œ๋„ˆ๋ ˆ์ดํ„ฐ๋ฅผ ํ†ตํ•œ ์ฝ˜ํ…์ธ ์—์„œ๋Š” ๋ถˆ๊ฐ€๋Šฅํ•˜๋ฏ€๋กœ ์ฃผ์˜ํ•ด ์ฃผ์‹ญ์‹œ์˜ค.
287+
**Note:** ์ด ํŒ์˜ ๊ฒฝ์šฐ ์ ‘๊ทผ์„ฑ์ด ๋–จ์–ด์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ, ์Šคํฌ๋ฆฐ ์‚ฌ์šฉ์ž์—๊ฒŒ๋Š”์š”. ๋˜ํ•œ ๋ธŒ๋ผ์šฐ์ €์—์„œ์˜ ๋ณต์‚ฌ/๋ถ™์—ฌ๋„ฃ๊ธฐ๋Š” CSS๋ฅผ ํ†ตํ•ด ์ƒ์„ฑํ•œ ์ฝ˜ํ…์ธ ์—์„œ๋Š” ์‚ฌ์šฉ ๋ถˆ๊ฐ€๋Šฅํ•˜๋ฏ€๋กœ ์ฃผ์˜ํ•ด ์ฃผ์„ธ์š”.
288288

289289
<sup>[๋ชฉ์ฐจ๋กœ ๋Œ์•„๊ฐ€๊ธฐ](#table-of-contents)</sup>
290290

291291

292292
<div id="select-items-using-negative-nth-child"></div>
293293
### Negative `nth-child`๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์•„์ดํ…œ ๋‚˜๋ˆ„๊ธฐ
294294

295-
Negative `nth-child`๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ n๋ถ„์˜ 1๋กœ ์•„์ดํ…œ์„ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ๋‹ค.
295+
Negative `nth-child`๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ n๋ถ„์˜ 1๋กœ ์•„์ดํ…œ์„ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
296296

297297
```css
298298
li {
299299
display: none;
300300
}
301301

302-
/* select items 1 through 3 and display them */
302+
/* 1์—์„œ 3๊นŒ์ง€์˜ ์„ ํƒํ•˜๊ณ  ๋ณด์—ฌ์ฃผ๊ธฐ */
303303
li:nth-child(-n+3) {
304304
display: block;
305305
}
@@ -308,7 +308,7 @@ li:nth-child(-n+3) {
308308
[`:not()`](#use-not-to-applyunapply-borders-on-navigation), ๋ฅผ ์‚ฌ์šฉํ•ด ๋ด…์‹œ๋‹ค.
309309

310310
```css
311-
/* select all items except the first 3 and display them */
311+
/* ์ฒ˜์Œ 3๊ฐœ๋ฅผ ์ œ์™ธํ•œ ๋ชจ๋“  ์•„์ดํ…œ ๋ณด์—ฌ์ฃผ๊ธฐ */
312312
li:not(:nth-child(-n+3)) {
313313
display: none;
314314
}
@@ -347,7 +347,7 @@ SVG๋Š” [IE9](http://caniuse.com/#search=svg) ์ดํ›„๋ถ€ํ„ฐ ์ง€์›๋˜๊ณ  ์žˆ์Šต๋‹ˆ
347347

348348
### "Lobotomized Owl" Selector ์‚ฌ์šฉํ•˜๊ธฐ
349349

350-
์ด์ƒํ•œ ์ด๋ฆ„์ผ์ง€๋„ (`*`)์™€ (`+`)์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๋ฉด ๊ฐ•๋ ฅํ•œ CSS์˜ ๊ฐ€๋Šฅ์„ฑ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
350+
์ด์ƒํ•œ ์ด๋ฆ„์ด์ง€๋งŒ (`*`)์™€ (`+`)์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๋ฉด ๊ฐ•๋ ฅํ•œ CSS์˜ ๊ฐ€๋Šฅ์„ฑ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
351351

352352
```css
353353
* + * {
@@ -412,7 +412,7 @@ hover์‹œ `max-height`๋ฅผ ์š”์†Œ๋ฅผ ํ™•์žฅ ์˜ค๋ฒ„ํ”Œ๋กœ์šฐ์˜ ๊ฒฐ๊ณผ๋กœ ์Šฌ๋ผ์ด
412412

413413
### Flexbox์˜ Margin Hack ์ œ๊ฑฐ
414414

415-
column gutter์„ ์‚ฌ์šฉํ•  ๋Œ€ ๋‹น์‹ ์€ flexbox์˜ `space-between` ์š”์†Œ๋ฅผ ย ์‚ฌ์šฉํ•˜์—ฌ `nth-`, `first-`, `last-child` ์„ ์ง€์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
415+
column gutter์„ ์‚ฌ์šฉํ•  ๋•Œ flexbox์˜ `space-between` ์š”์†Œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ `nth-`, `first-`, `last-child`๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค.
416416

417417
```css
418418
.list {
@@ -462,7 +462,7 @@ a[href]:not([class]) {
462462
}
463463
```
464464

465-
CMS๋กœ ์‚ฝ์ž…๋˜๋Š” ๋ณดํ†ต class์†์„ฑ์ด ์—†๋Š” ๋งํฌ์—`:not`๋ฅผ ์“ฐ๊ณ  ์Šคํƒ€์ผ์„ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค.
465+
์ด๊ฒƒ์€ ๋ณดํ†ต class์†์„ฑ์ด ์—†๋Š” ๋งํฌ์—`:not`์„ ์‚ฌ์šฉํ•˜์—ฌ CMS๋กœ ์‚ฝ์ž…๋ฉ๋‹ˆ๋‹ค. ์ƒ์†(cascade)๋ฌธ์ œ ์—†์ด ์ฐจ๋ณ„ํ™” ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
466466

467467
<sup>[๋ชฉ์ฐจ๋กœ ๋Œ์•„๊ฐ€๊ธฐ](#table-of-contents)</sup>
468468

@@ -520,7 +520,7 @@ img {
520520

521521
```css
522522
img::before {
523-
content: "We're sorry, the image below is broken :(";
523+
content: "์ฃ„์†กํ•˜์ง€๋งŒ ์ด ์ด๋ฏธ์ง€์— ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค :(";
524524
display: block;
525525
margin-bottom: 10px;
526526
}
@@ -655,7 +655,7 @@ textarea {
655655

656656
### ๊ฐ„๊ฒฉ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ์ค„ ๋ฐ”๊ฟˆ์—์„œ `display: none` ์„ ์„ค์ •ํ•˜์‹ญ์‹œ์˜ค.
657657

658-
[Harry Roberts๊ฐ€ ์ง€์ ํ–ˆ๋“ฏ์ด](https://twitter.com/csswizardry/status/1170835532584235008) CMS ์‚ฌ์šฉ์ž๊ฐ€ ์ถ”๊ฐ€ ์ค„ ๋ฐ”๊ฟˆ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐ„๊ฒฉ์„ ๋‘์ง€ ๋ชปํ•˜๊ฒŒ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
658+
[Harry Roberts๊ฐ€ ์ง€์ ํ•œ๋Œ€๋กœ](https://twitter.com/csswizardry/status/1170835532584235008) CMS ์‚ฌ์šฉ์ž๊ฐ€ ์ถ”๊ฐ€ ์ค„ ๋ฐ”๊ฟˆ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐ„๊ฒฉ์„ ๋‘์ง€ ๋ชปํ•˜๊ฒŒ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
659659

660660
```css
661661
br + br {

0 commit comments

Comments
ย (0)