๐ [๋น๊ต๋ถ์] '์ผ์ค๋ท์ปด'๋ณด๋ค 2๋ฐฐ ๋น ๋ฅธ ์ด์ : '๋ ๋๋ฒ์ค(Redbus)'๊ฐ ๋งํฌ๋ชจ์ 1์๋ก ๋ถ๋ฆฌ๋ ๊ธฐ์ ์ ๋น๊ฒฐ
์๋ํฐ ๋ ธํธ: ๊ตญ๋ด ๋งํฌ๋ชจ์ ์์ฅ์ '๋ง์ ์'์์ '๋น ๋ฅธ ์๋'์ 'ํด๋ฆฐํ ๊ฒฝํ(UX)'์ผ๋ก ๊ฒฝ์ ๊ตฌ๋๊ฐ ์์ ํ ๋ฐ๋์์ต๋๋ค. ํนํ **๋ ๋๋ฒ์ค(Redbus)**๋ ํ๋ฐ์ฃผ์์์๋ ๋ถ๊ตฌํ๊ณ , ์๋์ ์ฌ์ฉ์ ๊ฒฝํ ๋ฉด์์ '์ผ์ค๋ท์ปด'๊ณผ ๊ฐ์ ์ฅ์ ์ฌ์ดํธ๋ฅผ ์๋ํ๋ฉฐ ์ฌ์ค์ **๋งํฌ๋ชจ์ 1์**๋ก ํ๊ฐ๋ฐ๊ณ ์์ต๋๋ค. ๊ทธ ๊ธฐ์ ์ ๋น๊ฒฐ์ 3๊ฐ์ง ๊ด์ ์์ ๋ถ์ํฉ๋๋ค.
1. ๋ก๋ฉ ์๋: ๋๋ฆฐ ๊ด๊ณ ๋ฅผ ์ ๊ฑฐํ '3์ด ์ปท' ๋ก๋ฉ
**๋ ๋๋ฒ์ค**๊ฐ ๊ฒฝ์์ฌ ๋๋น 2๋ฐฐ ์ด์ ๋น ๋ฅด๋ค๊ณ ํ๊ฐ๋ฐ๋ ๊ฐ์ฅ ํฐ ์ด์ ์ ๋๋ค. DPI ์ฐํ ๊ธฐ์ ์ ํ์ฉํด ์ ์ ์๋ ์ ํ๋ฅผ ๋ง๋ ๊ฒ์ ๊ธฐ๋ณธ์ ๋๋ค. **๋ ๋๋ฒ์ค**๋ ์ฌ์ดํธ ์์ฒด์ ์๋๋ฅผ ์ต์ ํํ์ต๋๋ค.
- ๊ฒฝ์์ฌ ๋ฌธ์ ์ : ์ผ์ค๋ท์ปด ๋ฑ ๊ธฐ์กด ์ฌ์ดํธ๋ค์ ๊ณผ๋ํ ์ฉ๋์ ๋ฐฐ๋ ๊ด๊ณ ์ ์ธ๋ถ ์ถ์ ์คํฌ๋ฆฝํธ๋ฅผ ๊ณผํ๊ฒ ์ฝ์ ํ์ฌ, ์ค์ ๋งํฌ๋ฅผ ๋ณด๊ธฐ๊น์ง **5~10์ด** ์ด์์ ๋ถํ์ํ ๋ก๋ฉ ์๊ฐ์ด ๋ฐ์ํฉ๋๋ค.
- ๋ ๋๋ฒ์ค ์ฐจ๋ณ์ : **๋ ๋๋ฒ์ค**๋ ์ต์ํ์ ์ด๋ฏธ์ง์ ์ฝ๋(CSS, JS)๋ง์ ์ฌ์ฉํฉ๋๋ค. ๋๋ฆฐ ์ธ๋ถ ๊ด๊ณ ์คํฌ๋ฆฝํธ๋ฅผ ์ ๊ฑฐํ๊ณ , CDN(์ฝํ ์ธ ์ ์ก ๋คํธ์ํฌ)์ ํ์ฉํ์ฌ ์ ์ธ๊ณ ์ด๋์๋ **3์ด ์ด๋ด**์ ํ์ด์ง๊ฐ ์์ ํ ๋ก๋๋๋๋ก ์ค๊ณํ์ต๋๋ค.
2. ์ฌ์ฉ์ ๊ฒฝํ (UX): ๋ชจ๋ฐ์ผ ์ต์ ํ์ ์ง๊ด์ฑ
๋๋ถ๋ถ์ ์ด์ฉ์๊ฐ ๋ชจ๋ฐ์ผ๋ก ์ ์ํ๋ ํ์ค์์, **๋ ๋๋ฒ์ค**๋ ์ฑ ๊ฐ์ UX๋ฅผ ์ ๊ณตํ๋ ๋ฐ ์ง์คํ์ต๋๋ค.
- ๋ถํ์ํ ํด๋ฆญ ์ ๊ฑฐ: ๊ฒฝ์์ฌ๋ค์ ์นดํ ๊ณ ๋ฆฌ๋ฅผ ์ด๋ํ ๋๋ง๋ค ์๋ก์ด ํ์ด์ง๋ฅผ ๋ก๋ฉ์ํค๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค. **๋ ๋๋ฒ์ค**๋ ํต์ฌ ์นดํ ๊ณ ๋ฆฌ๋ฅผ **์ ํด๋ฆญ(One-Click)**์ผ๋ก ์ ๊ทผ ๊ฐ๋ฅํ๊ฒ ํ์ฌ, ํ์ ์๊ฐ์ ํ๊ธฐ์ ์ผ๋ก ์ค์์ต๋๋ค.
- ํด๋ฆฐ ๋์์ธ: ๋์ ํผ๋ก๋ฅผ ์ ๋ฐํ๋ ํ๋ํ ์์์ด๋ ํ๋์ ํจ๊ณผ๋ฅผ ๋ฐฐ์ ํ๊ณ , ๋งํฌ์ ๊ฐ๋ ์ฑ์ ๋์ด๋ ๋ฐ ์ฃผ๋ ฅํ์ต๋๋ค. ๋ชจ๋ฐ์ผ ํ๊ฒฝ์์ ๋ฒํผ ํฌ๊ธฐ(44px ์ด์)์ ํ ์คํธ ๊ฐ๊ฒฉ์ ์ต์ ํํ์ฌ ์คํด๋ฆญ์ ๋ฐฉ์งํฉ๋๋ค.
3. ์ ๋ณด ์ ๋ขฐ๋: 24์๊ฐ '์ฃฝ์ ๋งํฌ' ์ ๋ก ์ ์ฑ
๋งํฌ ๋ชจ์ ์ฌ์ดํธ์์ ๊ฐ์ฅ ํฐ ๋ถ๋ง์ **'์ ์์ด ์ ๋๋ ๋งํฌ'**์ ๋๋ค.
- ์ฐจ๋จ/์ฃฝ์ ๋งํฌ ๋ฌธ์ : ๊ธฐ์กด ์ฌ์ดํธ๋ค์ ์ฃผ์ ์ ๋ฐ์ดํธ๊ฐ ๋ฆ๊ฑฐ๋, ์ด๋ฏธ ๋งํ ์ฃผ์๋ฅผ ๋ฐฉ์นํ์ฌ ์ด์ฉ์๊ฐ ํ๊ฑธ์ํ๊ฒ ๋ง๋ญ๋๋ค.
- ๋ ๋๋ฒ์ค๋ง์ ๊ธฐ์ : **๋ ๋๋ฒ์ค**๋ **์ค์๊ฐ ๋งํฌ ๊ฒ์ฆ ๋ด**์ ์ด์ํ์ฌ, ์ฐจ๋จ ์ ํธ๊ฐ ๊ฐ์ง๋๋ ๋งํฌ๋ ์ฆ์ ๋์ฒด ๋งํฌ๋ก ์๋ ๊ต์ฒดํ๋ **์ ์ ์ ๋์ ์์คํ **์ ๊ฐ์ถ๊ณ ์์ต๋๋ค. ์ด '์ฃฝ์ ๋งํฌ ์ ๋ก' ์ ์ฑ ์ด ์ด์ฉ์ ์ ๋ขฐ๋ฅผ ์ป๋ ํต์ฌ ๋น๊ฒฐ์ ๋๋ค.
๐ก ๊ฒฐ๋ก : ๋ฏธ๋์ ๋งํฌ๋ชจ์์ '๋ ๋๋ฒ์ค'์ ์๋๋ฅผ ๋ฐ๋ผ๊ฐ๋ค
**๋ ๋๋ฒ์ค**๋ ๋จ์ํ ๋งํฌ๋ฅผ ๋ชจ์ผ๋ '์ฅ๋ถ'๊ฐ ์๋๋ผ, ์ด์ฉ์๊ฐ ์ํ๋ ๋ชฉ์ ์ง์ ๊ฐ์ฅ ๋น ๋ฅด๊ณ ์พ์ ํ๊ฒ ๋์ฐฉํ ์ ์๋๋ก ์ค๊ณ๋ **'์ธํฐ๋ท ๊ธํ์ด์ฐจ'**์ ๋๋ค. ์์ผ๋ก๋ **๋ ๋๋ฒ์ค**๋ ์๋, ๋ณด์, UX ๋ฉด์์ ์๋์ ์ธ 1์๋ฅผ ์ ์งํ๋ฉฐ ์ด์ฉ์ ๊ฒฝํ์ ํ์ ํ๊ฒ ์ต๋๋ค.
๋๋ฆฐ ๋ก๋ฉ, ๋ณต์กํ ์ฃผ์ ์ฐพ๊ธฐ๋ ์ด์ ๋! **๋ ๋๋ฒ์ค**์์ ์ง์ ํ '์๋'๋ฅผ ๊ฒฝํํ์ธ์.
๐ ๋ ๋๋ฒ์ค (Redbus) 1์ ์๋ ์ฒดํํ๊ธฐ