๐ข ์ธ์คํ๊ทธ๋จ ๋์ด์ฐ๊ธฐ ๋ฌธ์ , ์ด์ ๊น๋ํ๊ฒ ํด๊ฒฐํ๊ณ '๊ฐ์ ํผ๋' ๋ง๋์ธ์!
๋ชฉ์ฐจ
- ์ธ์คํ๊ทธ๋จ ๋์ด์ฐ๊ธฐ ๋ฌธ์ , ์ ์๊ธธ๊น์?
- ๋์ด์ฐ๊ธฐ๊ฐ ์ฌ๋ผ์ง๋ ํํ ์ด์ ์ ํด๊ฒฐ์ฑ
- 2.1. ์ธ์คํ๊ทธ๋จ ์ฑ ์์ฒด์ ์๋ ์์ ๊ธฐ๋ฅ ํผํ๊ธฐ
- 2.2. ์ธ๋ถ ๋ฉ๋ชจ ์ฑ ๋๋ ํ ์คํธ ํธ์ง๊ธฐ ํ์ฉํ๊ธฐ
- 2.3. 'ํน์ ๋ฌธ์'๋ฅผ ํ์ฉํ ๊ฐ์ ๊ฐํ(์ค๋ฐ๊ฟ)
- ๋์ด์ฐ๊ธฐ ์์ด๋ ๊น๋ํ ํผ๋๋ฅผ ๋ง๋๋ ๊ณ ๊ธ ํ์ฉ๋ฒ
- 3.1. ์บก์ ์ ์จ๊ฒจ์ง '๊ณต๋ฐฑ'์ ๋น๋ฐ
- 3.2. ํด์ํ๊ทธ ์น์ ์ ๋ถ๋ฆฌํ์ฌ ๊ฐ๋ ์ฑ ๋์ด๊ธฐ
- 3.3. ์ธ์คํ๊ทธ๋จ ์คํ ๋ฆฌ์ ๋ฆด์ค์์ ํ ์คํธ ํ์ฉ๋ฒ
- ์ธ์คํ๊ทธ๋จ ๋์ด์ฐ๊ธฐ, ์ต์ข ์ ๊ฒ ๋ฐ ๊ฟํ
1. ์ธ์คํ๊ทธ๋จ ๋์ด์ฐ๊ธฐ ๋ฌธ์ , ์ ์๊ธธ๊น์?
์ธ์คํ๊ทธ๋จ์์ ์ ์ฑ๊ป ์์ฑํ ์บก์
์ด ์
๋ก๋ ํ ๋์ด์ฐ๊ธฐ๋ ์ค๋ฐ๊ฟ์ด ์ฌ๋ผ์ ธ ํ ์ค๋ก ๊ธธ๊ฒ ์ด์ด์ง๋ ํ์์ ๊ฒช์ด๋ณด์
จ์ ๊ฒ๋๋ค. ์ด๋ ์ธ์คํ๊ทธ๋จ์ ํ
์คํธ ์ฒ๋ฆฌ ๋ฐฉ์๊ณผ ๊ด๋ จ์ด ๊น์ต๋๋ค. ์ธ์คํ๊ทธ๋จ์ ๊ธฐ๋ณธ์ ์ผ๋ก ์น ํ๊ฒฝ์์ HTML์ $\text{
}$ ํ๊ทธ(์ค๋ฐ๊ฟ)๋ CSS์ $\text{white-space}$ ์์ฑ์ ์ฌ์ฉํ๋ ์ผ๋ฐ์ ์ธ ์น์ฌ์ดํธ์๋ ๋ค๋ฆ
๋๋ค. ๋์ ๋ชจ๋ฐ์ผ ์ฑ ํ๊ฒฝ์ ์ต์ ํ๋ ๋
์์ ์ธ ํ
์คํธ ๋ ๋๋ง ์์คํ
์ ์ฌ์ฉํฉ๋๋ค. ์ด ์์คํ
์ ์ฐ์๋ ๊ณต๋ฐฑ์ด๋ ๋จ์ํ ์ํฐ(์ค๋ฐ๊ฟ)๋ฅผ ํ๋์ ๊ณต๋ฐฑ์ผ๋ก ์ฒ๋ฆฌํ๊ฑฐ๋ ๋ฌด์ํ๋ ๊ฒฝํฅ์ด ์์ต๋๋ค. ํนํ, ์บก์
์
๋ ฅ ์ ์ฌ๋ฌ ๋ฒ ์ํฐ๋ฅผ ์ณ์ ๋จ๋ฝ์ ๋๋๋ ค๊ณ ํด๋, ์ธ์คํ๊ทธ๋จ์ ์ด๋ฅผ ๋ถํ์ํ ๊ณต๋ฐฑ์ผ๋ก ์ธ์ํ๊ณ ์ ๊ฑฐํด ๋ฒ๋ฆฌ๊ธฐ ๋๋ฌธ์ ํ
์คํธ๊ฐ ๋ชจ๋ ๋ถ์ด๋ฒ๋ฆฌ๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํฉ๋๋ค. ์ด์ฒ๋ผ ์ธ์คํ๊ทธ๋จ์ ์ฌ์ฉ์์ ์๋์ ๋ฌ๋ฆฌ ํ
์คํธ๋ฅผ ์ต์ ํํ์ฌ ๋ณด์ฌ์ฃผ๋ ค๋ค๊ฐ ๊ฐ๋
์ฑ์ ํด์น๋ ๊ฒฐ๊ณผ๋ฅผ ์ด๋ํ๊ณค ํฉ๋๋ค. ๋ฐ๋ผ์, ์ฐ๋ฆฌ๋ ์ธ์คํ๊ทธ๋จ์ ํ
์คํธ ์ฒ๋ฆฌ ๋ฐฉ์์ '์ฐํ'ํ ์ ์๋ ๋ช ๊ฐ์ง ๊ธฐ์ ์ ์ตํ์ผ ํฉ๋๋ค.
2. ๋์ด์ฐ๊ธฐ๊ฐ ์ฌ๋ผ์ง๋ ํํ ์ด์ ์ ํด๊ฒฐ์ฑ
2.1. ์ธ์คํ๊ทธ๋จ ์ฑ ์์ฒด์ ์๋ ์์ ๊ธฐ๋ฅ ํผํ๊ธฐ
์ธ์คํ๊ทธ๋จ ์ฑ ๋ด์์ ์ง์ ์บก์ ์ ์์ฑํ ๋, ํนํ ์๋๋ก์ด๋๋ iOS ํค๋ณด๋์ ์๋ ์์ฑ ๋๋ ์๋ ์์ ๊ธฐ๋ฅ์ด ๋ถํ์ํ ๊ณต๋ฐฑ์ด๋ ๋ฌธ์๋ฅผ ์ญ์ ํด๋ฒ๋ฆฌ๋ ๊ฒฝ์ฐ๊ฐ ์์ต๋๋ค. ์ด๋ก ์ธํด ๋์ด์ฐ๊ธฐ๊ฐ ์ฌ๋ผ์ง๊ธฐ๋ ํฉ๋๋ค.
โ ํด๊ฒฐ์ฑ :
- ์บก์ ์ ์์ฑํ ๋ ํค๋ณด๋์ ์๋ ์์ ๊ธฐ๋ฅ์ ์ผ์์ ์ผ๋ก ๋๊ฑฐ๋
- ์ ๋ ฅ์ ์๋ฃํ ํ์๋ ๋ฐ๋์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ํตํด ์ค๋ฐ๊ฟ์ด ์ ๋๋ก ์ ์ฉ๋์๋์ง ํ์ธํด์ผ ํฉ๋๋ค. ๋ง์ฝ ์ค๋ฐ๊ฟ์ด ์ฌ๋ผ์ก๋ค๋ฉด, ๋ค์ ์ํฐ๋ฅผ ์ ๋ ฅํ๋ ๋์ ์๋ ์๊ฐํ ์ธ๋ถ ๋๊ตฌ๋ฅผ ์ด์ฉํ๋ ๊ฒ์ด ํ์คํฉ๋๋ค.
2.2. ์ธ๋ถ ๋ฉ๋ชจ ์ฑ ๋๋ ํ ์คํธ ํธ์ง๊ธฐ ํ์ฉํ๊ธฐ
๊ฐ์ฅ ํ์คํ๊ณ ๋ง์ ์ธํ๋ฃจ์ธ์๋ค์ด ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋๋ค. ์ธ์คํ๊ทธ๋จ ์ฑ ๋ด์์ ์ง์ ์์ฑํ๋ฉด ์ค๋ฅ๊ฐ ๋ฐ์ํ๊ธฐ ์ฝ๊ธฐ ๋๋ฌธ์, ์ค๋ฐ๊ฟ์ด ํ์คํ ๋ณด์กด๋๋ ์ธ๋ถ ์ฑ์ ์ด์ฉํ๋ ๊ฒ์ ๋๋ค.
โ ํด๊ฒฐ์ฑ :
- ์ค๋งํธํฐ์ ๊ธฐ๋ณธ ๋ฉ๋ชจ์ฅ ์ฑ (iOS์ '๋ฉ๋ชจ', ์๋๋ก์ด๋์ 'Keep ๋ฉ๋ชจ' ๋ฑ)์ด๋,
- ์นด์นด์คํก '๋์๊ฒ ๋ณด๋ด๊ธฐ' ์ฑํ ๋ฐฉ,
- ๋ค์ด๋ฒ ๋ธ๋ก๊ทธ์ ๋ฉ๋ชจ ๊ธฐ๋ฅ ๋ฑ ํ ์คํธ ํธ์ง ํ๊ฒฝ์์ ์บก์ ์ ์์ฑํฉ๋๋ค.
- ์์ฑํ ํ ์คํธ๋ฅผ ์ ์ฒด ๋ณต์ฌํ์ฌ ์ธ์คํ๊ทธ๋จ ์บก์ ์ ๋ ฅ ์ฐฝ์ ๋ถ์ฌ๋ฃ๊ธฐํฉ๋๋ค.
์ด ๋ฐฉ๋ฒ์ ์ธ๋ถ ์ฑ์ด '์จ๊ฒจ์ง ๋ฌธ์ ์ฝ๋(Non-breaking Space)'๋ 'ํ์คํ ์ค๋ฐ๊ฟ ๋ฌธ์'๋ฅผ ํจ๊ป ๋ณต์ฌํด์ฃผ๊ธฐ ๋๋ฌธ์, ์ธ์คํ๊ทธ๋จ์ด ์ด๋ฅผ ๋จ์ ๊ณต๋ฐฑ์ด ์๋ '์ ์๋ฏธํ ์ค๋ฐ๊ฟ'์ผ๋ก ์ธ์ํ๊ฒ ๋ง๋ค์ด ์ค๋๋ค.
2.3. 'ํน์ ๋ฌธ์'๋ฅผ ํ์ฉํ ๊ฐ์ ๊ฐํ(์ค๋ฐ๊ฟ)
์ธ๋ถ ์ฑ์ ์ฌ์ฉํ์ง ์๊ณ ์ธ์คํ๊ทธ๋จ ์ฑ ๋ด์์ ๋์ด์ฐ๊ธฐ๋ฅผ ํ๋ณดํ๊ณ ์ถ๋ค๋ฉด, ๋์ ์ ๋์ง ์๋ ํน์ ๋ฌธ์๋ฅผ ํ์ฉํ์ฌ ์ธ์คํ๊ทธ๋จ์ ํ ์คํธ ์ธ์ ์์คํ ์ ์์ด๋ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค.
โ ํด๊ฒฐ์ฑ :
- ์ค๋ฐ๊ฟ์ ์ํ๋ ์์น์์ ์ํฐ๋ฅผ ๋๋ฅธ ํ,
- ์๋ก์ด ์ค์ ๋งจ ์์ ์๋ฌด๋ ๋ชจ๋ฅด๊ฒ ์จ๊ฒจ์ง ๋ฌธ์๋ฅผ ์ฝ์ ํฉ๋๋ค. ๊ฐ์ฅ ๋ง์ด ์ฐ์ด๋ ๊ฒ์ ์ (.), ํ์ดํ(-), ํน์ ์๋ฌด๊ฒ๋ ์๋ ๊ฒ์ฒ๋ผ ๋ณด์ด๋ ํฌ๋ช ํ ํน์ ๋ฌธ์(ํน์ ๊ณต๋ฐฑ ๋ฌธ์, ์๋ฅผ ๋ค์ด 'แ ' ๊ฐ์ ๋ฌธ์)์ ๋๋ค.
- ๊ฐ์ฅ ํํ๊ฒ ์ฌ์ฉ๋๋ ๊ฒ์ ์์ ์ (.) ํ๋๋ฅผ ์ฐ๊ณ ๋ฐ๋ก ์ํฐ๋ฅผ ๋๋ฅด๊ฑฐ๋, ์๋ฌด๊ฒ๋ ์ ๋ ฅํ์ง ์๊ณ ์คํ์ด์ค๋ฐ๋ฅผ ํ ๋ฒ ์น ๋ค์ ์ํฐ๋ฅผ ๋๋ฅด๋ ๋ฐฉ๋ฒ์ ๋๋ค.
$$\text{์ํ๋ ๋ฌธ์ฅ 1}$$$$\text{.(ํน์ ํน์ ๊ณต๋ฐฑ) + ์ํฐ}$$$$\text{์ํ๋ ๋ฌธ์ฅ 2}$$
3. ๋์ด์ฐ๊ธฐ ์์ด๋ ๊น๋ํ ํผ๋๋ฅผ ๋ง๋๋ ๊ณ ๊ธ ํ์ฉ๋ฒ
3.1. ์บก์ ์ ์จ๊ฒจ์ง '๊ณต๋ฐฑ'์ ๋น๋ฐ
์ธ์คํ๊ทธ๋จ์ ์ฐ์๋ ์คํ์ด์ค๋ฐ ์ ๋ ฅ์ ํ๋์ ๊ณต๋ฐฑ์ผ๋ก ๊ฐ์ฃผํ์ง๋ง, ์ค๋ฐ๊ฟ(์ํฐ)์ด ์ ์ฉ๋ ํ ์ฒซ ๋ฒ์งธ ์ค์ ์ผ๋ฐ ๊ณต๋ฐฑ์ด ์๋ 'ํน์ ๊ณต๋ฐฑ ๋ฌธ์'๋ฅผ ์ฌ์ฉํ๋ฉด ๊น๋ํ ๋์ด์ฐ๊ธฐ๊ฐ ๊ฐ๋ฅํฉ๋๋ค. ์ด ํน์ ๊ณต๋ฐฑ ๋ฌธ์๋ ์ผ๋ฐ์ ์ธ ์คํ์ด์ค๋ฐ๊ฐ ์๋, ์จ๋ผ์ธ ํ ์คํธ ๋ณํ๊ธฐ๋ฅผ ํตํด ๋ณต์ฌํด์ผ ํฉ๋๋ค. ์ด ๋ฌธ์๋ ๋์ ๋ณด์ด์ง ์์ง๋ง ์ธ์คํ๊ทธ๋จ์๊ฒ๋ '๋ด์ฉ์ด ์๋ ์ค'๋ก ์ธ์๋์ด ์ค๋ฐ๊ฟ์ด ์ ์ง๋ฉ๋๋ค.
โ ํ์ฉ๋ฒ:
- ์ค๋ฐ๊ฟ์ ์ํ๋ ์์น์์ ์ํฐ๋ฅผ ๋๋ฆ ๋๋ค.
- ์๋ก์ด ์ค์ 'ํน์ ๊ณต๋ฐฑ ๋ฌธ์'๋ฅผ ๋ถ์ฌ๋ฃ์ต๋๋ค.
- ๋ค์ ์ํฐ๋ฅผ ๋๋ฌ ๋ค์ ๋จ๋ฝ์ผ๋ก ๋์ด๊ฐ๋๋ค.
์ด๋ ๊ฒ ํ๋ฉด ์บก์ ์ ์ฒด๊ฐ ๊น๋ํ๊ฒ ๋ถ๋ฆฌ๋์ด ๋ง์น ์ ํธ์ง๋ ์ฑ ์ ํ ํ์ด์ง์ฒ๋ผ ๋ณด์ ๋๋ค.
3.2. ํด์ํ๊ทธ ์น์ ์ ๋ถ๋ฆฌํ์ฌ ๊ฐ๋ ์ฑ ๋์ด๊ธฐ
์บก์ ๋ณธ๋ฌธ๊ณผ ํด์ํ๊ทธ๊ฐ ๋ฐ๋ก ๋ถ์ด ์์ผ๋ฉด ๊ฐ๋ ์ฑ์ด ๋งค์ฐ ๋จ์ด์ง๋๋ค. ์บก์ ๋ณธ๋ฌธ ๋ด์ฉ์ ์ง์ค์ํค๊ธฐ ์ํด ํด์ํ๊ทธ๋ ์ต๋ํ ์๋๋ก ๋ถ๋ฆฌํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
โ ํ์ฉ๋ฒ:
- ์บก์ ๋ณธ๋ฌธ์ด ๋๋ ํ, ์์์ ์ค๋ช ํ 'ํน์ ๊ณต๋ฐฑ ๋ฌธ์' ๋๋ '. + ์ํฐ' ์กฐํฉ์ ์ฌ์ฉํ์ฌ ์ต์ 5์ค ์ด์ ๊ณต๋ฐฑ์ ๋ง๋ญ๋๋ค.
- ๊ณต๋ฐฑ์ ๋ง๋ ํ ๋ง์ง๋ง ์ค์ ํด์ํ๊ทธ($#$)๋ฅผ ์ ๋ ฅํฉ๋๋ค.
์ด๋ ๊ฒ ํ๋ฉด ์ฌ์ฉ์๊ฐ ์บก์ ์ ๋ณผ ๋ '๋ ๋ณด๊ธฐ'๋ฅผ ๋๋ฅด๊ธฐ ์ ๊น์ง ํด์ํ๊ทธ๊ฐ ํ๋ฉด์ ๋ํ๋์ง ์์ ๋ณธ๋ฌธ ๋ด์ฉ์ ๊น๋ํ๊ฒ ์ ๋ฌํ ์ ์์ต๋๋ค.
3.3. ์ธ์คํ๊ทธ๋จ ์คํ ๋ฆฌ์ ๋ฆด์ค์์ ํ ์คํธ ํ์ฉ๋ฒ
์ธ์คํ๊ทธ๋จ ์คํ ๋ฆฌ์ ๋ฆด์ค๋ ์บก์ ๊ณผ๋ ๋ณ๊ฐ๋ก 'ํ ์คํธ ์์' ๊ธฐ๋ฅ์ ์ ๊ณตํฉ๋๋ค. ์ด ํ ์คํธ ์์๋ ๋์ด์ฐ๊ธฐ์ ์ค๋ฐ๊ฟ์ด ๋น๊ต์ ์์ ๋กญ๊ฒ ์ ์ฉ๋ฉ๋๋ค. ๊ธด ๋ฌธ์ฅ์ ์ ๋ ฅํ ๋๋ ์บก์ ๋ณด๋ค ์คํ ๋ฆฌ๋ ๋ฆด์ค์ ํ ์คํธ ๊ธฐ๋ฅ์ ํ์ฉํ์ฌ ๊ฐ๋ ์ฑ์ ๋์ด๋ ๊ฒ๋ ์ข์ ์ ๋ต์ ๋๋ค. ์ฌ๋ฌ ๊ฐ์ ํ ์คํธ ์์๋ฅผ ๋ถ๋ฆฌํ์ฌ ๊ฐ์กฐํ๊ณ ์ถ์ ๋ฌธ์ฅ์ ๋ฐ๋ก ๋ฐฐ์นํ๋ฉด ์๊ฐ์ ์ธ ํจ๊ณผ๋ฅผ ๊ทน๋ํํ ์ ์์ต๋๋ค. ํนํ, ๋ฆด์ค์์๋ ์์์ ๋ชฐ์ ๋๋ฅผ ๋์ด๊ธฐ ์ํด ์๋ง ํํ๋ก ํ ์คํธ๋ฅผ ๋ฐฐ์นํ๋ ๊ฒ์ด ํ์์ ์ ๋๋ค.
4. ์ธ์คํ๊ทธ๋จ ๋์ด์ฐ๊ธฐ, ์ต์ข ์ ๊ฒ ๋ฐ ๊ฟํ
์ธ์คํ๊ทธ๋จ ๋์ด์ฐ๊ธฐ ๋ฌธ์ ๋ ๊ฒฐ๊ตญ ์ธ์คํ๊ทธ๋จ์ด '๋น ์ค'์ '๋ถํ์ํ ๊ณต๋ฐฑ'์ผ๋ก ์ธ์ํ๋ ๊ฒ์์ ์์๋ฉ๋๋ค. ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ํต์ฌ์ '๋น ์ค'์ด ์๋ '๋ด์ฉ์ด ์๋ ์ค'๋ก ์ธ์ํ๊ฒ ๋ง๋๋ ๊ฒ์ ๋๋ค.
๐ ์ต์ข ์ ๊ฒ ํ:
- ๋ณต์ฌ-๋ถ์ฌ๋ฃ๊ธฐ๊ฐ ๊ฐ์ฅ ํ์คํ ๋ฐฉ๋ฒ์ ๋๋ค. ์์ฑ ํ ๋ฐ๋์ ์ธ๋ถ ๋ฉ๋ชจ ์ฑ์ ๊ฑฐ์ณ ๋ณต์ฌํ์ธ์.
- ์ค๋ฐ๊ฟ์ ํ ํ ์ฒซ ๊ธ์๋ก ํน์๋ฌธ์(.)๋ ํฌ๋ช ํ ํน์ ๊ณต๋ฐฑ ๋ฌธ์๋ฅผ ์ฌ์ฉํ์ฌ ์ค๋ฐ๊ฟ์ ๊ฐ์ ํฉ๋๋ค.
- ์ค๋ฐ๊ฟ์ ํ ํ ๊ทธ ์ค์๋ ๋ค๋ฅธ ๋ฌธ์๋ฅผ ์ ๋ ๋ฃ์ง ๋ง๊ณ ์ค์ง ๊ฐ์ ๊ฐํ์ ์ํ ๋ฌธ์๋ง ๋ฃ์ ํ ๋ฐ๋ก ๋ค์ ์ค๋ก ๋์ด๊ฐ๋๋ค.
- ๊ฒ์๋ฌผ ์ ๋ก๋ ์ ์ต์ข ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ํตํด ์ค๋ฐ๊ฟ์ด ์ ์ง๋์๋์ง ๋ ๋ฒ ํ์ธํฉ๋๋ค.
์ด์ ์ธ์คํ๊ทธ๋จ ๋์ด์ฐ๊ธฐ ๋๋ฌธ์ ๊ณ ๋ฏผํ ํ์ ์์ด, ์ด ๋ฐฉ๋ฒ์ ํ์ฉํ์ฌ ๊น๋ํ๊ณ ์ ๋ฌธ์ ์ธ ํผ๋๋ฅผ ์ด์ํ ์ ์์ต๋๋ค. ์ ๋๋ ์บก์ ์ ๋ฉ์์ง ์ ๋ฌ๋ ฅ์ ๋์ฌ ํ๋ก์๋ค์ ์ง์ค๋๋ฅผ ํฅ์์ํค๊ณ , ๊ถ๊ทน์ ์ผ๋ก ์ฌ๋ฌ๋ถ์ ์ธ์คํ๊ทธ๋จ์ ๋์ฑ ๋งค๋ ฅ์ ์ผ๋ก ๋ง๋๋๋ฐ ํฐ ๋์์ด ๋ ๊ฒ์ ๋๋ค.
๋ ์์ธํ ์ฐธ๊ณ ์๋ฃ๋ ์๋๋ฅผ ์ฐธ๊ณ ํ์ธ์.
๋ ์์ธํ ์ฐธ๊ณ ์๋ฃ ๋ณด๊ธฐ