์๋ํ๋ ์ค ๊ฐ๋ฐ์ ์ธ๊ณ ๐พ
ํด๋ผ์ด์ธํธ ์ปค์คํฐ๋ง์ด์ง๊น์ง ๋์ ํด๋ณด์ธ์!
์๊ฐ ์ ํ์ธํด์ฃผ์ธ์!
- โ์๋ํ๋ ์ค ์ ๋๋ก ๊ฐ๋ฐํ๊ธฐโ ์๋ฆฌ์ฆ๋ โ์ด๋๋ฏผํธโ๊ณผ โํด๋ผ์ด์ธํธํธโ์ผ๋ก ๊ตฌ์ฑ๋ฉ๋๋ค.
- ์ด๋๋ฏผ ํธ์ด ํํธ1์ ํด๋นํ๊ณ ํด๋ผ์ด์ธํธ ํธ์ด ํํธ2์ ํด๋นํ์ง๋ง, ๊ฐ๋ณ ๊ฐ์๋ก ๋ค์ด๋ ํ์ตํ์๋ ๋ฐ ํฐ ๋ฌธ์ ๋ ์์ต๋๋ค.
- ์ด๋๋ฏผ ํธ์ ๋ฃ์ง ์๊ณ ํด๋ผ์ด์ธํธ ํธ์ ๋ฐ๋ก ๋ค์ผ์๋ ๋ถ๋ค์ ์ํด์ โํด๋ผ์ด์ธํธ ํธ Onlyโ ์์๋ค์ ์ถ๊ฐํ๊ณ , ์ฐ๊ด๋ ๋ด์ฉ์ด ๋์ค๋ ์ด๋๋ฏผ ํธ ๊ฐ์๋ค์ ๋ค์ ์ ์๋๋ก ์๋ดํด ๋์์ต๋๋ค. ํ์ํ ์ด๋๋ฏผ ํธ ๊ฐ์๋ค์ ๋ฌด๋ฃ๋ก ๋ค์ผ์ค ์ ์์ต๋๋ค.
- ํน์ ๊ฐ๋ณ ๊ฐ์ ์๊ฐ ์ค ๊ถ๊ธํ์ ๋ด์ฉ์ด๋ ๋ถ์กฑํ ๋ถ๋ถ์ด ์๋ค๋ฉด ์ง๋ฌธ/๋ต๋ณ ๊ฒ์ํ์ ๋จ๊ฒจ์ฃผ์ธ์.

์ด ๊ฐ์๋ ๊ฐ์์ ์์ ์ฌ์ดํธ๋ฅผ ๋ง๋๋ ๊ณผ์ ์ ํจ๊ป ํฉ๋๋ค.
๐ ์๋ฆฌ์ฆ๋ก ์ด์ด์ง๋ ์ด ๊ฐ์๋ ์จ๋ผ์ธ ์์ ํ
๋ง๋ฅผ ๋ฐ๋ฅ๋ถํฐ ์๋ก ๋ง๋ญ๋๋ค. ๋จ์ ํ
๋ง ๊ณ ์น๊ธฐ? ์ด์ ๊ทธ๋ง ํ์ธ์. ์ง์ ํ๋ํ๋ ๋ง๋ญ๋๋ค. ์ฌ์์.
๐ ์ ๋๋ก ๋ฐฐ์๋๋ค. ์๋ํ๋ ์ค ๊ณต์ ๊ฐ๋ฐ ๋ฌธ์๊ฐ ๊ฐ๋ฅด์ณ ์ฃผ๋ ์ ์ ๊ทธ๋๋ก.

์๋ํ๋ ์ค, ์ ๋๋ก ์ฌ์ฉํ๋ ค๋ฉด
โ์๋ํ๋ ์ค ๊ฐ๋ฐโ์ ์์์ผ ํฉ๋๋ค.
์๋ํ๋ ์ค ํด๋ผ์ด์ธํธ๋จ ๊ฐ๋ฐ์ ๋ฐฐ์๋๋ค
์ฌ์ด๋
์์ด๋ดํฐํฐ ๋ฐ
๋ฉ๋ด ๊ตฌ์ฑ
์์ธ ํ์ด์ง ๋ฐ
๋ชฉ๋ก ํ์ด์ง
๊ตฌ์ฑ
์ธ๋ฑ์ค ํ์ด์ง
๊ตฌ์ฑ ๋ฐ
๊ธ ์ฒ๋ฆฌ ํด๋์ค
์ฌ์ดํธ ์์ด๋ดํฐํฐ, ๋ฉ๋ด ๊ตฌ์ฑ
์๋ํ๋ ์ค๋ ๊ฐ๋ ฅํ ํด๋ผ์ด์ธํธ๋จ ํํ ๊ธฐ๋ฅ์ ๊ฐ์ถ๊ณ ์์ต๋๋ค. ๋ํ์ ์ผ๋ก ์ฌ์ดํธ ์์ด๋ดํฐํฐ ํํ ๊ธฐ๋ฅ๊ณผ ๋ฉ๋ด ๊ตฌ์ฑ ๊ธฐ๋ฅ์ด ์์ต๋๋ค.
์์ธ ํ์ด์ง์ ๋ชฉ๋ก ๊ตฌ์ฑ
์ปค์คํ
ํฌ์คํธ ํ์
์ ๋ง๋ค๊ณ ์ปค์คํ
๋ถ๋ฅ๋ฅผ ๋ง๋ค์๋ค๋ฉด, ์ฃผ์ ํ์์ค์ ํด๋น ๊ธ์ด๋ ๋ถ๋ฅ๋ฅผ ํธ์ถํ๋ URL์ ์ ์ด์ฃผ๋ ๊ฒ๋ง์ผ๋ก๋ ์ฐ๋ฆฌ๊ฐ ์
๋ ฅํ ๋ฐ์ดํฐ๋ฅผ ๋ถ๋ฌ์ฌ ์ ์์ต๋๋ค. ์ํ๋ ๋๋ก ํํํ๋ ค๋ฉด ์ด๋ค ํ
ํ๋ฆฟ ํ์ผ์ ์ด๋ค ์์ผ๋ก ์ค๋นํด์ผ ํ๋์ง, ์ ์๋๋ก ๋ฐฐ์๋๋ค. ๋ฌผ๋ก ์์ธ ํ์ด์ง, ๋ชฉ๋ก ํ์ด์ง ์ปค์คํฐ๋ง์ด์ง๋ ์ผ๋ง๋ ์ง ๊ฐ๋ฅํฉ๋๋ค.
์ธ๋ฑ์ค ํ์ด์ง ๊ตฌ์ฑ
์๋ํ๋ ์ค๋ ๊ธฐ๋ณธ์ผ๋ก๋ ๋ธ๋ก๊ทธ ํด์ด์ง๋ง, ์ฐ๋ฆฌ๋ ๊ฐ๋ฐ์๋๊น ๋ชปํ ๊ฒ ์์ต๋๋ค. ์๋ํ๋ ์ค์ ๊ธฐ๋ณธ ๊ตฌ์ฑ์ ๋ฐ๋ฅด๋ฉด์ ๋ณดํต ์น์ฌ์ดํธ์ฒ๋ผ ์ผ๋ง๋ ์ง ์ธ๋ฑ์ค ํ์ด์ง๋ฅผ ๊พธ๋ฐ ์ ์์ต๋๋ค.
์ด๋ฅผ ์ํด WP_Query๋ผ๋ ์๋ํ๋ ์ค์ ๊ฐ์ฅ ๊ธฐ๋ณธ์ด ๋๋ ๊ธ ์ฒ๋ฆฌ ํด๋์ค์ ๋ํด์ ๋ฐฐ์๋๋ค. ์๋ฐ ๊ฒํฅ๊ธฐ ์์ด ์๋๋ผ ์ ์๋๋ก, ๊น์ด ๋ฐฐ์๋๋ค.
๊ธฐ๋ณธ ์ฌ์ฉ๋ฒ๋ง ๋ฐฐ์ฐ๋ ๊ฒ ์๋๋๋ค. ์ฐ๋ฆฌ๊ฐ ์ฑ
์ ๋ณด๋ฅผ ์ปค์คํ
ํ๋(post meta)๋ฅผ ์ด์ฉํด์ ๋ง๋ค์์ผ๋ ์ปค์คํ
ํ๋๋ฅผ ์กฐ๊ฑด์ผ๋ก ํด์ ๊ธ์ ์ ๋ ฌํ ์๋ ์์ด์ผ๊ฒ ์ฃ . ์ปค์คํ
๋ถ๋ฅ(Taxonomy)๋ ์ฌ์ฉํ์ผ๋ ์ปค์คํ
๋ถ๋ฅ(Taxonomy)์ ๋ฐ๋ผ ๊ธ์ ๊ฐ์ ธ์ค๋ ๋ฐฉ๋ฒ๋ ์์์ผ ํฉ๋๋ค. ๋ชจ๋ ์๋ ค๋๋ฆฝ๋๋ค. ๋ง์ง๋ง์ผ๋ก, SwiperJS์ ๊ฒฐํฉํด์ ๋ฉ์ธ ์ฌ๋ผ์ด๋๋ฅผ ๋ง๋๋ ๋ฐฉ๋ฒ๊น์ง ๋ฐฐ์๋๋ค.
๊ด๋ฆฌ์ ๋จ ๊ฐ๋ฐ์ด ๊ถ๊ธํ๋ค๋ฉด?
์๋ํ๋ ์ค ๊ฐ๋ฐ์ ์ ์ํ ์ ์๊ฒ ํด๋๋ฆฝ๋๋ค.
๐ ์๋ฆฌ์ฆ๋ก ์ด์ด์ง๋ ์ด ๊ฐ์๋ ์จ๋ผ์ธ ์์ ํ
๋ง๋ฅผ ๋ฐ๋ฅ๋ถํฐ ์๋ก ๋ง๋๋ ๊ณผ์ ์
๋๋ค.
๐ ๋จ์ ํ
๋ง๋ ์ด์ ๊ทธ๋ง ๊ณ ์น์ธ์. ์ฐ๋ฆฌ๋ ์ง์ ํ ๋ ํ ๋ ๋ง๋ญ๋๋ค.
๐ค ๊ธฐ๋ณธ์ ์ธ PHP์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ ์ง์๋ง ์๋ค๋ฉด ๋๊ตฌ๋ ์ง ๋ฐ๋ผ์ฌ ์ ์์ต๋๋ค.
๐ ์ ๋๋ก ๋ฐฐ์๋๋ค. ์๋ํ๋ ์ค ๊ณต์ ๊ฐ๋ฐ ๋ฌธ์๊ฐ ๊ฐ๋ฅด์ณ ์ฃผ๋ ์ ์ ๊ทธ๋๋ก.
ํ์ต ๋ด์ฉ ์ดํด๋ณด๊ธฐ
๊ด๋ฆฌ์๋จ์์ ๋ก๊ณ ๋ฅผ ๊ต์ฒดํ ์ ์๋๋ก ์ฝ๋ฉํฉ๋๋ค.
๋ก๊ณ ๋ฅผ SVG๋ก ์ฐ๋ ค๋ฉด SVG ์
๋ก๋๋ฅผ ํ์ฉํด์ผ๊ฒ ์ฃ ? ๊ตณ์ด ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ์ง ์๊ณ ์ฝ๋ฉ์ผ๋ก ํด๊ฒฐํฉ๋๋ค.
์๋ํ๋ ์ค์ ๋ฉ๋ด ๊ธฐ๋ฅ์ ํ์ฉํด ๋ฉ์ธ ๋ด๋น๊ฒ์ด์
์ ๋ง๋ญ๋๋ค. ๊ฐ๋ ฅํ ๊ธฐ๋ฅ์
๋๋ค.
์์ธ ํ๋ฉด์ ๊ตฌ์ฑํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์๋๋ค.
์๋ํ๋ ์ค์ ํ
ํ๋ฆฟ ๊ตฌ์กฐ๋ฅผ ์ตํ๊ณ ํ์ฉ๋ฒ์ ๋ฐฐ์๋๋ค.
PHP์ ๊ธฐ๋ณธ์ ๋๋ฒ๊น
๋ฐฉ๋ฒ์ ๋ฐฐ์๋๋ค.
๋ชฉ๋ก ํ๋ฉด์ ๊ตฌ์ฑํฉ๋๋ค
์ฒซ ํ๋ฉด์ ๋ง๋ค๋ฉฐ ์๋ํ๋ ์ค์ ๊ธฐ๋ณธ์ ์ธ ๋ด๋ถ ์๋(WP_Query, Loop)์ ๋ฐฐ์๋๋ค.

์ฒซ ํ๋ฉด์ ๋ฉ์ธ ์ฌ๋ผ์ด๋๋ฅผ ๋ถ์ฌ ๋ด
๋๋ค.
์ ๋ ์ด๋ฐ ๊ฐ๋ฐ์์
๋๋ค
๊ทธ๋์ ์๋ํ๋ ์ค๋ก ์ฌ์ดํธ๋ฅผ ๋ง๋ค ๋ ๋ฑ ํ์ํ ์ค์ ์ง์์ ์๋ ค ๋๋ฆด ์ ์์ต๋๋ค.
๊ณ ๋ง๊ฒ๋ ๋ง์ ๋ถ๋ค์ด ์ ์๋ํ๋ ์ค ๊ฐ์๋ฅผ ๋ณด๊ณ ์ข๊ฒ ํ๊ฐํด ์ฃผ์
จ์ต๋๋ค.


์ด๋ฐ ์์
๋ฌผ์ ๋ง๋ค์ด ์์ต๋๋ค
์ด ๊ฐ์๊ฐ ํ๋ฌ๊ทธ์ธ ๊ฐ์๋ ์๋์ง๋ง,
๊ฐ์๋ฅผ ๋ฃ๊ณ ๋๋ฉด ์ฌ๋ฌ๋ถ๋ ์ด๋ฐ ์์
์ด ๊ฐ๋ฅํ๊ฒ ๋ ๊ฒ๋๋ค ๐ฑ
- Mytory Markdown: github ๋ฑ URL๋ก ์ ๊ทผ ๊ฐ๋ฅํ ๊ณณ์ ์๋ ๋งํฌ๋ค์ด ํ์ผ์ ๋ถ๋ฌ์ ์๋ํ๋ ์ค ๋ณธ๋ฌธ์ ๋ฃ์ด ์ฃผ๋ ํ๋ฌ๊ทธ์ธ
- Mytory Markdown for Dropbox: Dropbox์ ์๋ ๋งํฌ๋ค์ด ํ์ผ์ ๋ถ๋ฌ์ ์๋ํ๋ ์ค ๋ณธ๋ฌธ์ ๋ฃ์ด ์ฃผ๋ ํ๋ฌ๊ทธ์ธ
- non-latin attachments: ํ์ผ๋ช
์ด ํ๊ธ์ธ ํ์ผ์ ์๋ฒ์ ์
๋ก๋ํ์ ๋ ํ์ผ๋ช
์ด ๊นจ์ง๋ ๊ฒฝ์ฐ ๊ทธ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด ์ฃผ๋ ํ๋ฌ๊ทธ์ธ
์ ๊ฐ ํ๋ฌ๊ทธ์ธ์ ์ฒ์ ๋ง๋ ๊ฒ์ 9๋
์ ์ด๋ณด ์์ ์
๋๋ค.
์ฌ๋ฌ๋ถ๋ ์ด๋ ๊ฒ ๋ฐ์ ํ ์ ์์ต๋๋ค.
์๋ํ๋ ์ค๊ฐ ์ ๊ณตํ๋ ๊ณต์ ๊ฐ๋ฐ ๋ฌธ์์ ๊ธฐ๋ฐ์ผ๋ก,
์ค์ ๊ฒฝํ์ด ์ด์ฐ๋ฌ์ง ๊ฐ์๋ฅผ ๋ค์ด ๋ณด์ธ์.
์ ๊ฐ ๊ฒช์ ์ด๋ ค์์ ์ฌ๋ฌ๋ถ์ ๊ฒช์ง ์์๋ ๋ฉ๋๋ค.
๊ฐ์ด ์๋ํ๋ ์ค ๊ฐ๋ฐ์ ์ธ๊ณ๋ก ๊ฐ ๋ด
์๋ค! ๐
๋๊ตฌ์๊ฒ ๋์์ด ๋๋์?
์ ์ ์ง์์ ํ์ธํด์ฃผ์ธ์!
- ๊ธฐ๋ณธ์ ์ธ PHP ๊ฐ๋ฐ์ ํ ์ ์๊ณ , Javascript, MySQL ๊ด๋ จ ์ง์์ด ์๋ค๋ฉด ๊ฐ์๋ฅผ ์ดํดํ ์ ์์ต๋๋ค.
์๋ํ๋ ์ค ๊ฐ๋ฐ์
์ ๋๋ก ๋ฐฐ์ฐ๊ณ
์ถ์ ๋ถ
ํ์ต ์๊ฐ์ ์๊ปด
์ค๋ฌด์ ๋ฐ๋ก
์๋ํ๋ ์ค๋ฅผ ์ฐ๊ณ ํ ๋ถ
์๋ํ๋ ์ค ํ
๋ง๋ฅผ
์ปค์คํฐ๋ง์ด์งํด์
์ฌ์ดํธ๋ฅผ ์ด์ํ๊ณ ํ ๋ถ
์๋ํ๋ ์ค๋ก
์น์ฌ์ดํธ๋ฅผ ๋ง๋ค์ด์ผ
ํ๋ ๋ถ
์๋ํ๋ ์ค ์ฌ์ดํธ๋ฅผ
์ ์ง๋ณด์ํด์ผ
ํ๋ ๋ถ
์๋ํ๋ ์ค
ํด๋ผ์ด์ธํธ ๊ฐ๋ฐ์
์ ๋๋ก ๋ฐฐ์ฐ๊ณ ํ ๋ถ
์๋ํ๋ ์ค๋ก ๊ฐ๋ฐํ๊ธฐ, ์๊ทผ ํธํ๊ณ ์ข์ต๋๋ค!
์๋ํ๋ ์ค๋ ๊ฐ๋ฐ์์๊ฒ๋ ์ข์ต๋๋ค.
- ๊ด๋ฆฌ์๋จ์ ๋ฐ๋ฅ๋ถํฐ ๊ฐ๋ฐํ์ง ์์๋ ๋ฉ๋๋ค.
- ๋ณดํธ์ ๊ธฐ๋ฅ์ ๊ฐ๋ฒผ์ด ํ๋ฌ๊ทธ์ธ์ ์ด์ฉํด ํด๊ฒฐํ ์ ์์ต๋๋ค.
- ๊ฐ๋ฐ์๋ ๋ฑ ๋ง๊ฒ ํ์ํ ๊ธฐ๋ฅ๋ง ๊ฐ๋ฐํ๋ฉด ๋ฉ๋๋ค.
- ์ ์ธ๊ณ ์น์ฌ์ดํธ์ 30%๊ฐ ์๋ํ๋ ์ค์
๋๋ค.
- ๊ฐ์ฅ ๋ง์ ์ฌ์ฉ์๋ฅผ ๋ณด์ ํ CMS๋ก์ ์ค๋ ์ง์์ ๊ธฐ๋ํ ์ ์์ต๋๋ค.

๊ฐ์ ์๋ฃ๋ฅผ
ํ์ธํ์ธ์.
์์ ์์ค์ฝ๋ - Git Repository
๐ https://github.com/mytory/bookstore
์ค์ตํ๋ฉด์ ์ฐธ๊ณ ํ ์ ์๋๋ก ์์
ํ ๋ชจ๋ ์ฝ๋๋ Github์ ์ฌ๋ ค ๋์ต๋๋ค. ๋จ, ํ
๋ง ๋ถ๋ถ๋ง ์๋ ๊ฒ์ด๋ ์๋ํ๋ ์ค ์ฝ๋๋ ๋ฐ๋ก ๋ค์ด๋ก๋๋ฅผ ํ์
์ผ ํฉ๋๋ค. ์ ํธํ๋ Git ํด์ ์ด์ฉํด์ ์์ค๋ฅผ ๋ฐ์ ๋๊ณ ์ฐธ๊ณ ํ์๋ฉด ๋ฉ๋๋ค.
๊ฐ ๊ฐ์๋ณ ์์ค์ฝ๋ ๋ค์ด๋ก๋
๊ฐ ๊ฐ์๋ณ๋ก ํ๊ทธ๋ฅผ ๋ถ์ฌ ๋์์ต๋๋ค. 45๊ฐ์ด ๋๋ ์งํ ์์ค์ฝ๋์ Git Tag๋ 45
์
๋๋ค. ๋ฐ๋ผ์ Git ์ฌ์ฉ์ด ์ต์ํ์๋ฉด ํ๊ทธ๋ก ์ด๋ํด์ ๊ฐ์๊ฐ ๋๋ ์์ ์ ์์ค์ฝ๋๋ฅผ ์ดํด ๋ณด์๋ฉด ๋ฉ๋๋ค.
์ต์ํ์ง ์์ผ์๋ฉด ์๋ ๋งํฌ๋ก ๋ค์ด๊ฐ์ ๊ฐ ํ๊ทธ์ ์์ค์ฝ๋ ์์ถ ํ์ผ์ ๋ค์ด๋ก๋ํ์
๋ ๋ฉ๋๋ค.
๐ https://github.com/mytory/bookstore/tags
์ฐ๊ด ๊ฐ์ ํจ๊ป ๋ณด๊ธฐ