tidory / hello Goto Github PK
View Code? Open in Web Editor NEW๐ ๋น์ ์ ๋ฉ์ง ๋ธ๋ก๊ทธ์ ๊ฑธ๋ง๋ ์ต๊ณ ์ ํฐ์คํ ๋ฆฌ ์คํจ
Home Page: https://pronist.tistory.com/5
License: MIT License
๐ ๋น์ ์ ๋ฉ์ง ๋ธ๋ก๊ทธ์ ๊ฑธ๋ง๋ ์ต๊ณ ์ ํฐ์คํ ๋ฆฌ ์คํจ
Home Page: https://pronist.tistory.com/5
License: MIT License
๋ช๋ช ํฌ์คํธ๋ ์ ์์ผ๋ก ๋จ๊ณ , ๋ ๋ช๋ช ํฌ์คํธ๋ ์ ์ฌ์ง๊ณผ ๊ฐ์ด ๋น๋๋ค.
ํฌ์คํธ ์์ ์์๋ ์์ด ๋ณ๊ฒฝ๋์ง ์์ผ๋ฉฐ, ๋๋ณด๊ธฐ ์ญ์ ์คํจ์ ๋๋ณด๊ธฐ์๋ ๋ค๋ฅด๊ฒ ๋ํ๋ฉ๋๋ค.
์คํจ ์์ฒด์ ๋ฒ๊ทธ๋ผ๊ธฐ๋ณด๋ค๋ ํฐ์คํ ๋ฆฌ์ ๊ฐ์ ์ ์ธ ์ ์ฑ
๋๋ฌธ์ธ ๊ฒ์ผ๋ก ์ถ์ธก๋ฉ๋๋ค๋ง, ๋ณธ๋ฌธ ๋ด์ ๋น ์ค์ ์คํ์ผ์ ์ ๋ถ display: none !important
๊ฐ ์ถ๊ฐ๋ฉ๋๋ค.
<p data-ke-size="size16" style="display: none !important;"> </p>
์ด๋ ๊ฒ์. ๋ฌธ์ ๋ ์ด๊ฑธ ๋ ์ ์๋ ๊ธฐ๋ฅ์ ํฐ์คํ ๋ฆฌ๊ฐ ์ ๊ณตํ๊ณ ์์ง ์๊ธฐ์, ๋น ์ค์ ๋ค์ ๋ณด์ฌ์ฃผ๊ธฐ ์ํด์๋ ์คํจ์ ํ์ ๋น์ด์ผ ํ๋ ์ํฉ์ ๋๋ค.
ํ์ฌ ์ต์ ๋ฒ์ ์ธ 3.4.5๋ณด๋ค ๋ฒ์ ์ด ๋ฎ์ง๋ง, ์ปค๋ฐ ๊ธฐ๋ก์ ๋ณด์์ ๋ 3.4.5์์ ์ด ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋ ๊ฒ ๊ฐ์ง ์์๋ณด์ ๋๋ค.
๊ธ์ ์์ฑ ์ ๋น ์ค์ ์ผ๋ฐ ์ค ์ฌ์ด์ฌ์ด์ ๋ฃ์ ํ, ๊ธ์ ๋ฐํํฉ๋๋ค. ๋ฐํ๋ ๊ธ์์ ๋น์ค์ด ์ฌ๋ผ์ง ๊ฒ์ ํ์ธํฉ๋๋ค.
๊ฐ๊ฐ ์ค์ ํ์๋๋ ๋ชจ์ต, F12 ๊ฐ๋ฐ์ ๋ชจ๋๋ก ๋ณธ HTML ์ฝ๋, ํ์ด์ง ์์ค ๋ณด๊ธฐ๋ก ๋ณธ ๋ณธ๋ฌธ ๋ด์ฉ์ ๋๋ค.
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
์นดํ
๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ ์คํ์ผ ์ ์ฉ ์๋จ
๋ณธ๋ฌธ ๊ธ ์์ฑ ํ ๊ธ ๋ด์ฉ ์ค ํ๋จ "์นดํ
๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ" ๋ถ๋ถ์ด ์คํ์ผ ์ ์ฉ์ด ์๋จ
๋ฐ์ ๊ณผ์
์ฒ์ ๋ธ๋ก๊ทธ ์คํ์ผ ์ ์ฉ ํ ๊ธ์ ์์ฑ ํ๊ณ ๋ ๋ค
ํ์ด์ดํญ์ค ์ต์ ๋ฒ์ ์์ ์ฝ๋ ํ์ด๋ผ์ดํ
์ด ์ ์ฉ์ด ์๋๋ ์ฆ์์ด ์์ต๋๋ค.
์๋ง ํ์ด๋ผ์ดํ
์ ์ฉ๋๊ธฐ ์ ์ ํ
์คํธ๋ก ์ถ๋ ฅ๋๋ ๊ฒ ๊ฐ์ต๋๋ค.
ํฌ๋กฌ์ ์ ์ ์ ์ฉ๋๋ฉฐ, ์ค๋งํธํฐ์ด๋ ํ๋ธ๋ฆฟ๋ ์ ์ ์ ์ฉ๋ฉ๋๋ค.
ํ
์คํธ ํ์ด์ง๋ ์๋์ ๊ฐ์ต๋๋ค.
https://gustjd887.tistory.com/37
์ถ๊ฐ ๊ฑด์๋๋ฆฝ๋๋ค!
ํฌ์คํ
์ ์
๋ก๋ ๋ ์ด๋ฏธ์ง์ ๊ธฐ๋ณธ ๋๋น๊ฐ ๊ธ ๋๋น์ ๊ฐ๋๋ก ์ค์ ํ ์ ์์๊น์?
๊ธ๊ณผ ์ด๋ฏธ์ง์ ๋๋น๋ฅผ ๊ฐ๊ฒ ํ๊ธฐ ์ํด์ ์๋ ๋๊ฐ์ง ๋ฐฉ๋ฒ์ด ์กด์ฌํ๋ ๊ฒ ๊ฐ์ต๋๋ค.
1. ์ด๋ฏธ์ง ํฌ๊ธฐ๋ฅผ ์ค์ฌ์ ์ ๋ก๋
2. ๊ธฐ๋ณธ ๊ธ ๋๋น๋ฅผ ๋๊ฒ ์ค์ ํ๊ธฐ
ํ์ฌ๋ ํด๊ฒฐ ๋ฐฉ๋ฒ์ ์์ง๋ง, ํน์ ์ถ๊ฐ ๊ฐ๋ฐ ๊ณํ์ด ์์ผ์๋ค๋ฉด ๊ฐ์ ์ ๋ง์ ๋์์ด ๋ ๊ฒ ๊ฐ์ ๊ฑด์๋๋ฆฝ๋๋ค!
๋ฌด์๋ณด๋ค ๋๋ฌด ์ข์ ์คํจ ๊ฐ์ฌํฉ๋๋ค ๐โโ๏ธ
์๋
ํ์ธ์.
์คํจ์ ๊ฐ์ฌํ ์ฐ๊ณ ์์ต๋๋ค.
๋ค๋ง ์ ๊ฐ ํฌ์คํ
ํ๋ ์ฃผ์ ๊ฐ ์ ๋ํฐ ๊ด๋ จ๋ ๋ด์ฉ์ด ๋ง์๋ฐ
๊ธฐ๋ณธ์๋ฃํ์ด๋, ํจ์๋ช
, ํด๋์ค์ ๋๋ถ์ด
์ ๋ํฐ์์ ์ ๊ณตํ๋ GameObject, Transform๊ณผ ๊ฐ์ ํด๋์ค๋ค๋ ํ์ด๋ผ์ดํ
์ ํ๊ณ ์ถ์ต๋๋ค.
์ด๋๋ฅผ ์์ ํด์ผ ํ๋์ง ์ ์ ์์๊น์?
๊ฐ์ฌํฉ๋๋ค.
(์ด๋ฏธ ์๋ ๋ฌธ์๋ผ๋ฉด ์ฃ์กํฉ๋๋ค. ์ด์๋ฅผ ์ญ ํ์ด๋ ๋ชป ์ฐพ๊ฒ ์ด์..)
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
๋ฒ๊ทธ๊ฐ ์ด๋ป๊ฒ ๋ฐ์ํ๋์ง ์๋ ค์ฃผ์ธ์. ๋๋ต์ ์ธ ๋ฒ๊ทธ์ ์ค๋ช
์ ์ ์ด์ฃผ์๋ฉด ๋ฉ๋๋ค.
[e.g. ์ฝ๋ ํ์ด๋ผ์ดํ
์ด ๋์ํ์ง ์์ต๋๋ค.]
์คํจ ์์ฒด๊ฐ ์ด์ํ๊ฒ ๋ณด์ ๋๋ค. preview, ๋ฐฐํฌ ๋ ๊ณณ ๋์ผํ๊ฒ ๋ฐ์ํฉ๋๋ค.
์ฌ์ด๋ ๋ฐ ์ด์์ ๋ ์ ์ฒด ํ๋ฉด์ด ์ด๋์ด ๋ฐํฌ๋ช ํจ๊ณผ๊ฐ ์ ์ฉ๋ฉ๋๋ค. (์๋ํ์ ๊ฑด์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง class์ overlay๊ฐ ๋ถ์ด์ ์คํ์ผ์ด ๋ค์ด๊ฐ์ธ์.)
๋ธ๋ก๊ทธ์ ๊ธฐ๋ณธ์ ์ผ๋ก ์ฌ์ด๋๊ฐ ์คํ๋์ด ์๋๋ฐ ๊ณ ์ ์ ์ด๋ป๊ฒ ํ๋์ง ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ฌ์ด๋๋ฐ๊ฐ ํฌ๋ช ๋ฐฐ๊ฒฝ์ด ๋์ด ์์ด ๋ค๊ฐ ๊ทธ๋๋ก ๋ณด์ ๋๋ค.
๋คํฌ๋ชจ๋ ๋ฒํผ์ ๋๋ฅด๋ฉด ์๋ ์ฌ๋ฆฐ ์๋ฌ๊ฐ ๋ฐ์ํฉ๋๋ค.
๋ฐ์ ๊ณผ์
๋ฒ๊ทธ๊ฐ ์ด๋ค ๊ณผ์ ์ ํตํด ๋ฐ์ํ๋์ง ๊ตฌ์ฒด์ ์ผ๋ก ์ ์ด์ฃผ์ธ์.
[e.g. ํ
๋ง ๋ณ๊ฒฝ ๋ฒํผ์ ํตํด ํ์ดํธ ๋ชจ๋๋ก ๋ณ๊ฒฝ์ ์ฝ๋ ํ์ด๋ผ์ดํ
์ ์์์ด ๋ณํ์ง ์์ต๋๋ค. ...]
README.md ์ค์น ๊ณผ์ ์ ๊ทธ๋๋ก ๋ฐ๋์ต๋๋ค.
์คํฌ๋ฆฐ์ท ๋ฐ ๋งํฌ
๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ์ํฉ์ ๊ฐ๋ฅํ๋ค๋ฉด ์คํฌ๋ฆฐ์ท์ ์ฒจ๋ถํด์ฃผ์ธ์. ๋ํ ๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ๋ชจ์ต์ด ์๋ ํฌ์คํธ์ ์ฃผ์๋ฅผ ์ฒจ๋ถํด์ฃผ์๋ ๊ฒ๋ ์์ฃผ ์ข์ต๋๋ค!
๊ธฐ์กด closed ๋ ์ด์์์ ์ด์ ๊ฐ์ ํ์์ด ์์๋๋ฐ, ์ ๋ํ ํ์ดํธ๋ชจ๋์ผ ๋ ์ฝ๋ ๋ธ๋ญ์ ํ์ด๋ผ์ดํธ๊ฐ ์ฌ๋ผ์ง๋ ํ์์ ๊ฒช๊ณ ์์ต๋๋ค.
์ด๋ฌํ ๋ฌธ์ ๋ ์๊ณ , ๋คํฌ๋ชจ๋๊ฐ ๋ ์ด์ ๊ฒ ๊ฐ์์ ๋คํฌ๋ชจ๋๋ง ์ฌ์ฉํ๊ณ ์ถ์๋ฐ, css ๋ฅผ ์ด๋ป๊ฒ ์์ ํ๋ฉด ๋ ๊น์?
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
markdown ๋ฌธ๋ฒ์์ ๋ชฉ์ฐจ์ ์ธ์ฉ๋ฌธ์ด ์ธ์์ด ๋์ง ์์ต๋๋ค.
๋ฐ์ ๊ณผ์
์์ ์ ํฌ์คํ
ํด๋์ ๊ธ ๋ฟ๋ง ์๋๋ผ ์๋ก ํฌ์คํ
ํ ๊ธ ๋ชจ๋ markdown ๋ฌธ๋ฒ์์ ๋ชฉ์ฐจ์ ์ธ์ฉ๋ฌธ์ด ์ธ์๋์ง ์์ต๋๋ค.
์คํฌ๋ฆฐ์ท ๋ฐ ๋งํฌ
๊ฐ์ฌํฉ๋๋ค.
1400px๋ณด๋ค ํ๋ฉด ํฌ๊ธฐ๊ฐ ์์ ๊ฒฝ์ฐ, ์ฌ์ด๋๋ฐ๋ฅผ ์ด๊ธฐ ์ํด์๋ ๋ค๋น๊ฒ์ด์ ์ ์๋ ํ๋กํ ์์ด์ฝ์ ๋๋ฌ์ผ ํฉ๋๋ค. ํ์ง๋ง ๋ค๋น๊ฒ์ด์ ์ ์จ๊ธฐ๊ฒ ๋๋ฉด ์ฌ์ด๋๋ฐ๋ฅผ ์ฌ๋ ๋ฒํผ ์์ฒด๊ฐ ์ฌ๋ผ์ง๋ฏ๋ก, ์ฌ์ด๋๋ฐ๋ฅผ ์ด ์ ์๊ฒ ๋ฉ๋๋ค.
๋ค๋น๊ฒ์ด์ ์ ๋นํ์ฑํ ํ ์ํ์์๋ ์ฌ์ด๋๋ฐ๋ฅผ ์ด ์ ์๋ ๋ฐฉ๋ฒ์ด ํ์ํฉ๋๋ค.
PC์์ ํ์ธํ์ต๋๋ค. ๋ชจ๋ฐ์ผ ํ๊ฒฝ์์๋ ํ์ธํ์ง ์์์ต๋๋ค.
๋ง์ฝ ๋ชจ๋ฐ์ผ ํ๊ฒฝ์์ ์ค์์ดํ ๋์์ผ๋ก ์ฌ์ด๋๋ฐ๋ฅผ ์ด ์ ์๋ค๋ฉด, PC ํ๊ฒฝ๊น์ง ๊ณ ๋ คํด ์ค์์ดํ ์ด์ธ์๋ ์ฌ์ด๋๋ฐ๋ฅผ ์ด ์ ์๋ ๋ฐฉ๋ฒ์ด ํ์ํฉ๋๋ค.
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
์์ฑ์๋์ฒ๋ผ ๋ฉ์ธ ํ์ด์ง๊ฐ '๊ธ-๊ทธ๋ฆผ'์ด๋ฐ ์์ผ๋ก ๊น๋ํ๊ฒ ๋์ด๋์ง ์๊ณ
๊ทธ๋ฆผ์ด ์์ฒญ๋๊ฒ ํฌ๊ฒ ํ๋ฉด์ ๋กํ๋ ์๊ณ ๊ธ์ด ๊ทธ ๋ฐ์ ๋์ด๋์ด ๋ชฉ๋ก์ ๋ณผ ์ ์๋ ์ํ๋ก ๋์ต๋๋ค.
๋ฐ์ ๊ณผ์
https://pronist.dev/5#%EB%-B%A-%EC%-A%B-%EB%A-%-C%EB%--%-C
ํด๋น ๊ธ์ ์ฝ์ผ๋ฉฐ ์คํจ์ ์ฉ์ ํ์ต๋๋ค. ๊ทธ๋ฌ๋๋ ์๋ ์คํฌ๋ฆฐ์ท ์ฒ๋ผ ๋์ต๋๋ค.
์คํฌ๋ฆฐ์ท ๋ฐ ๋งํฌ
https://monstock.tistory.com/
๋ฉ์ธ ํ์ด์ง๊ฐ ๋ค์๊ณผ ๊ฐ์ด ๋น๋๋ค.
#60 ๋ฌธ์ ์ ๋น์ทํ๊ฑด์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง ํด๊ฒฐ์ฑ ์ด ์์์ง์ ใ ใ
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
๋ํ ์ด๋ฏธ์ง๋ฅผ ๋ฑ๋ก ํ์์๋ ๋ณธ๋ฌธ ๊ธ ์๋จ ๋ถ๋ถ ์ด๋ฏธ์ง ๋ฏธ ์ ์ฉ
์ด๋ฏธ์ง ํ์ฅ์ : png
์ด๋ฏธ์ง ํฌ๊ธฐ : 600 x 200
๋ฐ์ ๊ณผ์
๋ณธ๋ฌธ ๊ธ ์์ฑ ํ ๋ํ ์ด๋ฏธ์ง ์ค์ ํ์ ๋
๋ นํ ๋งํฌ: https://mmcrs.in/391
์ด๋ ๊ฒ ํ
์ด๋ธ ๋๋ฅด๋ฉด ๊ทธ ํ
์ด๋ธ์ด ์๋ ์์น๋ก ์ด๋ํด์ผํ๋๋ฐ ์คํจ ์
๋ฐ์ดํธํ๊ณ ๋์ ์ ๋๋ก ์๋์ด ๋์ง ์์ต๋๋ค.
๋ฌด์จ ์ฝ๋๋ฅผ ์๋ชป ๊ฑด๋๋ฆฐ๊ฑธ๊น์?
๋คํฌ๋ชจ๋ ์ highlight.js์ ์ค์ ์ ์ ์ญ css๊ฐ ๋ฎ์ด์์ฐ๋ ๊ฒ ๊ฐ์ต๋๋ค.
ํ๋ฒ ์์ ํด๋ณด๋ ค๊ณ css๋ฅผ ๊ฑด๋๋ ค๋ณด์์ผ๋ ํด๊ฒฐ์ ํ ์ ์์ด์ ๋ฌธ์๋๋ฆฝ๋๋ค.
ํน์ ์ฝ๋๋ธ๋ก ๊ด๋ จํด์ ์กฐ์ํ๋ css ์ค background ๊ด๋ จ๋ ๋ถ๋ถ์ ์๋ ค์ฃผ์๋ฉด ์๋์ผ๋ก ์์ ํด๋ณด๊ฒ ์ต๋๋คใ .
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
toc๊ฐ ์ ์ฉ์ด ์๋ฉ๋๋ค
๋ฐ์ ๊ณผ์
#33
์ ๋งํฌ์ ์ฒจ๋ถ๋ ์ฌ์ง์ฒ๋ผ toc๋ฅผ ์ ์ฉํ๊ณ ์ถ์ต๋๋ค.
ํ์ง๋ง ์คํจ ํธ์ง - toc ์ฒดํฌ๋ฅผ ํ์์๋ ๋ถ๊ตฌํ๊ณ toc๊ฐ ๋ณด์ด์ง ์์ต๋๋ค ใ ใ
[ํด๋น ํฌ์คํธ ์ฃผ์]
https://ku-hug.tistory.com/188
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
hightlight.js ๊ฐ ๋ก๋ฉ๋์ง ์์ ์๋ฌ๊ฐ ๋ฐ์ํ๊ณ , ์ด๋ก ์ธํด ์ฝ๋ ํ์ด๋ผ์ดํ
์ด ๋์ง ์์ต๋๋ค. ์ต์ด ์ฝ๋ ํ์ด๋ผ์ดํ
์ถฉ๋ ์ดํ์ ๋ธ๋ผ์ฐ์ ์ jsํ์ผ์ด ์บ์ฑ๋์ด ์ ์์ ์ผ๋ก ๋์ํ๋ ๊ฒ์ผ๋ก ๋ณด์
๋๋ค.
๋ฐ์ ๊ณผ์
์๊ธฐ OS/๋ธ๋ผ์ฐ์ ์์ ์บ์๋ฅผ ์ญ์ ํ๊ณ ํ์ด์ง ์ ์
๋งํฌ: https://dataportal.kr/54
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
๋คํฌ๋ชจ๋์์ ์ฝ๋ ํ์ด๋ผ์ดํ
์ ํ
์คํธ ์๊น์ด ์ด๋ก์ต๋๋ค.
๋ฐฐ๊ฒฝ๊ณผ ์ ์ฌํ ์์์ด๋ผ ํ
์คํธ๊ฐ ๋ณด์ด์ง ์์ต๋๋ค.
๋ฐ์ ๊ณผ์
๋คํฌ ๋ชจ๋๋ก ์ฝ๋ ํ์ด๋ผ์ดํ
ํ์ธ
์ ๋ ์์ ๋ฐฉํธ์ผ๋ก ์๋ ๋ฐฉ๋ฒ์ผ๋ก ํด๊ฒฐํ์ฌ ์ฌ์ฉ์ค์ ๋๋ค.
html[data-theme='dark'] .content__permalink>.content .contents_style>pre>code
์ ์๋ style ์ถ๊ฐ
color: #fafafa !important;
๋ฐฑ์๋ ๊ฐ๋ฐ์๋ผ ํ์คํ์ง ์์ง๋ง ์๋ง ์๋ ์ฝ๋๊ฐ ์๋๊น ์ถ์ ๋ฉ๋๋ค.
https://github.com/pronist/hELLO/blob/9aa9ddbbb0518617ee086f635c6c81a16946c64c/assets/styl/Theme/Dark/App/Main/Post/_Post/_Content.styl#L60-L61
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
๋ฒ๊ทธ๋ ์๋๊ณ ๋ธ๋ก๊ทธ ์นดํ
๊ณ ๋ฆฌ์์ ์ธ๋ค์ผ์ ํฌ๊ธฐ๊ฐ ๋๋ฌด ์ปค๋ณด์ด๋ ํ์์ด ์์ด์
์กฐ๊ธ ์๊ฒ ์กฐ์ ์ด ๊ฐ๋ฅํ์ง์ ๋ํด์ ํผ๋๋ฐฑ์ ๋๋ฆฝ๋๋ค.
์คํฌ๋ฆฐ์ท ๋ฐ ๋งํฌ
๊ทธ๋ฆฌ๊ณ ์ ๋ธ๋ก๊ทธ ๋งํฌ๋ ๊ฑธ์ด๋๋ฆฌ๊ฒ ์ต๋๋ค. ์คํจ ์ ํ๋จ์ด์!
ํ์ฌ TOC๋ ์ฐฝ ํฌ๊ธฐ์ ๊ฐ๋ก๊ฐ 1280px ์ด์์ธ ๊ฒฝ์ฐ์๋ง ํ๋ฉด ์ฐ์ธก์ ๋ํ๋ฉ๋๋ค. ์ด๋ฅผ ๋๋ต์ ์ธ ๊ทธ๋ฆผ์ผ๋ก ๋ํ๋ด๋ฉด ์ด๋ฐ ๊ทธ๋ฆผ์ด ๋๊ฒ ์ง์.
TOC์ ํ์ ์ ํ์ ์ถ๊ฐํ์ผ๋ฉด ํฉ๋๋ค.
์์ ๊ฐ์ด, ๋ณธ๋ฌธ ์์ญ ๋งจ ์์ TOC์ ์์ ํ์ํ๋ ์ต์ ์ด ์ถ๊ฐ๋์์ผ๋ฉด ํฉ๋๋ค.
์ฌ๊ธฐ์ ์ถ๊ฐ์ ์ผ๋ก ์ ์ฉ ๊ฐ๋ฅํ TOC ํ์ ์ ํ ์ต์ ์ ์ ์ํฉ๋๋ค.
๊ฐ๋ฅํ๋ค๋ฉด ๋ณธ๋ฌธ ๋ด <script>
ํ๊ทธ๋ฅผ ํตํด ์ด๋ฌํ TOC ์ค์ ์ ์ค๋ฒ๋ผ์ด๋ ํ ์ ์์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค.
๊ฐ๋ น, ์คํจ ์ค์ ์์ TOC์ '์์'์ผ๋ก ์ค์ ํ๋๋ผ๋ ๋ณธ๋ฌธ ์๋จ์ HTML ์
๋ ฅ ์ต์
์ ํตํด <script>toc_display = 'topall';</script>
๋ฅผ ์
๋ ฅํ๋ค๋ฉด, ํด๋น ๊ธ์์๋ TOC์ด '๋ณธ๋ฌธ ์๋จ ํ์ - ๋ชจ๋ ํ์'๋ก ๋ํ๋๋ ๊ฒ์
๋๋ค.
side
topall
topfold
none
๋ค๋ง ์ด ๊ฒฝ์ฐ, TOC๊ณผ ๊ด๋ จ๋ ์คํฌ๋ฆฝํธ๊ฐ <article>
ํ๊ทธ๋ณด๋ค ์๋์ ์์นํด ์์ด์ผ ์ ์์ ์ผ๋ก ์๋ํ๋ค๋ ์ ์ด ๋จ์ ์
๋๋ค.
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
๋ฒ๊ทธ๊ฐ ์ด๋ป๊ฒ ๋ฐ์ํ๋์ง ์๋ ค์ฃผ์ธ์. ๋๋ต์ ์ธ ๋ฒ๊ทธ์ ์ค๋ช
์ ์ ์ด์ฃผ์๋ฉด ๋ฉ๋๋ค.
[e.g. ์ฝ๋ ํ์ด๋ผ์ดํ
์ด ๋์ํ์ง ์์ต๋๋ค.]
๊ฐ์ด๋๋ผ์ธ์์๋ ์ฝ๋ ๋ธ๋ก์ ๋ํ ํ
๋ง๋ฅผ highlight js์์ ์ฐพ์ ๋ฃ์ผ๋ฉด ๋๋ค๊ณ ๋ช
์๋์ด ์์ง๋ง,
์ค์ ๋ก ํ์ฌ(2021.12.30.) ๊ธฐ์ค์ผ๋ก ๋์ํ์ง ์์ ํ
๋ง๊ฐ ์์ต๋๋ค.
ํ์ฌ ์ฝ๋๋ฅผ ์ถ์ธกํด๋ณด๋ ๊ฒฐ๊ณผ ํ
๋ง ๋ช
์ ์ค์ ํ๋ฉด ํด๋น ํ
๋ง ๋ช
์ผ๋ก cdn์์ ๊ฐ์ ธ์ค๋ ๊ฒ์ผ๋ก ๋ณด์ฌ์ง๋๋ฐ,
๊ทธ ๋งํฌ๊ฐ highlight ๋ฒ์ ์ ๋ฐ๋ผ ๋ค๋ฆ
๋๋ค
ํ์ฌ hightligt์ ์ต์ ๋ฒ์ ์ผ๋ก ๋ณด๋ฉด
https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/base16/gruvbox-dark-hard.min.css
์ด์ง๋ง,
๋ธ๋ก๊ทธ ํ
๋ง์ ์ ์ฉ๋ ๋ฒ์ ์ผ๋ก๋
https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/styles/gruvbox-dark.min.css
์ผ๋ก ๊ฐ์ ธ์์ผํฉ๋๋ค.
highlight ๋ฒ์ ์ ๋ช ์ํด์ฃผ์๊ฑฐ๋ ๋ฒ์ ์ ์ ํด์ฃผ์ค ์ ์์๊น์?
๋ฐ์ ๊ณผ์
๋ฒ๊ทธ๊ฐ ์ด๋ค ๊ณผ์ ์ ํตํด ๋ฐ์ํ๋์ง ๊ตฌ์ฒด์ ์ผ๋ก ์ ์ด์ฃผ์ธ์.
[e.g. ํ
๋ง ๋ณ๊ฒฝ ๋ฒํผ์ ํตํด ํ์ดํธ ๋ชจ๋๋ก ๋ณ๊ฒฝ์ ์ฝ๋ ํ์ด๋ผ์ดํ
์ ์์์ด ๋ณํ์ง ์์ต๋๋ค. ...]
์์ ์ค๋ช
์คํฌ๋ฆฐ์ท ๋ฐ ๋งํฌ
๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ์ํฉ์ ๊ฐ๋ฅํ๋ค๋ฉด ์คํฌ๋ฆฐ์ท์ ์ฒจ๋ถํด์ฃผ์ธ์. ๋ํ ๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ๋ชจ์ต์ด ์๋ ํฌ์คํธ์ ์ฃผ์๋ฅผ ์ฒจ๋ถํด์ฃผ์๋ ๊ฒ๋ ์์ฃผ ์ข์ต๋๋ค!
์ง๊ธ์ 10.1.2 ๋ฒ์ ์ ์๋ ๊ฒ์ ๊ฐ์ ธ์ค๋๋ก ์ค์ ํจ.
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์์ฐ๋ ๋ธ๋ก๊ทธ ๋ค์ด๊ฐ์ ํ์ธํ์ ๋, ๋คํฌ/๋ผ์ดํธ ๋ชจ๋์ ๋ฐ๋ผ ๋ณธ๋ฌธ ๊ธ ์์์ด ๋ณ๋๋ก ์ง์ ๋์์ ๊ฒฝ์ฐ ์๋ ๋ณํ์ด ๋์๋๋ฐ, ์ ๋ธ๋ก๊ทธ์์๋ ์๋ํ์ง ์๊ณ ์์ต๋๋ค. ํน ํด๊ฒฐ ๋ฐฉ๋ฒ์ด ์์๊น์?
์๋ฅผ ๋ค๋ฉด ์์ฐ๋ ๋ธ๋ก๊ทธ์์ ๋ผ์ดํธ ๋ชจ๋์ ํํฌ์ ํฐํธ๋ ๋คํฌ ๋ชจ๋์์ ํ๋์์ผ๋ก ๋ณํ๋๊ณ ์๋ ๊ฒ์ ํ์ธํ์์ต๋๋ค.
๊น๋ํ๊ณ ๋ฉ์ง ์คํจ ์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
์ ๊ฐ ๋ธ๋ก๊ทธ๋ฅผ ์ฌ์ฉํ๋ ํ๊ฒฝ์ด ์ง/ํ์์ธ๋ฐ, ์ง์์ ๋ฌธ์ ๊ฐ ์์์ผ๋ ํ์์ ๋คํธ์ํฌ ๋ฌธ์ ์ธ์ง ์คํจ์ ๋ก๋ฉ์ด ๋์ง ์์ ๋ธ๋ก๊ทธ ์์ฒด๋ฅผ ๋ณผ ์ ์๋ ํ์์ ๋ฐ๊ฒฌํ์ต๋๋ค.
<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
ํ์ธํด๋ณด๋ ์ด ๋ถ๋ถ์์ ๋ก๋ฉ์ด ์ ๋๋ก ๋์ง ์์ ๋ฐ์ํ๋ ๋ฌธ์ ์ธ ๊ฒ์ผ๋ก ํ์ ํ๊ณ , ์ผ๋จ ๋ค๋ฅธ ๊ณณ(cdnjs)์์ ๋์ผํ ๋ฒ์ ์ ์ฃผ์๋ฅผ ๋ฐ์ ์ ๋ ฅํ๋ ์ ์์๋๋ฉ๋๋ค.
์น ๊ฐ๋ฐ์ ์์ ์ด์ง๋ผ ์ด๊ฒ ์ ํํ ํด๊ฒฐ ๋ฐฉ๋ฒ์ธ์ง๋ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค๋ง, ํน์ ํ๊ฒฝ์์ ๋ฐ์ํ๋ ๋ฌธ์ ๊ฐ ์๋ค๋ ์ ์ ์๋ ค๋๋ฆฌ๋ฉด ์๊ฒ๋๋ง ๋์์ด ๋ ๊น์ถ์ด ์ ๋ณด๋๋ฆฝ๋๋ค. ๋ ๊ฐ์ฌํฉ๋๋ค!
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
๋ฒ๊ทธ๊ฐ ์ด๋ป๊ฒ ๋ฐ์ํ๋์ง ์๋ ค์ฃผ์ธ์. ๋๋ต์ ์ธ ๋ฒ๊ทธ์ ์ค๋ช
์ ์ ์ด์ฃผ์๋ฉด ๋ฉ๋๋ค.
[e.g. ์ฝ๋ ํ์ด๋ผ์ดํ
์ด ๋์ํ์ง ์์ต๋๋ค.]
์คํจ ๋ณ๊ฒฝ์ ์๋ก ์ธ๋ฒ ์๋ํ๋๋ฐ ๋งค๋ฒ ์๋์ต๋๋ค.
์ ๊ฐ ์๋ชปํ๊ฑด์ง ๋ค๋ฅธ๋ถ๋ค์ ์ด๋ฐ ํ์์ ๊ฒช์ผ์ ๋ถ์ด ์๊ณ์๋ค์.
์ข์ ์คํจ ์ ํ์ฉํ์ง ๋ชปํด์ ์์ํ๋ค์ ใ
ใ
์ฝ๋๋ธ๋ญ highlight์ ์ฉ์ด ์๋ฉ๋๋ค.
cdn์ผ๋ก๋ ํด๋ณด๊ณ ํ์ผ ์
๋ก๋ํด์ ์ฌ๋ ธ๋๋ฐ
๋ฐฐ๊ฒฝ์์ด๋ ๊ฒน์ณ์ ๊ทธ๋ฌ๋์ง ์์ด ์ด์ํ๊ฒ ๋์ค๋ค์.
css์์ pre code์ ๋ฐฐ๊ฒฝ์ ๊ฐ์ ๋ก ๋ฐ๊ฟ๋ ์ฝ๋ ์์ด ์ด์ํ๊ฒ ์ ์ฉ๋ฉ๋๋ค.
๋ฐ์ ๊ณผ์
๋ฒ๊ทธ๊ฐ ์ด๋ค ๊ณผ์ ์ ํตํด ๋ฐ์ํ๋์ง ๊ตฌ์ฒด์ ์ผ๋ก ์ ์ด์ฃผ์ธ์.
[e.g. ํ
๋ง ๋ณ๊ฒฝ ๋ฒํผ์ ํตํด ํ์ดํธ ๋ชจ๋๋ก ๋ณ๊ฒฝ์ ์ฝ๋ ํ์ด๋ผ์ดํ
์ ์์์ด ๋ณํ์ง ์์ต๋๋ค. ...]
ํ์ด๋ผ์ดํธ ์ ์ฉํ๋๋ฐ ํ์ด๋ผ์ดํ
์์์ด ์ ์ฉ์ ๋๋๊ฑฐ ๊ฐ์๋ฐ ๋ฐฐ๊ฒฝ์ด ์๋ฐ๋์ด์ ๊ทธ๋ฐ์ง ์ด์ํ๊ฒ ๋์ต๋๋ค.
ํ๋ฌ๊ทธ์ธ์ ์ฒ์๋ถํฐ ์์ผ์ต๋๋ค.
์ฝ๋ ํ์ด๋ผ์ดํ
์คํฌ๋ฆฐ์ท ๋ฐ ๋งํฌ
๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ์ํฉ์ ๊ฐ๋ฅํ๋ค๋ฉด ์คํฌ๋ฆฐ์ท์ ์ฒจ๋ถํด์ฃผ์ธ์. ๋ํ ๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ๋ชจ์ต์ด ์๋ ํฌ์คํธ์ ์ฃผ์๋ฅผ ์ฒจ๋ถํด์ฃผ์๋ ๊ฒ๋ ์์ฃผ ์ข์ต๋๋ค!
ํ๊ฒฝ
์ค๋ช
๊ธ์ฐ๊ธฐ์์ ์ฝ์
๋ ํฐ์คํ ๋ฆฌ ๊ธฐ๋ณธ ํ
์ด๋ธ์ ํน์ ํ
๋ง๊ฐ ์ ์ฉ๋์์์ ํฐํธ์์ ๋ฐ์ ์ ๋ฐฐ๊ฒฝ์์ ๋ฐ๋ผ ๋ค๋ฅด๊ฒ ๋์ํด์ผํ๋ ์ผ๊ด์ ์ผ๋ก ๋ณ๊ฒฝ๋์ด ๊ฐ๋
์ฑ์ด ๋จ์ด์ง๋ ๊ฒฝ์ฐ ๋ฐ์
๋ฐ์ ๊ณผ์
ํ
๋ง ๋ณ๊ฒฝ ๋ฒํผ์ ํตํด ๋คํฌ ๋ชจ๋๋ก ๋ณ๊ฒฝ์ ํ
์ด๋ธ์ ์ ์ฉ๋ ํฐํธ๋ฐ์ ์ด ๋์ํ์ง ์์์ผํ ํ
๋ง์์๋ ๋์
์๋ ํ์ธ์!
์ด์ ์ฒ์ ํฐ์คํ ๋ฆฌ๋ฅผ ์ ํ๋๋ฐ, ๋๋ฌด ์ธ๋ จ๋ ์คํจ์ ๋ฐฐํฌํด์ฃผ์
์ ๊ฐ์ฌํ๊ฒ ์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค :)
๋ฐ๊ฒฌํ ํธ๋ฌ๋ธ 1 ๊ฐ์ ๊ฑด์์ฌํญ 2 ๊ฑด์ ๋ง์๋๋ฆฌ๊ณ ๊ฐ๋๋ค.
์ ์ฅํด๋์ ์์์ ๋ถ๋ฌ์์ ์์ฑํ๋ ๊ฒฝ์ฐ, ์์์ ์๋ ์ฝ๋๋ธ๋ญ์ ์ฌ์ฌ์ฉํ๊ฒ ๋๋ฉด ๋ค์ ์ฌ์ง์ฒ๋ผ ํ์์ ๊ตต์ ํ
๋๋ฆฌ๊ฐ ์๊น๋๋ค. ์ ์ด์ ๋ฐ๊นฅ์ ์์์ด ํฐ์์ผ๋ก ์ค์ ๋์ด ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋ชจ์๋ฆฌ์ ํฐ ์ ์ ์ผ๋ก ๋ณด์ด๋ค์!
๊ฑด์์ฌํญ (1)
์ฝ๋๋ธ๋ญ์ ์ฌ์ฉ๋๋ ํ์ด๋ผ์ดํ
์ ์ค์ ํ๊ฒ ํด์ฃผ์ ๊ฒ ์ฒ๋ผ ํฐํธ ์ค์ ๋ ์ฐจํ์ ์กฐ๊ธ ์ถ๊ฐ๋์์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค.
ํน์ ์ถ๊ฐ ์์ ์ด๋ฉด ๊ณ ๋ คํด์ฃผ์๋ฉด ๊ฐ์ฌ๋๋ฆฌ๊ฒ ์ต๋๋ค.
๊ตฌ์ฒด์ ์ผ๋ก ์ํ๋ ํฐํธ๋ DejaVuSansMono ์ด๊ณ ๊ธฐ๋ฅ์ ์ฌ์ด์ฆ ์กฐ์ ์
๋๋ค.
๊ฑด์์ฌํญ (2)
์ ๊ฐ ํฐ์คํ ๋ฆฌ๋ฅผ ์์ง ๋ค ํ์
ํ๊ฒ ์๋๋ผ์ ์คํจ์ ์ ์ํ๋ฉด์ ๊ฐ๋ฅํ ๊ฒ์ธ์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค.
์์์ ๋ถ๋ฌ์์ ์์ฑํ๋ ๊ฒฝ์ฐ, 1) ์ ๋ชฉ์ด ์ ์ง๋๊ณ , 2) ํด์ํ๊ทธ๋ ์ ์ฅํ ์ ์๊ฒ ๋์์ผ๋ฉด ํ๊ณ ๋ฐ๋๋๋ค.
๋ค์ ํ ๋ฒ ๊ฐ์ฌํฉ๋๋ค :)
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
๋ฒ๊ทธ๊ฐ ์ด๋ป๊ฒ ๋ฐ์ํ๋์ง ์๋ ค์ฃผ์ธ์. ๋๋ต์ ์ธ ๋ฒ๊ทธ์ ์ค๋ช
์ ์ ์ด์ฃผ์๋ฉด ๋ฉ๋๋ค.
[e.g. ์ฝ๋ ํ์ด๋ผ์ดํ
์ด ๋์ํ์ง ์์ต๋๋ค.]
ํด๋น ์คํจ์ ์ฌ์ฉํ ํ ๋ธ๋ก๊ทธ๋ฅผ ๋ฐฉ๋ฌธํ๊ฑฐ๋ ๊ฐ๋ฐ์๋ ๋ธ๋ก๊ทธ๋ฅผ ๋ณด๋ฉด ํฐ์คํ ๋ฆฌ ํ๋จ์ ์ด์์ค์ธ ๋ธ๋ก๊ทธ ์์ญ์ด ๋จ๋๋ฐ,
์ ํฐ์คํ ๋ฆฌ์์๋ ๋จ์ง ์์์
๋ฐ๋ก ์ค์ ํด์ฃผ์ด์ผํ๋ ๋ถ๋ถ์ด ์๋์?
๋ฐ์ ๊ณผ์
๋ฒ๊ทธ๊ฐ ์ด๋ค ๊ณผ์ ์ ํตํด ๋ฐ์ํ๋์ง ๊ตฌ์ฒด์ ์ผ๋ก ์ ์ด์ฃผ์ธ์.
[e.g. ํ
๋ง ๋ณ๊ฒฝ ๋ฒํผ์ ํตํด ํ์ดํธ ๋ชจ๋๋ก ๋ณ๊ฒฝ์ ์ฝ๋ ํ์ด๋ผ์ดํ
์ ์์์ด ๋ณํ์ง ์์ต๋๋ค. ...]
์คํจ ์ ์ฉ ํ ์ฒ์๋ถํฐ ํฐ์คํ ๋ฆฌ ์์ญ ํ์ฑํ ํ์ธ์ด ๋ถ๊ฐ๋ฅํฉ๋๋ค.
์คํฌ๋ฆฐ์ท ๋ฐ ๋งํฌ
๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ์ํฉ์ ๊ฐ๋ฅํ๋ค๋ฉด ์คํฌ๋ฆฐ์ท์ ์ฒจ๋ถํด์ฃผ์ธ์. ๋ํ ๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ๋ชจ์ต์ด ์๋ ํฌ์คํธ์ ์ฃผ์๋ฅผ ์ฒจ๋ถํด์ฃผ์๋ ๊ฒ๋ ์์ฃผ ์ข์ต๋๋ค!
๋ฉ์ธํ์ด์ง๋ก ๋ค์ด๊ฐ์ง์ง ์๊ณ ๋ก๋ฉ์ฐฝ์์ ๋ฉ์ถฐ์์ต๋๋ค
์ฝ๋๋ธ๋ญ ํฐํธ๊ฐ ์ผ๋ฐ ๊ณ ๋์ฒด๋ก ๋์ต๋๋ค.
์ด๋ฅผ ๊ณ ์ ํญ ๊ธ๊ผด๋ก ๋ฐ๊พธ๋ ๊ฒ์ ์ด๋จ๊น์?
ํ๋ฒ ์ ์๋๋ ค๋ด ๋๋ค.
๋ํ ์ ๊ฐ html์์ ๊ฑด๋๋ฆฐ ๊ฒ ์์์๋ Designed by... ๊ฐ ๋์ค์ง ์์ต๋๋ค.
์ด๊ฒ๋ ๋ฒ๊ทธ์ธ ๊ฒ ๊ฐ๋ค์.
์๋
ํ์ธ์~ hELLO๋์ ํฐ์คํ ๋ฆฌ ์คํจ์ ์ฌ์ฉ ์ค์ธ ๋ฒ ๋๋ผ๊ณ ํฉ๋๋ค! ๐
์คํจ ๋๋ฌด ์ข๊ณ ์ ์ฌ์ฉํ๊ณ ์์ด์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ๐โโ๏ธ
๋ค๋ฆ์ด ์๋๋ผ ์คํจ์ ์ฌ์ฉํ์ฌ ๊ธ์ ์์ฑํ์๋๋ฐ ์ฐ์ธก ์์ ๋ชฉ ๋ถ๋ถ์ด ์คํฌ๋กค์ ๋ด๋ ค๋
Bold ์ฒ๋ฆฌ๊ฐ ๋์ง ์๋ ์ด์๋ฅผ ๋ฐ๊ฒฌํ์์ต๋๋ค~ ๐ฑ
ํน์ ์ ๊ฒ๋ง ๊ทธ๋ฐ ๊ฒ์ธ์ง ํ์ธํด๋ณด๋ hELLO๋ ๋ธ๋ก๊ทธ์ PHP ์ต์ ๊ธ๋ ๊ฐ์ ํ์์ด ๋ณด์ฌ์ ์ ๋ณด ๋๋ฆฝ๋๋ค! ๐จ
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
[๋ณธ๋ฌธ์์ ์ด๋ฏธ์ง๋ฅผ ์ํ์ผ๋ก 2๊ฐ ์ด์ด ๋ถ์ฌ์ง๋ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ๋, ๋ณธ๋ฌธ ์์ญ ๋ฐ์ผ๋ก ๋ฒ์ด๋ฉ๋๋ค.]
๋ฐ์ ๊ณผ์
[ํ๋ฉด ํฌ๊ธฐ๋ฅผ ์ค์ด๋ฉด ๋ณธ๋ฌธ์์ญ์ด ์ค์ด๋ฌ์ ๋ฐ๋ผ ์ด๋ฏธ์ง ํฌ๊ธฐ๊ฐ ๊ฐ์ด ์ ์ค์ด๋ญ๋๋ค. ์คํจ์ด ๋ณธ๋ฌธ ์ฃผ๋ณ ๊ณต๋ฐฑ์ด ์๊ธฐ ๋๋ฌธ์ธ๊ฑฐ ๊ฐ์ต๋๋ค. ํ์ง๋ง, ๋ณธ๋ฌธ ์์ญ์ด ๋์ ๊ฒฝ์ฐ = ๋ณธ๋ฌธ ์ข์ฐ๋ฉด์ ์ฌ๋ฐฑ ๊ณต๊ฐ์ด ์๋ ๊ฒฝ์ฐ์๋ ์ด๋ฏธ์ง๊ฐ ๋ฒ์ด๋ฉ๋๋ค.]
์คํฌ๋ฆฐ์ท ๋ฐ ๋งํฌ
ํ๋ฉด ํฌ๊ธฐ๋ฅผ ์ค์์ ๋(์ ์):
ํ๋ฉด ํฌ๊ธฐ๊ฐ ํด ๋(๋ฒ๊ทธ ์์):
ํด๋น ํฌ์คํธ ๋งํฌ: https://vg-rlo.tistory.com/entry/%EA%B0%95%EC%9D%98%EB%85%B8%ED%8A%B8-Time-Series-Regression-Part-3
์ค๋ ์คํจ์ ๋ณ๊ฒฝํ ์ ์ ๋ธ๋ก๊ทธ ์ ๋๋ค. https://blog.jjlovechoco.com/7
pc๋ก ๋งํฌ์ ์ ์ํด๋ณด์๋ฉด, ์ฌ์ง์ ๋์ด์ ๋ค๋ฅธ ํ ์คํธ๋ค์ ๋์ด๊ฐ ๋ค๋ฅธ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค. ์ด๋ป๊ฒ ํด๊ฒฐํ ์ ์์๊น์?
์๋ ํ์ธ์ ๊ฐ๋ฐ์๋. ๋ง๋ค์ด์ฃผ์ ํฐ์คํ ๋ฆฌ ํ ๋ง ์์ฃผ ์ ์ฐ๊ณ ์์ต๋๋ค.
๊ฑด์ ์ฌํญ
(๋คํฌ๋ชจ๋ ์ฌ์ฉ์)๋งํฌ๋ฅผ ๊ฑธ์ด๋๋ฉด ๋ณดํต ํ๋๊ฒ ํ์๊ฐ๋์ด์ ์ง๊ด์ ์ธ๋ฐ
๋งํฌ๋ฅผ ๊ฑธ์ด๋์ด๋ ๋งํฌ๊ฐ ํ๋๊ฒ ํ์๊ฐ ์๋์ด์ ์ง๊ด์ ์ด์ง ์๋ค๊ณ ์๊ฐ๋ฉ๋๋ค.
a[href] ํ๊ทธ ์ด์ฉํด์ ๋ฐ๊ฟ๋ คํด๋ ์ ์๋์ด์ ๊ฑด์์ฌํญ์ ๋จ๊ฒจ๋ก๋๋ค.
์ธ์ ๋ ํ๋ณตํ์ญ์ผ!
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
๊ธ ์ฝ๋ ํ๋ฉด์ ์ง์ ํ๋ฉด ๋ช ์ด ํ ๋์ด ๋ญํญํ ์ฌ๊ฐํ์ ์ ์ด ๋ฐ์ํ๊ณ ์คํฌ๋กค์ ๋ด๋ ค๋ ํ๋ฉด ํ๋จ์ ๊ณ ์ ๋์ด์ ์์ง์ด์ง ์๋ค๊ฐ ์ ์ด ํ์ ์ฌ๋ผ์ง๋๋ค
๋ชจ๋ฐ์ผ ํด์๋์์ ํ๋ฉด ์์ ๋ฐ์ํฉ๋๋ค
๋ฐ์ ๊ณผ์
๊ธ ๋ชฉ๋ก์์ ๊ธ ์ฝ๊ธฐ๋ก ๋์ด๊ฐ๋ฉด ๋ฐ์ํ๋ ๊ฑฐ ๊ฐ์ต๋๋ค
์คํฌ๋ฆฐ์ท ๋ฐ ๋งํฌ
์ ๋ธ๋ก๊ทธ
์ฌ์ง
์ํธ์์ฉ ๋ฉ์ธ์ง ๊ธฐ๋ฅ์ ํค๊ณ
๊ณต๊ฐ์์ฒญ๋์ ๋น์์ ๊ทธ๋ฌ๋๊ฑฐ ๊ฐ๋ค์!!
ํด๊ฒฐ๋์ต๋๋ค
TOC ์ h4 ํ๊ทธ๋ฅผ ํ์ํด์ค ์ ์์๊น์?
์ ๊ฐ ๊ฒฝํํ ๋ฒ๊ทธ๋ค์ ๋๋ค. ํน์ ๋ ๋ฐ๊ฒฌ๋๋ฉด ์ถ๊ฐํ๊ฒ ์ต๋๋ค.
๋ชจ๋ฐ์ผ์์ ์นดํ
๊ณ ๋ฆฌ์ ๋ค์ด๊ฐ๋ฉด ์ ๋ชฉ์ด ์ ๋ ๊ฒ ํ์๋ฉ๋๋ค. ์ฌํ๋ฆฌ๋, ํฌ๋กฌ๋ ๋ง์ฐฌ๊ฐ์ง์์ต๋๋ค.
๋ํ, ์ปค๋ฒ ํ์ ๋ฆฌ์คํธ์์ ๊ตฌ๋ถ์ ์ด ๋คํฌ ๋ชจ๋ ์ผ๋๋ ๊น๋งฃ๊ฒ ๋์ ์ ๋ณด์ด์ง ์์ต๋๋ค.
์ ์ฒด ๊ธ ๋ณด๊ธฐ์์ ๋ธ๋ก๊ทธ ์ด๋ฆ์ด ๋ค์๊ณผ ๊ฐ์ด ํ์๋๋ค์. ํน์๋ฌธ์๋ผ ๊ทธ๋ฐ๊ฑธ๊น์?
์ปค๋ฒ์ Magazine ์คํจ์ ์ฌ๋ผ์ด๋ ๋ฆฌ์คํธ 2 ๊ฐ์ ํํ์ ์ปค๋ฒ๊ฐ ๋ค์ด๊ฐ๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค.
๊ทธ๋ฆฌ๊ณ Poster์คํจ์ ์ปค๋ฒ์ฒ๋ผ ๊ทธ๋ฅ ์ฌ์ง๋ง ๋ํ๋ด๋ ์ปค๋ฒ๋ ์์ผ๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค.
๋ํ, ์ฌ์ด๋๋ฐ๊ฐ ํ์๋๋ ์ต์ ๊ฐ๋กํญ์ 1400px๋ก ๋ฐ๊พธ๋ ๊ฒ์ด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค. 13์ธ์น ๋งฅ๋ถ์์ ์ฌ์ด๋๋ฐ๊ฐ ๋์ฌ ๊ณต๊ฐ์ ์ถฉ๋ถํ๋ฐ, ํ์๋์ง ์์ ํ์๊ฐ ์์ ๊ฒ ๊ฐ์ต๋๋ค.
๋นจ๋ฆฌ ์์ ํด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค~
์๋
ํ์ธ์! ํฐ์คํ ๋ฆฌ ์คํจ ๊ฐ์ฌํ ์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
์ฌ์ฉํ๋ฉด์ ๋ฒ๊ทธ์ธ์ง๋ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค๋ง ์์ ๋ ์ ์๋ ์ง ํ์ธํด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค.
๋ชจ๋ฐ์ผ(๋คํฌ๋ชจ๋)์์ ๊ธ์ ํ์ธํ๋ค๋ณด๋ฉด ์ค๊ฐ ์ค๊ฐ ๊ธ ์ผ๋ถ๊ฐ ๊ฑฐ์ ํ์์ผ๋ก ๋ณ๊ฒฝ๋์ด ์๋ ๊ฒฝ์ฐ๊ฐ ์์ต๋๋ค.
์ด๊ฒ์ ํฐ์คํ ๋ฆฌ์ ๋ฌธ์ ์ธ ๊ฒ ๊ฐ์ต๋๋ค๋ง ํน์ ํด๊ฒฐ๋ฐฉ๋ฒ์ด ์์๊นํด์ ์ฌ์ญค๋ด
๋๋ค. Latex๋ฅผ ์ ์ฉํ ํ๋ฉด์ ํธ๋ํฐ์ผ๋ก ์นํ๋ฉด์ผ๋ก ํ์ธํ ๋, Latex ๊ธธ์ด ๋๋ฌธ์ ์๋์ ๊ฐ์ ํ์์ด ๋ฐ์ํฉ๋๋ค. Latex๊ฐ ์๊ฑฐ๋ ์งง์ผ๋ฉด ํฌ๊ฒ ๋ฌธ์ ๊ฐ ๋์ง๋ ์์ต๋๋ค๋ง ์๋ผ์ฃผ๋ ๊ฒ ์ต์ ์ด๊ฒ ์ฃ ?ใ
ใ
ํญ์ ๊ฐ์ฌํฉ๋๋ค!
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
๊ตฌ๋
๋ฒํผ ๋ฐ ๋๊ธ ์์ฑ์ด ๋ค๋ชจ ๋ฐ์ค๋ก ๋์ต๋๋ค.
[e.g. ์ฝ๋ ํ์ด๋ผ์ดํ
์ด ๋์ํ์ง ์์ต๋๋ค.]
์คํฌ๋ฆฐ์ท ๋ฐ ๋งํฌ
์๋ ์ฌ์ง์ ๋ณธ๋ฌธ ๋ด์ฉ ํ๋จ์ ๋๊ธ ์ฐฝ์
๋๋ค.
์ปค๋ฒ ๊ธฐ๋ฅ์์ ์ปค๋ฒ ์์ดํ ํ์์ ํ์ '๊ทธ๋ฆฌ๋' ํน์ '๊ฐค๋ฌ๋ฆฌ'๋ฅผ ์ฌ์ฉ ์ ํญ๋ชฉ๋ค์ด ์ธ๋ก ํ ์ค๋ก๋ง ํ์๋จ
์ธ๋ก ํ ์ค๋ก๋ง ํ์๋๋ ๊ฒ์ด ์๋, ๊ฐ๋ก๋ก 3~4๊ฐ์ ํญ๋ชฉ์ ํ์ํ ํ ๋ค์ ์ค๋ก ๋์ด๊ฐ์ผ ํจ
'์ปค๋ฒ ์์ดํ '์ '๊ทธ๋ฆฌ๋' ํน์ '๊ฐค๋ฌ๋ฆฌ'๋ก ์ค์ ํ, ์ค์ ์ ์ ์ฅํ๊ณ ์ข์ธก์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ๋ฉด์ด๋ ์ค์ ๋ธ๋ก๊ทธ ํ๋ฉด์ ์๋ก๊ณ ์นจ
https://tetralog.tistory.com (์์๋ก ํ ํ๋ฉด์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ ์ปค๋ฒ ์์ดํ ๋ค๋ก ์ค์ ํด๋์์ต๋๋ค)
์์ ๋ฒ์ ๋ถํฐ ์์๋ ๋ฒ๊ทธ ๊ฐ์ต๋๋ค. ํฐ์คํ ๋ฆฌ ์คํจ ์ ์ฅ ๊ธฐ๋ฅ์ ํตํด ์ ์ฅํด๋ ์คํจ ๋ฒ์ ์ด 3.5.1๋ก ๋ฉ๋ชจ๊ฐ ๋์ด ์๋๋ฐ, ๊ทธ ์คํจ์ ์ฌ์ฉํ์ ๋์๋ ๋๊ฐ์ ์ผ์ด ๋ฐ์ํด ์ต์ ๋ฒ์ ์ผ๋ก ์ ๋ฐ์ดํธ๋ฅผ ํ์ผ๋, ์ฌ์ ํ ํด๋น ๋ฒ๊ทธ๊ฐ ๋ฐ์ํด ๋ฒ๊ทธ ๋ฆฌํฌํธ๋ฅผ ๋จ๊น๋๋ค.
๋ค๋ฅธ ์ปค๋ฒ ์์ดํ ํ์ ์ ํ์์๋ ๋ณ๋ค๋ฅธ ๋ฒ๊ทธ๋ฅผ ํ์ฌ๊น์ง๋ ๋ฐ๊ฒฌํ์ง ๋ชปํ์ต๋๋ค.
AdGuard์ Privacy Badger์ ์ฌ์ฉ์ด ํด์ ๋ ์ํ์์ ์์ฑ๋์์ผ๋ฏ๋ก, ํด๋น ์ ๋์จ์ด ๋ฌธ์ ๋ฅผ ์ผ์ผ์ผฐ์ ๊ฐ๋ฅ์ฑ์ ์ ์ ๊ฒ์ผ๋ก ๋ณด์
๋๋ค.
AdGuard๋ ๋ธ๋ผ์ฐ์ ํ์ฅ ํ๋ก๊ทธ๋จ์์ '์ด ์น์ฌ์ดํธ์์ ํ์ฑํ๋จ'์ด ํ ๊ธ ์คํ ๋์ด ์์ผ๋ฉฐ, Privacy Badger ์ญ์ 'Disable for this site'๊ฐ ์ ํ๋ ์ํฉ์
๋๋ค.
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
๊ฒ์๊ธ ๋ณธ๋ฌธ ํ๋จ ์์
์์ด์ฝ์ ์์น๊ฐ ์ ์์ ์ผ๋ก ์ ๋ ฌ๋์ง ์์ต๋๋ค.
๋ฐ์ ๊ณผ์
iOS Firefox Daylight ๋ธ๋ผ์ฐ์ / MacOS Safari ๋ธ๋ผ์ฐ์ Development -> UserAgent -> Safari iPhone
๋ ํ๊ฒฝ์์ ์์ด์ฝ์ด ์ผ์ชฝ์ผ๋ก ์ ๋ฆฌ๋ ํ์์ด ์์ต๋๋ค.
์๋
ํ์ธ์. ๊ธฐ๋ณธ ์คํจ ์ฌ์ฉ ์ค์ hELLO ์คํจ์ผ๋ก ๋ณ๊ฒฝ ํ์ฌ ์ฌ์ฉ ํ๋ ์ค ์ฌ์ฉ ํ๋ ๊ธฐ๋ฅ์ด ์์ด์ ธ์ ๋ฌธ์๋๋ฆฝ๋๋ค.
๊ด๋ฆฌ ํ์ด์ง์ ๋ณด๋ฉด ๋งํฌ๊ฐ ์๊ณ , ๊ฑฐ๊ธฐ ์ถ๊ฐํ ๋งํฌ๋ฅผ ์ฌ์ด๋๋ฐ์์ ์ด์ฉ ๊ฐ๋ฅํ๋๋ฐ ํด๋น ์คํจ์ ์ฌ์ด๋๋ฐ์ ๋งํฌ๊ฐ ์๋๋ผ๊ตฌ์.
ํน์ ์ด ๋ถ๋ถ์ ์ฐจํ ๊ธฐ๋ฅ์ ์ถ๊ฐ ํด์ฃผ์ค ๊ณํ์ด ์์ผ์ ๊ฐ์?
ํน์ ์ถ๊ฐ ๊ณํ์ด ์๋ค๋ฉด ํ์ผ์ ์ด๋ ๋ถ๋ถ์ ์ถ๊ฐ ํด์ผ ํ๋์ง ์๋ ค์ฃผ์ค ์ ์์๊น์?
๋ํ ์ปค๋ฒ ์์ดํ - ์ฝํ ์ธ ์ง์ ์ ๋ ฅ ์ ํํ์ด์ง์ ๋ด์ฉ ์ถ๋ ฅ์ด ์๋ฉ๋๋ค.
https://codename393.tistory.com/1
์ด ๊ฒ์๋ฌผ ๋ฐ '๋ค์ด๋ก๋' ํญ๋ชฉ์ ๋ณด์๋ฉด ๋ค์ด๋ก๋ ์์ด์ฝ ์์์ด ๋ณ๊ฒฝ์ด ์๋ ์ ์๋ณด์
๋๋ค.
์๋ ํ์ธ์! hELLO ์คํจ ์ ๋ง ์ ์ฐ๊ณ ์์ต๋๋ค.
๊ฒ์๋ฌผ ์ค๋ฅธ์ชฝ ์๋์ SNS ๊ณต์ ๋ฒํผ / URL ๋ณต์ฌ ๋ฒํผ์ ํด๋ฆญํ์ ๋ ๋์์ด ์ ์์ ์ผ๋ก ๋์ง ์์ ์ด์ ๋ฃ์ด๋ด ๋๋ค.
์ ํฐ์คํ ๋ฆฌ๋ง ์ด๋ฐ๊ฐ ํ๋๋ฐ ์คํจ ๋ฐฐํฌ ๋ธ๋ก๊ทธ์์๋ ๊ฐ์ ํ์์ด ํ์ธ๋์ด ์ ๋ณด๋๋ฆฝ๋๋ค. ํ์ธ ๋ถํ๋๋ฆฌ๊ฒ ์ต๋๋ค!
์ค๋ช
์ต์ ๋ฒ์ (3.6.1)์ ์ฌ์ฉํ๊ณ ์๊ณ , ์ ๋ชฉ1, ์ ๋ชฉ2๋ก ์ค์ ํ ๊ฒฝ์ฐ ์ฌ์ง๊ณผ ๊ฐ์ด ๊ฒน์น๋ ํ์์ด ๋ฐ์ํฉ๋๋ค.
๋ฐ์ ๊ณผ์
์ ์ํ๋ฉด ํญ์ ๋ฐ์ํฉ๋๋ค.
ํ๋ฉด์ ํ๋ํ๋ฉด ๋ณด์ด์ง ์์ง๋ง ์ถ์ํ๋ฉด ๋ณด์
๋๋ค.
110% ํ๋ ํ๋ฉด ๋ณด์ด์ง์๊ณ ,
100% ํ๋ํ๋ฉด ๋ณด์
๋๋ค.
์ฐ์ ๊ทธ๋ฆฌ๋ ๋ด์ ์์ดํ
๋ค์ ๊ธธ์ด๊ฐ ๊ฐ์์ก์ผ๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค. staggered grid ๊ฐ์ ๋๋์ ๊ทธ๋ฆฌ๋๊ฐ ์๋๋ผ๋ฉด ๊ธธ์ด๊ฐ ํต์ผ๋ ๊ฒ ๋ ๊น๋ํ ๊ฑฐ๋ผ ์๊ฐํฉ๋๋ค.
๋ ์ฌ์ง์๋ ์ฌ๋ฐฑ์ด ์ ๋ค์ด๊ฐ๋๋ฐ ์ ํ๋ธ ์์์๋ ์ฌ๋ฐฑ์ด ์ ๋ค์ด๊ฐ๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ฌ๊ธฐ์๋ ์ฌ์ง์ฒ๋ผ ์ ์ ํ ์ฌ๋ฐฑ์ด ๋ค์ด๊ฐ๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค.
๋ง์ง๋ง ์ฌ์ง์ ๋ฆฌ์คํธ(์ค๋ฆฌ์ง๋)์ธ๋ฐ ๋ฆฌ์คํธ๊ฐ ํ๋ฉด ์๋จ์ ๋ฑ ๋ถ์ด์๊ฒ ๋์ต๋๋ค. ์ฌ๊ธฐ์๋ ์ ์ ํ ์ฌ๋ฐฑ์ด ์์ผ๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค.
์๋
ํ์ธ์! ์คํจ์ ์ด์๊ฒ ์ ๋ง๋ค์ด์ฃผ์
์ ๋จผ์ ๊ฐ์ฌํ๋ค๋ ๋ง์์ ๋๋ฆฝ๋๋ค!
๋ฒ๊ทธ ๋ฆฌํฌํธ์ธ์ง๋ ์ ํํ๊ฒ ๋ชจ๋ฅด๊ฒ ์ผ๋, ํน์ ๋์ผ ์ฆ์์ด ๋์๋์ง ๊ถ๊ธํ๋ค์!
์ ๊ฒฝ์ฐ์๋ ์ด๋ฏธ์ง๊ฐ ์๊ฒ ๋
ธ์ถ๋๋ ํ์์ด ์์ต๋๋ค.
์๋๋ ์๋ ์ฌ์ง ํํ์
๋๋ค. ์๋ก๊ณ ์นจ ๋๋ฅด๋ฉด ๋ค์ ์๋ ์ฌ์ง์ผ๋ก ๋์์ค๊ธด ํฉ๋๋ค.
ํฐ์คํ ๋ฆฌ ์์ฒด์ ์ธ ๋ฌธ์ ์ผ๊น์? ํ์ธ์ ๋ถํ๋๋ฆฝ๋๋ค! ๊ฐ์ฌํฉ๋๋ค.
ํ๊ฒฝ (๋ฒ๊ทธ๊ฐ ๋ฐ์ํ ํ๊ฒฝ์ ์ ์ด์ฃผ์ธ์.):
์ค๋ช
TOC์ ๊ธฐ๋ฅ์ด ์ ์ ์๋๋์ง ์์ต๋๋ค. ๋ค๋ฅธ ๋ธ๋ก๊ทธ์ ๊ธ์ ์ ๋ํ๋๋๋ฐ ์ ๊ป ์๋์ค๋ค์..
TOC ์ฌ์ฉ ์ค์ ๋ ํด๋์์ต๋๋ค.
์คํฌ๋ฆฐ์ท ๋ฐ ๋งํฌ
toc ์ค์ ํ์ธ
ํด๋น ๊ฒ์๊ธ์
๋๋ค
https://bwhong.tistory.com/4?category=926088
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.