Git Product home page Git Product logo

hello's People

Contributors

dependabot[bot] avatar dyjeong365 avatar hans-olsen avatar haservi avatar pronist avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

hello's Issues

๋‹คํฌ๋ชจ๋“œ ์ฝ”๋“œํ•˜์ด๋ผ์ดํŒ… ํ…์ŠคํŠธ ์ปฌ๋Ÿฌ ๋ณ€๊ฒฝ์•ˆ๋จ

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: macOS 11.4 (20F71)
  • ๋ธŒ๋ผ์šฐ์ €: Chrome Version 95.0.4638.69 (Official Build) (arm64)
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): 3.4.5

์„ค๋ช…
๋‹คํฌ๋ชจ๋“œ์—์„œ ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ… ์‹œ ํ…์ŠคํŠธ ์ƒ‰๊น”์ด ์–ด๋‘ก์Šต๋‹ˆ๋‹ค.
๋ฐฐ๊ฒฝ๊ณผ ์œ ์‚ฌํ•œ ์ƒ‰์ƒ์ด๋ผ ํ…์ŠคํŠธ๊ฐ€ ๋ณด์ด์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋ฐœ์ƒ ๊ณผ์ •
๋‹คํฌ ๋ชจ๋“œ๋กœ ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ… ํ™•์ธ

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
Screen Shot 2021-11-09 at 11 27 10 PM

์ €๋Š” ์ž„์‹œ ๋ฐฉํŽธ์œผ๋กœ ์•„๋ž˜ ๋ฐฉ๋ฒ•์œผ๋กœ ํ•ด๊ฒฐํ•˜์—ฌ ์‚ฌ์šฉ์ค‘์ž…๋‹ˆ๋‹ค.

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

์‚ฌ์ด๋“œ๋ฐ”์— ๋ณด์—ฌ์ง€๋Š” ํƒœ๊ทธ ๊ฐฏ์ˆ˜ ์ง€์ • ๊ธฐ๋Šฅ์ด ์ถ”๊ฐ€๋˜์—ˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค.

์‚ฌ์ด๋“œ๋ฐ”์—์„œ ํƒœ๊ทธ๊ฐ€ ๋„ˆ๋ฌด ๋งŽ์•„์ง€๋ฉด ๋ณด๊ธฐ๊ฐ€ ํž˜๋“ค์–ด์งˆ๊ฑฐ๊ฐ™์•„ ํƒœ๊ทธ์˜ ๊ฐฏ์ˆ˜๋ฅผ ์ง€์ •ํ•˜๋˜๊ฐ€ ์•„๋‹ˆ๋ฉด ํƒœ๊ทธ๊ฐ€ ๋ฐ‘์œผ๋กœ๊ฐ€ ์•„๋‹Œ ์˜†์œผ๋กœ๋„ ๊ฐ™์ด ๋‚˜์—ด๋˜์–ด์„œ ๊ณต๊ฐ„ ํ™œ์šฉ์„ ํ–ˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค!
์บก์ฒ˜

ํƒœ๋ธ”๋žซ, ๋ชจ๋ฐ”์ผ ํ™”๋ฉด์—์„œ๋Š” ๊ฒŒ์‹œ๋ฌผ์˜ width๊ฐ€ ๋™์ผํ•˜์ง€๋งŒ pc ํ™”๋ฉด์—์„œ๋Š” ์ƒ์ดํ•ฉ๋‹ˆ๋‹ค.

์˜ค๋Š˜ ์Šคํ‚จ์„ ๋ณ€๊ฒฝํ•œ ์ €์˜ ๋ธ”๋กœ๊ทธ ์ž…๋‹ˆ๋‹ค. https://blog.jjlovechoco.com/7

pc๋กœ ๋งํฌ์— ์ ‘์†ํ•ด๋ณด์‹œ๋ฉด, ์‚ฌ์ง„์˜ ๋„“์ด์™€ ๋‹ค๋ฅธ ํ…์ŠคํŠธ๋“ค์˜ ๋„“์ด๊ฐ€ ๋‹ค๋ฅธ ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์„๊นŒ์š”?

๋ฉ”์ธํ™”๋ฉด์—์„œ ๊ธ€ ๋ชฉ์ฐจ๊ฐ€ ๋Œ€๋นต๋งŒํ•˜๊ฒŒ ๋ณด์—ฌ์ ธ์„œ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค.

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: windows11
  • ๋ธŒ๋ผ์šฐ์ €: chrome
  • ๋ฒ„์ „: 102.0.5005.115(๊ณต์‹ ๋นŒ๋“œ) (64๋น„ํŠธ)
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): 1.0

์„ค๋ช…
์ž‘์„ฑ์ž๋‹˜์ฒ˜๋Ÿผ ๋ฉ”์ธ ํŽ˜์ด์ง€๊ฐ€ '๊ธ€-๊ทธ๋ฆผ'์ด๋Ÿฐ ์‹์œผ๋กœ ๊น”๋”ํ•˜๊ฒŒ ๋‚˜์—ด๋˜์ง€ ์•Š๊ณ 
๊ทธ๋ฆผ์ด ์—„์ฒญ๋‚˜๊ฒŒ ํฌ๊ฒŒ ํ™”๋ฉด์— ๋–กํ•˜๋‹ˆ ์žˆ๊ณ  ๊ธ€์ด ๊ทธ ๋ฐ‘์— ๋‚˜์—ด๋˜์–ด ๋ชฉ๋ก์„ ๋ณผ ์ˆ˜ ์—†๋Š” ์ƒํƒœ๋กœ ๋‚˜์˜ต๋‹ˆ๋‹ค.

๋ฐœ์ƒ ๊ณผ์ •
https://pronist.dev/5#%EB%-B%A-%EC%-A%B-%EB%A-%-C%EB%--%-C
ํ•ด๋‹น ๊ธ€์„ ์ฝ์œผ๋ฉฐ ์Šคํ‚จ์ ์šฉ์„ ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋žฌ๋”๋‹ˆ ์•„๋ž˜ ์Šคํฌ๋ฆฐ์ƒท ์ฒ˜๋Ÿผ ๋‚˜์˜ต๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
https://monstock.tistory.com/
๋ฉ”์ธ ํŽ˜์ด์ง€๊ฐ€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋œน๋‹ˆ๋‹ค.
์บก์ฒ˜

#60 ๋ฌธ์ œ์™€ ๋น„์Šทํ•˜๊ฑด์ง€ ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ ํ•ด๊ฒฐ์ฑ…์ด ์žˆ์„์ง€์š” ใ…œใ…œ

๋ธ”๋กœ๊ทธ ๊ธ€ ๋‚ด๋ถ€ ์ด๋ฏธ์ง€ ๊ด€๋ จ ๋ฌธ์˜

์•ˆ๋…•ํ•˜์„ธ์š”! ์Šคํ‚จ์„ ์ด์˜๊ฒŒ ์ž˜ ๋งŒ๋“ค์–ด์ฃผ์…”์„œ ๋จผ์ € ๊ฐ์‚ฌํ•˜๋‹ค๋Š” ๋ง์”€์„ ๋“œ๋ฆฝ๋‹ˆ๋‹ค!
๋ฒ„๊ทธ ๋ฆฌํฌํŠธ์ธ์ง€๋Š” ์ •ํ™•ํ•˜๊ฒŒ ๋ชจ๋ฅด๊ฒ ์œผ๋‚˜, ํ˜น์‹œ ๋™์ผ ์ฆ์ƒ์ด ๋‚˜์™”๋Š”์ง€ ๊ถ๊ธˆํ•˜๋„ค์š”!

์ œ ๊ฒฝ์šฐ์—๋Š” ์ด๋ฏธ์ง€๊ฐ€ ์ž‘๊ฒŒ ๋…ธ์ถœ๋˜๋Š” ํ˜„์ƒ์ด ์žˆ์Šต๋‹ˆ๋‹ค.
ํ™”๋ฉด ์บก์ฒ˜ 2021-05-02 133952

์•„๋ž˜๋Š” ์›๋ž˜ ์‚ฌ์ง„ ํ˜•ํƒœ์ž…๋‹ˆ๋‹ค. ์ƒˆ๋กœ๊ณ ์นจ ๋ˆ„๋ฅด๋ฉด ๋‹ค์‹œ ์›๋ž˜ ์‚ฌ์ง„์œผ๋กœ ๋Œ์•„์˜ค๊ธด ํ•ฉ๋‹ˆ๋‹ค.
ํ™”๋ฉด ์บก์ฒ˜ 2021-05-02 134018

ํ‹ฐ์Šคํ† ๋ฆฌ ์ž์ฒด์ ์ธ ๋ฌธ์ œ์ผ๊นŒ์š”? ํ™•์ธ์„ ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๊ฒŒ์‹œ๊ธ€ ํ•˜๋‹จ ์†Œ์…œ ์•„์ด์ฝ˜ ํฌ์ง€์…˜ ํํŠธ๋Ÿฌ์ง

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: iOS
  • ๋ธŒ๋ผ์šฐ์ €: Firefox Daylight 39.0(6519) / MacOS Safari iPhone ๋ชจ๋“œ
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): 3.4.5

์„ค๋ช…
๊ฒŒ์‹œ๊ธ€ ๋ณธ๋ฌธ ํ•˜๋‹จ ์†Œ์…œ ์•„์ด์ฝ˜์˜ ์œ„์น˜๊ฐ€ ์ •์ƒ์ ์œผ๋กœ ์ •๋ ฌ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋ฐœ์ƒ ๊ณผ์ •
iOS Firefox Daylight ๋ธŒ๋ผ์šฐ์ € / MacOS Safari ๋ธŒ๋ผ์šฐ์ € Development -> UserAgent -> Safari iPhone

๋‘ ํ™˜๊ฒฝ์—์„œ ์•„์ด์ฝ˜์ด ์™ผ์ชฝ์œผ๋กœ ์ ๋ฆฌ๋Š” ํ˜„์ƒ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
MacOS Safari
Screen Shot 2021-11-11 at 12 18 20 PM

iOS Firefox
IMG_5469

markdown ๋ฌธ๋ฒ•์„ ์ธ์‹ํ•˜์ง€ ๋ชปํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: windows
  • ๋ธŒ๋ผ์šฐ์ €: chrome
  • ๋ฒ„์ „: [e.g. 22]
  • ์Šคํ‚จ ๋ฒ„์ „ : 3.6.1

์„ค๋ช…
markdown ๋ฌธ๋ฒ•์—์„œ ๋ชฉ์ฐจ์™€ ์ธ์šฉ๋ฌธ์ด ์ธ์‹์ด ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋ฐœ์ƒ ๊ณผ์ •
์˜ˆ์ „์˜ ํฌ์ŠคํŒ… ํ•ด๋†“์€ ๊ธ€ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ƒˆ๋กœ ํฌ์ŠคํŒ…ํ•œ ๊ธ€ ๋ชจ๋‘ markdown ๋ฌธ๋ฒ•์—์„œ ๋ชฉ์ฐจ์™€ ์ธ์šฉ๋ฌธ์ด ์ธ์‹๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ

image

https://dilee.tistory.com/2

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

์ปค๋ฒ„ ์•„์ดํ…€ ๋ฒ„๊ทธ ๋ฐ ์Šคํ‚จ ์‚ฌ์šฉ์ค‘์— ์‚ฌ์ด๋“œ๋ฐ” ์งˆ๋ฌธ ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š”. ๊ธฐ๋ณธ ์Šคํ‚จ ์‚ฌ์šฉ ์ค‘์— hELLO ์Šคํ‚จ์œผ๋กœ ๋ณ€๊ฒฝ ํ•˜์—ฌ ์‚ฌ์šฉ ํ•˜๋˜ ์ค‘ ์‚ฌ์šฉ ํ•˜๋˜ ๊ธฐ๋Šฅ์ด ์—†์–ด์ ธ์„œ ๋ฌธ์˜๋“œ๋ฆฝ๋‹ˆ๋‹ค.
๊ด€๋ฆฌ ํŽ˜์ด์ง€์— ๋ณด๋ฉด ๋งํฌ๊ฐ€ ์žˆ๊ณ , ๊ฑฐ๊ธฐ ์ถ”๊ฐ€ํ•œ ๋งํฌ๋ฅผ ์‚ฌ์ด๋“œ๋ฐ”์—์„œ ์ด์šฉ ๊ฐ€๋Šฅํ–ˆ๋Š”๋ฐ ํ•ด๋‹น ์Šคํ‚จ์€ ์‚ฌ์ด๋“œ๋ฐ”์— ๋งํฌ๊ฐ€ ์—†๋”๋ผ๊ตฌ์š”.
ํ˜น์‹œ ์ด ๋ถ€๋ถ„์„ ์ฐจํ›„ ๊ธฐ๋Šฅ์— ์ถ”๊ฐ€ ํ•ด์ฃผ์‹ค ๊ณ„ํš์ด ์žˆ์œผ์‹ ๊ฐ€์š”?
ํ˜น์€ ์ถ”๊ฐ€ ๊ณ„ํš์ด ์—†๋‹ค๋ฉด ํŒŒ์ผ์˜ ์–ด๋Š ๋ถ€๋ถ„์— ์ถ”๊ฐ€ ํ•ด์•ผ ํ•˜๋Š”์ง€ ์•Œ๋ ค์ฃผ์‹ค ์ˆ˜ ์žˆ์„๊นŒ์š”?

๋˜ํ•œ ์ปค๋ฒ„ ์•„์ดํ…œ - ์ฝ˜ํ…์ธ  ์ง์ ‘์ž…๋ ฅ ์‹œ ํ™ˆํŽ˜์ด์ง€์— ๋‚ด์šฉ ์ถœ๋ ฅ์ด ์•ˆ๋ฉ๋‹ˆ๋‹ค.

hELLO ์Šคํ‚จ ๊ฑด์˜

ํ™”๋ฉด ์บก์ฒ˜ 2020-09-27 154637
์šฐ์„  ๊ทธ๋ฆฌ๋“œ ๋‚ด์˜ ์•„์ดํ…œ๋“ค์˜ ๊ธธ์ด๊ฐ€ ๊ฐ™์•„์กŒ์œผ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. staggered grid ๊ฐ™์€ ๋Š๋‚Œ์˜ ๊ทธ๋ฆฌ๋“œ๊ฐ€ ์•„๋‹ˆ๋ผ๋ฉด ๊ธธ์ด๊ฐ€ ํ†ต์ผ๋œ ๊ฒŒ ๋” ๊น”๋”ํ•  ๊ฑฐ๋ผ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.
ํ™”๋ฉด ์บก์ฒ˜ 2020-09-27 155125
๋˜ ์‚ฌ์ง„์—๋Š” ์—ฌ๋ฐฑ์ด ์ž˜ ๋“ค์–ด๊ฐ€๋Š”๋ฐ ์œ ํŠœ๋ธŒ ์˜์ƒ์—๋Š” ์—ฌ๋ฐฑ์ด ์•ˆ ๋“ค์–ด๊ฐ€๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—๋„ ์‚ฌ์ง„์ฒ˜๋Ÿผ ์ ์ ˆํ•œ ์—ฌ๋ฐฑ์ด ๋“ค์–ด๊ฐ€๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
ํ™”๋ฉด ์บก์ฒ˜ 2020-09-27 155239
๋งˆ์ง€๋ง‰ ์‚ฌ์ง„์€ ๋ฆฌ์ŠคํŠธ(์˜ค๋ฆฌ์ง€๋„)์ธ๋ฐ ๋ฆฌ์ŠคํŠธ๊ฐ€ ํ™”๋ฉด ์ƒ๋‹จ์— ๋”ฑ ๋ถ™์–ด์žˆ๊ฒŒ ๋‚˜์˜ต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—๋„ ์ ์ ˆํ•œ ์—ฌ๋ฐฑ์ด ์žˆ์œผ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

TOC ์ ์šฉ ์•ˆ๋จ

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: windows
  • ๋ธŒ๋ผ์šฐ์ €: ๋„ค์ด๋ฒ„ ์›จ์ผ
  • ๋ฒ„์ „: 3.13
  • ์Šคํ‚จ ๋ฒ„์ „ 3.5.5

์„ค๋ช…
toc๊ฐ€ ์ ์šฉ์ด ์•ˆ๋ฉ๋‹ˆ๋‹ค

๋ฐœ์ƒ ๊ณผ์ •
#33
์œ„ ๋งํฌ์— ์ฒจ๋ถ€๋œ ์‚ฌ์ง„์ฒ˜๋Ÿผ toc๋ฅผ ์ ์šฉํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์Šคํ‚จ ํŽธ์ง‘ - toc ์ฒดํฌ๋ฅผ ํ–ˆ์Œ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  toc๊ฐ€ ๋ณด์ด์ง€ ์•Š์Šต๋‹ˆ๋‹ค ใ… ใ… 

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
toc ์ ์šฉ ์•ˆ๋จ
toc์Šคํ‚จ ํŽธ์ง‘

[ํ•ด๋‹น ํฌ์ŠคํŠธ ์ฃผ์†Œ]
https://ku-hug.tistory.com/188

hELLO ๊ฑด์˜์‚ฌํ•ญ

์•ˆ๋…•ํ•˜์„ธ์š” ๊ฐœ๋ฐœ์ž๋‹˜. ๋งŒ๋“ค์–ด์ฃผ์‹  ํ‹ฐ์Šคํ† ๋ฆฌ ํ…Œ๋งˆ ์•„์ฃผ ์ž˜ ์“ฐ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฑด์˜ ์‚ฌํ•ญ
(๋‹คํฌ๋ชจ๋“œ ์‚ฌ์šฉ์‹œ)๋งํฌ๋ฅผ ๊ฑธ์–ด๋‘๋ฉด ๋ณดํ†ต ํŒŒ๋ž—๊ฒŒ ํ‘œ์‹œ๊ฐ€๋˜์–ด์„œ ์ง๊ด€์ ์ธ๋ฐ

๋งํฌ๋ฅผ ๊ฑธ์–ด๋‘์–ด๋„ ๋งํฌ๊ฐ€ ํŒŒ๋ž—๊ฒŒ ํ‘œ์‹œ๊ฐ€ ์•ˆ๋˜์–ด์„œ ์ง๊ด€์ ์ด์ง€ ์•Š๋‹ค๊ณ  ์ƒ๊ฐ๋ฉ๋‹ˆ๋‹ค.

a[href] ํƒœ๊ทธ ์ด์šฉํ•ด์„œ ๋ฐ”๊ฟ€๋ คํ•ด๋„ ์ž˜ ์•ˆ๋˜์–ด์„œ ๊ฑด์˜์‚ฌํ•ญ์— ๋‚จ๊ฒจ๋‘ก๋‹ˆ๋‹ค.

์–ธ์ œ๋‚˜ ํ–‰๋ณตํ•˜์‹ญ์‡ผ!

ํ™”์ดํŠธ๋ชจ๋“œ์ผ๋•Œ ์ฝ”๋“œ๋ธ”๋Ÿญ ํ•˜์ด๋ผ์ดํŠธ๊ฐ€ ์‚ฌ๋ผ์ง€๋Š” ํ˜„์ƒ

๊ธฐ์กด closed ๋œ ์ด์Šˆ์—์„œ ์ด์™€ ๊ฐ™์€ ํ˜„์ƒ์ด ์žˆ์—ˆ๋Š”๋ฐ, ์ € ๋˜ํ•œ ํ™”์ดํŠธ๋ชจ๋“œ์ผ ๋•Œ ์ฝ”๋“œ ๋ธ”๋Ÿญ์— ํ•˜์ด๋ผ์ดํŠธ๊ฐ€ ์‚ฌ๋ผ์ง€๋Š” ํ˜„์ƒ์„ ๊ฒช๊ณ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋„ ์žˆ๊ณ , ๋‹คํฌ๋ชจ๋“œ๊ฐ€ ๋” ์ด์œ ๊ฒƒ ๊ฐ™์•„์„œ ๋‹คํฌ๋ชจ๋“œ๋งŒ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์€๋ฐ, css ๋ฅผ ์–ด๋–ป๊ฒŒ ์ˆ˜์ •ํ•˜๋ฉด ๋ ๊นŒ์š”?

๋ผ์ดํŠธ ๋ชจ๋“œ ๋‹คํฌ๋ชจ๋“œ ์ „ํ™˜ ๋ฒ„ํŠผ ์˜ค๋ฅ˜

์บก์ฒ˜
์‚ฌ์ง„๊ณผ ๊ฐ™์ด ํ…์ŠคํŠธ๊ฐ€ ๊ฒน์ณ ๋‚˜์˜ฌ๋•Œ ์ „ํ™˜์ด ์•ˆ๋˜๋ฉฐ ํŽ˜์ด์ง€๋ฅผ ์ƒˆ๋กœ๊ณ ์นจํ•ด์•ผ์ง€ ํ•ด๊ฒฐ๋ฉ๋‹ˆ๋‹ค.
๋˜ํ•œ ์ด ์ฆ์ƒ์ด ๋„ˆ๋ฌด ์ž์ฃผ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

[๊ธฐ๋Šฅ ์š”์ฒญ] ๋ณธ๋ฌธ ๋‚ด ๋นˆ ์ค„ ์‚ฌ๋ผ์ง ํ˜„์ƒ

ํ™˜๊ฒฝ

  • ์šด์˜์ฒด์ œ: Windows 11
  • ๋ธŒ๋ผ์šฐ์ €: Edge (Chromium)
  • ๋ฒ„์ „: 94.0.992.50
  • ์Šคํ‚จ ๋ฒ„์ „: 3.4.4

์„ค๋ช…

์Šคํ‚จ ์ž์ฒด์˜ ๋ฒ„๊ทธ๋ผ๊ธฐ๋ณด๋‹ค๋Š” ํ‹ฐ์Šคํ† ๋ฆฌ์˜ ๊ฐ•์ œ์ ์ธ ์ •์ฑ… ๋•Œ๋ฌธ์ธ ๊ฒƒ์œผ๋กœ ์ถ”์ธก๋ฉ๋‹ˆ๋‹ค๋งŒ, ๋ณธ๋ฌธ ๋‚ด์˜ ๋นˆ ์ค„์˜ ์Šคํƒ€์ผ์— ์ „๋ถ€ display: none !important๊ฐ€ ์ถ”๊ฐ€๋ฉ๋‹ˆ๋‹ค.

<p data-ke-size="size16" style="display: none !important;">&nbsp;</p>

์ด๋ ‡๊ฒŒ์š”. ๋ฌธ์ œ๋Š” ์ด๊ฑธ ๋Œ ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ํ‹ฐ์Šคํ† ๋ฆฌ๊ฐ€ ์ œ๊ณตํ•˜๊ณ  ์žˆ์ง€ ์•Š๊ธฐ์—, ๋นˆ ์ค„์„ ๋‹ค์‹œ ๋ณด์—ฌ์ฃผ๊ธฐ ์œ„ํ•ด์„œ๋Š” ์Šคํ‚จ์˜ ํž˜์„ ๋นŒ์–ด์•ผ ํ•˜๋Š” ์ƒํ™ฉ์ž…๋‹ˆ๋‹ค.

ํ˜„์žฌ ์ตœ์‹  ๋ฒ„์ „์ธ 3.4.5๋ณด๋‹ค ๋ฒ„์ „์ด ๋‚ฎ์ง€๋งŒ, ์ปค๋ฐ‹ ๊ธฐ๋ก์„ ๋ณด์•˜์„ ๋•Œ 3.4.5์—์„œ ์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋œ ๊ฒƒ ๊ฐ™์ง€ ์•Š์•„๋ณด์ž…๋‹ˆ๋‹ค.

๋ฐœ์ƒ ๊ณผ์ •

๊ธ€์„ ์ž‘์„ฑ ์‹œ ๋นˆ ์ค„์„ ์ผ๋ฐ˜ ์ค„ ์‚ฌ์ด์‚ฌ์ด์— ๋„ฃ์€ ํ›„, ๊ธ€์„ ๋ฐœํ–‰ํ•ฉ๋‹ˆ๋‹ค. ๋ฐœํ–‰๋œ ๊ธ€์—์„œ ๋นˆ์ค„์ด ์‚ฌ๋ผ์ง„ ๊ฒƒ์„ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ์ƒท

real

f12

source

๊ฐ๊ฐ ์‹ค์ œ ํ‘œ์‹œ๋˜๋Š” ๋ชจ์Šต, F12 ๊ฐœ๋ฐœ์ž ๋ชจ๋“œ๋กœ ๋ณธ HTML ์ฝ”๋“œ, ํŽ˜์ด์ง€ ์†Œ์Šค ๋ณด๊ธฐ๋กœ ๋ณธ ๋ณธ๋ฌธ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๋“œ/๊ฐค๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ ์‹œ ์„ธ๋กœ ํ•œ ์ค„๋กœ ํ‘œ์‹œ๋จ

ํ™˜๊ฒฝ

  • ์šด์˜์ฒด์ œ: Windows 11 build 22000.556
  • ๋ธŒ๋ผ์šฐ์ €: Firefox 98.0.2
  • ์Šคํ‚จ ๋ฒ„์ „: 3.6.1

์„ค๋ช…

์ปค๋ฒ„ ๊ธฐ๋Šฅ์—์„œ ์ปค๋ฒ„ ์•„์ดํ…œ ํ‘œ์‹œ์œ ํ˜•์„ '๊ทธ๋ฆฌ๋“œ' ํ˜น์€ '๊ฐค๋Ÿฌ๋ฆฌ'๋ฅผ ์‚ฌ์šฉ ์‹œ ํ•ญ๋ชฉ๋“ค์ด ์„ธ๋กœ ํ•œ ์ค„๋กœ๋งŒ ํ‘œ์‹œ๋จ

์„ธ๋กœ ํ•œ ์ค„๋กœ๋งŒ ํ‘œ์‹œ๋˜๋Š” ๊ฒƒ์ด ์•„๋‹Œ, ๊ฐ€๋กœ๋กœ 3~4๊ฐœ์˜ ํ•ญ๋ชฉ์„ ํ‘œ์‹œํ•œ ํ›„ ๋‹ค์Œ ์ค„๋กœ ๋„˜์–ด๊ฐ€์•ผ ํ•จ

๋ฐœ์ƒ ๊ณผ์ •

'์ปค๋ฒ„ ์•„์ดํ…œ'์„ '๊ทธ๋ฆฌ๋“œ' ํ˜น์€ '๊ฐค๋Ÿฌ๋ฆฌ'๋กœ ์„ค์ • ํ›„, ์„ค์ •์„ ์ €์žฅํ•˜๊ณ  ์ขŒ์ธก์˜ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ™”๋ฉด์ด๋‚˜ ์‹ค์ œ ๋ธ”๋กœ๊ทธ ํ™”๋ฉด์„ ์ƒˆ๋กœ๊ณ ์นจ

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ

์ด๋ฏธ์ง€ 1

https://tetralog.tistory.com (์ž„์‹œ๋กœ ํ™ˆ ํ™”๋ฉด์„ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ์ปค๋ฒ„ ์•„์ดํ…œ๋“ค๋กœ ์„ค์ •ํ•ด๋‘์—ˆ์Šต๋‹ˆ๋‹ค)

๊ธฐํƒ€

์˜ˆ์ „ ๋ฒ„์ „๋ถ€ํ„ฐ ์žˆ์—ˆ๋˜ ๋ฒ„๊ทธ ๊ฐ™์Šต๋‹ˆ๋‹ค. ํ‹ฐ์Šคํ† ๋ฆฌ ์Šคํ‚จ ์ €์žฅ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ์ €์žฅํ•ด๋‘” ์Šคํ‚จ ๋ฒ„์ „์ด 3.5.1๋กœ ๋ฉ”๋ชจ๊ฐ€ ๋˜์–ด ์žˆ๋˜๋ฐ, ๊ทธ ์Šคํ‚จ์„ ์‚ฌ์šฉํ–ˆ์„ ๋•Œ์—๋„ ๋˜‘๊ฐ™์€ ์ผ์ด ๋ฐœ์ƒํ•ด ์ตœ์‹  ๋ฒ„์ „์œผ๋กœ ์—…๋ฐ์ดํŠธ๋ฅผ ํ–ˆ์œผ๋‚˜, ์—ฌ์ „ํžˆ ํ•ด๋‹น ๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•ด ๋ฒ„๊ทธ ๋ฆฌํฌํŠธ๋ฅผ ๋‚จ๊น๋‹ˆ๋‹ค.

๋‹ค๋ฅธ ์ปค๋ฒ„ ์•„์ดํ…œ ํ‘œ์‹œ ์œ ํ˜•์—์„œ๋Š” ๋ณ„๋‹ค๋ฅธ ๋ฒ„๊ทธ๋ฅผ ํ˜„์žฌ๊นŒ์ง€๋Š” ๋ฐœ๊ฒฌํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค.

AdGuard์™€ Privacy Badger์˜ ์‚ฌ์šฉ์ด ํ•ด์ œ๋œ ์ƒํƒœ์—์„œ ์ž‘์„ฑ๋˜์—ˆ์œผ๋ฏ€๋กœ, ํ•ด๋‹น ์• ๋“œ์˜จ์ด ๋ฌธ์ œ๋ฅผ ์ผ์œผ์ผฐ์„ ๊ฐ€๋Šฅ์„ฑ์€ ์ ์€ ๊ฒƒ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค.
AdGuard๋Š” ๋ธŒ๋ผ์šฐ์ € ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์—์„œ '์ด ์›น์‚ฌ์ดํŠธ์—์„œ ํ™œ์„ฑํ™”๋จ'์ด ํ† ๊ธ€ ์˜คํ”„ ๋˜์–ด ์žˆ์œผ๋ฉฐ, Privacy Badger ์—ญ์‹œ 'Disable for this site'๊ฐ€ ์„ ํƒ๋œ ์ƒํ™ฉ์ž…๋‹ˆ๋‹ค.

๋ช‡๋ช‡ ํฌ์ŠคํŠธ๊ฐ€ ์ด์ƒํ•˜๊ฒŒ ๋ณ€ํ•˜๋Š” ์ด์Šˆ

  1. ์ด๊ฒƒ์€ ์Šคํ‚จ์˜ ๋ฒ„๊ทธ์ธ์ง€ ํ‹ฐ์Šคํ† ๋ฆฌ ์ž์ฒด์˜ ๋ฒ„๊ทธ์ธ์ง€ ์ €๋งŒ์˜ ๋ฒ„๊ทธ์ธ์ง€ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค.
    https://cdn.discordapp.com/attachments/827931592932065332/844146587974500362/2021-05-18_183652.png

๋ช‡๋ช‡ ํฌ์ŠคํŠธ๋Š” ์ •์ƒ์œผ๋กœ ๋œจ๊ณ , ๋˜ ๋ช‡๋ช‡ ํฌ์ŠคํŠธ๋Š” ์œ„ ์‚ฌ์ง„๊ณผ ๊ฐ™์ด ๋œน๋‹ˆ๋‹ค.
ํฌ์ŠคํŠธ ์ˆ˜์ •์—์„œ๋„ ์ƒ‰์ด ๋ณ€๊ฒฝ๋˜์ง€ ์•Š์œผ๋ฉฐ, ๋”๋ณด๊ธฐ ์—ญ์‹œ ์Šคํ‚จ์˜ ๋”๋ณด๊ธฐ์™€๋Š” ๋‹ค๋ฅด๊ฒŒ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค.

๋ฌธ์˜

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: windows
  • ๋ธŒ๋ผ์šฐ์ €: chrome
  • ๋ฒ„์ „: [e.g. 22] ์–ด๋–ค ๋ฒ„์ „์„ ์ ์œผ๋ผ๋Š” ๊ฑด์ง€ ์ž˜ ๋ชจ๋ฅด๊ฒ ๋„ค์š”
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): 3.5.5

์„ค๋ช…

๊ธ€ ์ฝ๋Š” ํ™”๋ฉด์— ์ง„์ž…ํ•˜๋ฉด ๋ช‡ ์ดˆ ํ›„ ๋์ด ๋ญ‰ํˆญํ•œ ์‚ฌ๊ฐํ˜•์˜ ์ ์ด ๋ฐœ์ƒํ•˜๊ณ  ์Šคํฌ๋กค์„ ๋‚ด๋ ค๋„ ํ™”๋ฉด ํ•˜๋‹จ์— ๊ณ ์ •๋˜์–ด์„œ ์›€์ง์ด์ง€ ์•Š๋‹ค๊ฐ€ ์ˆ˜ ์ดˆ ํ›„์— ์‚ฌ๋ผ์ง‘๋‹ˆ๋‹ค

๋ชจ๋ฐ”์ผ ํ•ด์ƒ๋„์—์„  ํ™”๋ฉด ์œ„์— ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค

๋ฐœ์ƒ ๊ณผ์ •
๊ธ€ ๋ชฉ๋ก์—์„œ ๊ธ€ ์ฝ๊ธฐ๋กœ ๋„˜์–ด๊ฐ€๋ฉด ๋ฐœ์ƒํ•˜๋Š” ๊ฑฐ ๊ฐ™์Šต๋‹ˆ๋‹ค

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ

์ œ ๋ธ”๋กœ๊ทธ

https://bb00gg.tistory.com/

์‚ฌ์ง„

์ œ๋ชฉ ์—†์Œ


์ƒํ˜ธ์ž‘์šฉ ๋ฉ”์„ธ์ง€ ๊ธฐ๋Šฅ์„ ํ‚ค๊ณ 

๊ณต๊ฐ์š”์ฒญ๋ž€์„ ๋น„์›Œ์„œ ๊ทธ๋žฌ๋˜๊ฑฐ ๊ฐ™๋„ค์š”!!

ํ•ด๊ฒฐ๋์Šต๋‹ˆ๋‹ค

์ด๋ฏธ์ง€ ํฌ๊ธฐ ๊ธฐ๋ณธ ์„ค์ • ์ถ”๊ฐ€ ๊ฑด์˜

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: macos
  • ๋ธŒ๋ผ์šฐ์ €: chrome
  • ์Šคํ‚จ ๋ฒ„์ „: 3.6.1

์„ค๋ช…

์ถ”๊ฐ€ ๊ฑด์˜๋“œ๋ฆฝ๋‹ˆ๋‹ค!
ํฌ์ŠคํŒ… ์‹œ ์—…๋กœ๋“œ ๋œ ์ด๋ฏธ์ง€์˜ ๊ธฐ๋ณธ ๋„ˆ๋น„๊ฐ€ ๊ธ€ ๋„ˆ๋น„์™€ ๊ฐ™๋„๋ก ์„ค์ •ํ•  ์ˆ˜ ์žˆ์„๊นŒ์š”?

๋ฐœ์ƒ ๊ณผ์ •

  • ํ˜„์žฌ ์˜ˆ์‹œ

image

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ

๊ธ€๊ณผ ์ด๋ฏธ์ง€์˜ ๋„ˆ๋น„๋ฅผ ๊ฐ™๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด์„  ์•„๋ž˜ ๋‘๊ฐ€์ง€ ๋ฐฉ๋ฒ•์ด ์กด์žฌํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

1. ์ด๋ฏธ์ง€ ํฌ๊ธฐ๋ฅผ ์ค„์—ฌ์„œ ์—…๋กœ๋“œ

  • ๋ฐฉ๋ฒ•
    image

  • ๊ฒฐ๊ณผ
    image

2. ๊ธฐ๋ณธ ๊ธ€ ๋„ˆ๋น„๋ฅผ ๋„“๊ฒŒ ์„ค์ •ํ•˜๊ธฐ

  • ๋ฐฉ๋ฒ•

image

  • ๊ฒฐ๊ณผ
    image

ํ˜„์žฌ๋„ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€ ์žˆ์ง€๋งŒ, ํ˜น์‹œ ์ถ”๊ฐ€ ๊ฐœ๋ฐœ ๊ณ„ํš์ด ์žˆ์œผ์‹œ๋‹ค๋ฉด ๊ฐœ์„  ์‹œ ๋งŽ์€ ๋„์›€์ด ๋  ๊ฒƒ ๊ฐ™์•„ ๊ฑด์˜๋“œ๋ฆฝ๋‹ˆ๋‹ค!
๋ฌด์—‡๋ณด๋‹ค ๋„ˆ๋ฌด ์ข‹์€ ์Šคํ‚จ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ๐Ÿ™‡โ€โ™€๏ธ

CSS ํŒŒ์ผ์„ ๋ถˆ๋Ÿฌ์˜ค์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค.

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: macOS Monterey (M1 2020)
  • ๋ธŒ๋ผ์šฐ์ €: brave (chrome ๋˜ํ•œ ๋ฐœ์ƒ)
  • ๋ฒ„์ „: V1.35.100
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): 3.6.1

์„ค๋ช…
๋ฒ„๊ทธ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋ฐœ์ƒํ•˜๋Š”์ง€ ์•Œ๋ ค์ฃผ์„ธ์š”. ๋Œ€๋žต์ ์ธ ๋ฒ„๊ทธ์˜ ์„ค๋ช…์„ ์ ์–ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.
[e.g. ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…์ด ๋™์ž‘ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.]

์Šคํ‚จ ์ž์ฒด๊ฐ€ ์ด์ƒํ•˜๊ฒŒ ๋ณด์ž…๋‹ˆ๋‹ค. preview, ๋ฐฐํฌ ๋‘ ๊ณณ ๋™์ผํ•˜๊ฒŒ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

์‚ฌ์ด๋“œ ๋ฐ” ์—ด์—ˆ์„ ๋•Œ ์ „์ฒด ํ™”๋ฉด์ด ์–ด๋‘์šด ๋ฐ˜ํˆฌ๋ช… ํšจ๊ณผ๊ฐ€ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค. (์˜๋„ํ•˜์‹  ๊ฑด์ง„ ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ class์— overlay๊ฐ€ ๋ถ™์–ด์„œ ์Šคํƒ€์ผ์ด ๋“ค์–ด๊ฐ€์„ธ์š”.)

๋ธ”๋กœ๊ทธ์— ๊ธฐ๋ณธ์ ์œผ๋กœ ์‚ฌ์ด๋“œ๊ฐ€ ์˜คํ”ˆ๋˜์–ด ์žˆ๋˜๋ฐ ๊ณ ์ •์€ ์–ด๋–ป๊ฒŒ ํ•˜๋Š”์ง€ ์ž˜ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์‚ฌ์ด๋“œ๋ฐ”๊ฐ€ ํˆฌ๋ช… ๋ฐฐ๊ฒฝ์ด ๋˜์–ด ์žˆ์–ด ๋’ค๊ฐ€ ๊ทธ๋Œ€๋กœ ๋ณด์ž…๋‹ˆ๋‹ค.

๋‹คํฌ๋ชจ๋“œ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์•„๋ž˜ ์˜ฌ๋ฆฐ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

๋ฐœ์ƒ ๊ณผ์ •
๋ฒ„๊ทธ๊ฐ€ ์–ด๋–ค ๊ณผ์ •์„ ํ†ตํ•ด ๋ฐœ์ƒํ•˜๋Š”์ง€ ๊ตฌ์ฒด์ ์œผ๋กœ ์ ์–ด์ฃผ์„ธ์š”.
[e.g. ํ…Œ๋งˆ ๋ณ€๊ฒฝ ๋ฒ„ํŠผ์„ ํ†ตํ•ด ํ™”์ดํŠธ ๋ชจ๋“œ๋กœ ๋ณ€๊ฒฝ์‹œ ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…์˜ ์ƒ‰์ƒ์ด ๋ณ€ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ...]

README.md ์„ค์น˜ ๊ณผ์ •์„ ๊ทธ๋Œ€๋กœ ๋”ฐ๋ž์Šต๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ์ƒํ™ฉ์„ ๊ฐ€๋Šฅํ•˜๋‹ค๋ฉด ์Šคํฌ๋ฆฐ์ƒท์„ ์ฒจ๋ถ€ํ•ด์ฃผ์„ธ์š”. ๋˜ํ•œ ๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ๋ชจ์Šต์ด ์žˆ๋Š” ํฌ์ŠคํŠธ์˜ ์ฃผ์†Œ๋ฅผ ์ฒจ๋ถ€ํ•ด์ฃผ์‹œ๋Š” ๊ฒƒ๋„ ์•„์ฃผ ์ข‹์Šต๋‹ˆ๋‹ค!

image

์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŠธ ์ƒ‰์ƒ ๋ฐ ์ ์šฉ ๋ฒ”์œ„๋ฅผ ๋ณ€๊ฒฝํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š”.
์Šคํ‚จ์€ ๊ฐ์‚ฌํžˆ ์“ฐ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋‹ค๋งŒ ์ œ๊ฐ€ ํฌ์ŠคํŒ…ํ•˜๋Š” ์ฃผ์ œ๊ฐ€ ์œ ๋‹ˆํ‹ฐ ๊ด€๋ จ๋œ ๋‚ด์šฉ์ด ๋งŽ์€๋ฐ
๊ธฐ๋ณธ์ž๋ฃŒํ˜•์ด๋‚˜, ํ•จ์ˆ˜๋ช…, ํด๋ž˜์Šค์™€ ๋”๋ถˆ์–ด
์œ ๋‹ˆํ‹ฐ์—์„œ ์ œ๊ณตํ•˜๋Š” GameObject, Transform๊ณผ ๊ฐ™์€ ํด๋ž˜์Šค๋“ค๋„ ํ•˜์ด๋ผ์ดํŒ…์„ ํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

์–ด๋””๋ฅผ ์ˆ˜์ •ํ•ด์•ผ ํ•˜๋Š”์ง€ ์•Œ ์ˆ˜ ์žˆ์„๊นŒ์š”?
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.
(์ด๋ฏธ ์žˆ๋Š” ๋ฌธ์˜๋ผ๋ฉด ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค. ์ด์Šˆ๋ฅผ ์ญ‰ ํ›“์–ด๋„ ๋ชป ์ฐพ๊ฒ ์–ด์„œ..)

์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€ ์Šคํƒ€์ผ ์ ์šฉ ์•ˆ๋จ

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: Windows 11
  • ๋ธŒ๋ผ์šฐ์ €: chrome 103.0.5060.53(๊ณต์‹ ๋นŒ๋“œ) (64๋น„ํŠธ)
  • ๋ฒ„์ „: [e.g. 22]
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): 3.6.1

์„ค๋ช…
์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€ ์Šคํƒ€์ผ ์ ์šฉ ์•ˆ๋จ
๋ณธ๋ฌธ ๊ธ€ ์ž‘์„ฑ ํ›„ ๊ธ€ ๋‚ด์šฉ ์ค‘ ํ•˜๋‹จ "์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€" ๋ถ€๋ถ„์ด ์Šคํƒ€์ผ ์ ์šฉ์ด ์•ˆ๋จ

๋ฐœ์ƒ ๊ณผ์ •
์ฒ˜์Œ ๋ธ”๋กœ๊ทธ ์Šคํƒ€์ผ ์ ์šฉ ํ›„ ๊ธ€์„ ์ž‘์„ฑ ํ•˜๊ณ  ๋‚œ ๋’ค

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
image

์ฝ”๋“œ๋ธ”๋Ÿญ borderline ์ด์Šˆ

์•ˆ๋…•ํ•˜์„ธ์š”!

์–ด์ œ ์ฒ˜์Œ ํ‹ฐ์Šคํ† ๋ฆฌ๋ฅผ ์ ‘ํ–ˆ๋Š”๋ฐ, ๋„ˆ๋ฌด ์„ธ๋ จ๋œ ์Šคํ‚จ์„ ๋ฐฐํฌํ•ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•˜๊ฒŒ ์ž˜ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค :)
๋ฐœ๊ฒฌํ•œ ํŠธ๋Ÿฌ๋ธ” 1 ๊ฐœ์™€ ๊ฑด์˜์‚ฌํ•ญ 2 ๊ฑด์„ ๋ง์”€๋“œ๋ฆฌ๊ณ  ๊ฐ‘๋‹ˆ๋‹ค.

  1. ์ €์žฅํ•ด๋†“์€ ์„œ์‹์„ ๋ถˆ๋Ÿฌ์™€์„œ ์ž‘์„ฑํ•˜๋Š” ๊ฒฝ์šฐ, ์„œ์‹์— ์žˆ๋Š” ์ฝ”๋“œ๋ธ”๋Ÿญ์„ ์žฌ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜๋ฉด ๋‹ค์Œ ์‚ฌ์ง„์ฒ˜๋Ÿผ ํ•˜์–€์ƒ‰ ๊ตต์€ ํ…Œ๋‘๋ฆฌ๊ฐ€ ์ƒ๊น๋‹ˆ๋‹ค. ์• ์ดˆ์— ๋ฐ”๊นฅ์„  ์ƒ‰์ƒ์ด ํฐ์ƒ‰์œผ๋กœ ์„ค์ •๋˜์–ด ์žˆ๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ชจ์„œ๋ฆฌ์— ํฐ ์ƒ‰ ์ ์œผ๋กœ ๋ณด์ด๋„ค์š”!
    trouble1

  2. ๊ฑด์˜์‚ฌํ•ญ (1)
    ์ฝ”๋“œ๋ธ”๋Ÿญ์— ์‚ฌ์šฉ๋˜๋Š” ํ•˜์ด๋ผ์ดํŒ…์„ ์„ค์ •ํ•˜๊ฒŒ ํ•ด์ฃผ์‹  ๊ฒƒ ์ฒ˜๋Ÿผ ํฐํŠธ ์„ค์ •๋„ ์ฐจํ›„์— ์กฐ๊ธˆ ์ถ”๊ฐ€๋˜์—ˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค.
    ํ˜น์‹œ ์ถ”๊ฐ€ ์˜ˆ์ •์ด๋ฉด ๊ณ ๋ คํ•ด์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.
    ๊ตฌ์ฒด์ ์œผ๋กœ ์›ํ•˜๋Š” ํฐํŠธ๋Š” DejaVuSansMono ์ด๊ณ  ๊ธฐ๋Šฅ์€ ์‚ฌ์ด์ฆˆ ์กฐ์ ˆ์ž…๋‹ˆ๋‹ค.

  3. ๊ฑด์˜์‚ฌํ•ญ (2)
    ์ œ๊ฐ€ ํ‹ฐ์Šคํ† ๋ฆฌ๋ฅผ ์•„์ง ๋‹ค ํŒŒ์•…ํ•œ๊ฒŒ ์•„๋‹ˆ๋ผ์„œ ์Šคํ‚จ์„ ์ œ์ž‘ํ•˜๋ฉด์„œ ๊ฐ€๋Šฅํ•œ ๊ฒƒ์ธ์ง€ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค.
    ์„œ์‹์„ ๋ถˆ๋Ÿฌ์™€์„œ ์ž‘์„ฑํ•˜๋Š” ๊ฒฝ์šฐ, 1) ์ œ๋ชฉ์ด ์œ ์ง€๋˜๊ณ , 2) ํ•ด์‹œํƒœ๊ทธ๋„ ์ €์žฅํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ์œผ๋ฉด ํ•˜๊ณ  ๋ฐ”๋ž๋‹ˆ๋‹ค.

๋‹ค์‹œ ํ•œ ๋ฒˆ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค :)

๋ณธ๋ฌธ ๊ธ€ ์˜ฌ๋ฆฐ ๋’ค ๋Œ€ํ‘œ ์ด๋ฏธ์ง€ ์ƒ๋‹จ ๋ฏธ ์ ์šฉ ๋ถ€๋ถ„

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: Windows 11
  • ๋ธŒ๋ผ์šฐ์ €: chrome 103.0.5060.53(๊ณต์‹ ๋นŒ๋“œ) (64๋น„ํŠธ)
  • ๋ฒ„์ „: [e.g. 22]
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): 3.6.1

์„ค๋ช…
๋Œ€ํ‘œ ์ด๋ฏธ์ง€๋ฅผ ๋“ฑ๋ก ํ–ˆ์Œ์—๋„ ๋ณธ๋ฌธ ๊ธ€ ์ƒ๋‹จ ๋ถ€๋ถ„ ์ด๋ฏธ์ง€ ๋ฏธ ์ ์šฉ
์ด๋ฏธ์ง€ ํ™•์žฅ์ž : png
์ด๋ฏธ์ง€ ํฌ๊ธฐ : 600 x 200

๋ฐœ์ƒ ๊ณผ์ •
๋ณธ๋ฌธ ๊ธ€ ์ž‘์„ฑ ํ›„ ๋Œ€ํ‘œ ์ด๋ฏธ์ง€ ์„ค์ • ํ–ˆ์„ ๋•Œ

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
image

ํŠน์ • ํ™˜๊ฒฝ์—์„œ hightlight ๋™์ž‘์•ˆํ•จ

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: ๏ฟฝmacOS, iOS
  • ๋ธŒ๋ผ์šฐ์ €: macOS(Safari), iOS(FireFox, Safari)
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): 3.4.5

์„ค๋ช…
hightlight.js ๊ฐ€ ๋กœ๋”ฉ๋˜์ง€ ์•Š์•„ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜๊ณ , ์ด๋กœ ์ธํ•ด ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…์ด ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ตœ์ดˆ ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ… ์ถฉ๋Œ ์ดํ›„์—” ๋ธŒ๋ผ์šฐ์ €์— jsํŒŒ์ผ์ด ์บ์‹ฑ๋˜์–ด ์ •์ƒ์ ์œผ๋กœ ๋™์ž‘ํ•˜๋Š” ๊ฒƒ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค.

๋ฐœ์ƒ ๊ณผ์ •
์ƒ๊ธฐ OS/๋ธŒ๋ผ์šฐ์ €์—์„œ ์บ์‹œ๋ฅผ ์‚ญ์ œํ•˜๊ณ  ํŽ˜์ด์ง€ ์ ‘์†

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
Screen Shot 2021-12-13 at 7 29 48 PM

IMG_5724

๋งํฌ: https://dataportal.kr/54

SNS ๊ณต์œ  ๋ฐ ๋งํฌ ๋ณต์‚ฌ ๊ธฐ๋Šฅ์ด ์ œ๋Œ€๋กœ ๋™์ž‘ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š”! hELLO ์Šคํ‚จ ์ •๋ง ์ž˜ ์“ฐ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฒŒ์‹œ๋ฌผ ์˜ค๋ฅธ์ชฝ ์•„๋ž˜์˜ SNS ๊ณต์œ  ๋ฒ„ํŠผ / URL ๋ณต์‚ฌ ๋ฒ„ํŠผ์„ ํด๋ฆญํ–ˆ์„ ๋•Œ ๋™์ž‘์ด ์ •์ƒ์ ์œผ๋กœ ๋˜์ง€ ์•Š์•„ ์ด์Šˆ ๋„ฃ์–ด๋ด…๋‹ˆ๋‹ค.

  • URL ๋ณต์‚ฌ์˜ ๊ฒฝ์šฐ
    • ๋ณต์‚ฌ๋˜์—ˆ๋‹ค๋Š” ๋ฌธ๊ตฌ๋Š” ์ถœ๋ ฅ๋˜๋‚˜ ์‹ค์ œ ๋ณต์‚ฌ๊ฐ€ ์ด๋ฃจ์–ด์ง€์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
  • SNS ๊ณต์œ ์˜ ๊ฒฝ์šฐ
    • ๋ชจ๋“  SNS ๊ณต์œ  ๋ฒ„ํŠผ์ด ์ œ๋Œ€๋กœ ๋™์ž‘ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํŠธ์œ„ํ„ฐ ๊ณต์œ ์˜ ๊ฒฝ์šฐ "undefined undefined"๋กœ ๊ณต์œ  ํŠธ์œ—์ด ์ž‘์„ฑ๋˜๋Š” ๊ฒƒ์„ ๋ณด์•„ ๊ณต์œ  ๊ธฐ๋Šฅ ์ž์ฒด์— ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๋“ฏํ•ฉ๋‹ˆ๋‹ค.

์ œ ํ‹ฐ์Šคํ† ๋ฆฌ๋งŒ ์ด๋Ÿฐ๊ฐ€ ํ–ˆ๋Š”๋ฐ ์Šคํ‚จ ๋ฐฐํฌ ๋ธ”๋กœ๊ทธ์—์„œ๋„ ๊ฐ™์€ ํ˜„์ƒ์ด ํ™•์ธ๋˜์–ด ์ œ๋ณด๋“œ๋ฆฝ๋‹ˆ๋‹ค. ํ™•์ธ ๋ถ€ํƒ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค!

์ˆ˜ํ‰์œผ๋กœ ์ด๋ฏธ์ง€ 2๊ฐœ ์žˆ์„ ๋•Œ, ๋ณธ๋ฌธ ์˜์—ญ์„ ๋ฒ—์–ด๋‚˜๋Š” ํ˜„์ƒ

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: windows
  • ๋ธŒ๋ผ์šฐ์ €: edge, chrome
  • ๋ฒ„์ „: 3.4.2 (6์›” ์ดˆ ์—…๋ฐ์ดํŠธ)
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): [e.g 3.4.0]

์„ค๋ช…
[๋ณธ๋ฌธ์—์„œ ์ด๋ฏธ์ง€๋ฅผ ์ˆ˜ํ‰์œผ๋กœ 2๊ฐœ ์ด์–ด ๋ถ™์—ฌ์ง€๋Š” ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ๋•Œ, ๋ณธ๋ฌธ ์˜์—ญ ๋ฐ–์œผ๋กœ ๋ฒ—์–ด๋‚ฉ๋‹ˆ๋‹ค.]

๋ฐœ์ƒ ๊ณผ์ •
[ํ™”๋ฉด ํฌ๊ธฐ๋ฅผ ์ค„์ด๋ฉด ๋ณธ๋ฌธ์˜์—ญ์ด ์ค„์–ด๋“ฌ์— ๋”ฐ๋ผ ์ด๋ฏธ์ง€ ํฌ๊ธฐ๊ฐ€ ๊ฐ™์ด ์ž˜ ์ค„์–ด๋“ญ๋‹ˆ๋‹ค. ์Šคํ‚จ์ด ๋ณธ๋ฌธ ์ฃผ๋ณ€ ๊ณต๋ฐฑ์ด ์—†๊ธฐ ๋•Œ๋ฌธ์ธ๊ฑฐ ๊ฐ™์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ๋ณธ๋ฌธ ์˜์—ญ์ด ๋„“์€ ๊ฒฝ์šฐ = ๋ณธ๋ฌธ ์ขŒ์šฐ๋ฉด์— ์—ฌ๋ฐฑ ๊ณต๊ฐ„์ด ์žˆ๋Š” ๊ฒฝ์šฐ์—๋Š” ์ด๋ฏธ์ง€๊ฐ€ ๋ฒ—์–ด๋‚ฉ๋‹ˆ๋‹ค.]

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
ํ™”๋ฉด ํฌ๊ธฐ๋ฅผ ์ค„์˜€์„ ๋•Œ(์ •์ƒ):
image

ํ™”๋ฉด ํฌ๊ธฐ๊ฐ€ ํด ๋•Œ(๋ฒ„๊ทธ ์žˆ์Œ): image
ํ•ด๋‹น ํฌ์ŠคํŠธ ๋งํฌ: https://vg-rlo.tistory.com/entry/%EA%B0%95%EC%9D%98%EB%85%B8%ED%8A%B8-Time-Series-Regression-Part-3

์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŠธ ์ ์šฉ์ด ์•ˆ๋ฉ๋‹ˆ๋‹ค.

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: Windows 10
  • ๋ธŒ๋ผ์šฐ์ €: chrome
  • ๋ฒ„์ „: 3.6.1
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): [e.g 3.4.0]

์„ค๋ช…
๋ฒ„๊ทธ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋ฐœ์ƒํ•˜๋Š”์ง€ ์•Œ๋ ค์ฃผ์„ธ์š”. ๋Œ€๋žต์ ์ธ ๋ฒ„๊ทธ์˜ ์„ค๋ช…์„ ์ ์–ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.
[e.g. ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…์ด ๋™์ž‘ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.]

์Šคํ‚จ ๋ณ€๊ฒฝ์„ ์ƒˆ๋กœ ์„ธ๋ฒˆ ์‹œ๋„ํ–ˆ๋Š”๋ฐ ๋งค๋ฒˆ ์•ˆ๋์Šต๋‹ˆ๋‹ค.
์ œ๊ฐ€ ์ž˜๋ชปํ•œ๊ฑด์ง€ ๋‹ค๋ฅธ๋ถ„๋“ค์€ ์ด๋Ÿฐ ํ˜„์ƒ์„ ๊ฒช์œผ์‹ ๋ถ„์ด ์•ˆ๊ณ„์‹œ๋„ค์š”.
์ข‹์€ ์Šคํ‚จ ์ž˜ ํ™œ์šฉํ•˜์ง€ ๋ชปํ•ด์„œ ์†์ƒํ•˜๋„ค์š” ใ… ใ… 

์ฝ”๋“œ๋ธ”๋Ÿญ highlight์ ์šฉ์ด ์•ˆ๋ฉ๋‹ˆ๋‹ค.
cdn์œผ๋กœ๋„ ํ•ด๋ณด๊ณ  ํŒŒ์ผ ์—…๋กœ๋“œํ•ด์„œ ์˜ฌ๋ ธ๋Š”๋ฐ
๋ฐฐ๊ฒฝ์ƒ‰์ด๋ž‘ ๊ฒน์ณ์„œ ๊ทธ๋Ÿฌ๋Š”์ง€ ์ƒ‰์ด ์ด์ƒํ•˜๊ฒŒ ๋‚˜์˜ค๋„ค์š”.
css์—์„œ pre code์˜ ๋ฐฐ๊ฒฝ์„ ๊ฐ•์ œ๋กœ ๋ฐ”๊ฟ”๋„ ์ฝ”๋“œ ์ƒ‰์ด ์ด์ƒํ•˜๊ฒŒ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

๋ฐœ์ƒ ๊ณผ์ •
๋ฒ„๊ทธ๊ฐ€ ์–ด๋–ค ๊ณผ์ •์„ ํ†ตํ•ด ๋ฐœ์ƒํ•˜๋Š”์ง€ ๊ตฌ์ฒด์ ์œผ๋กœ ์ ์–ด์ฃผ์„ธ์š”.
[e.g. ํ…Œ๋งˆ ๋ณ€๊ฒฝ ๋ฒ„ํŠผ์„ ํ†ตํ•ด ํ™”์ดํŠธ ๋ชจ๋“œ๋กœ ๋ณ€๊ฒฝ์‹œ ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…์˜ ์ƒ‰์ƒ์ด ๋ณ€ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ...]

ํ•˜์ด๋ผ์ดํŠธ ์ ์šฉํ–ˆ๋Š”๋ฐ ํ•˜์ด๋ผ์ดํŒ… ์ƒ‰์ƒ์ด ์ ์šฉ์€ ๋˜๋Š”๊ฑฐ ๊ฐ™์€๋ฐ ๋ฐฐ๊ฒฝ์ด ์•ˆ๋ฐ”๋€Œ์–ด์„œ ๊ทธ๋Ÿฐ์ง€ ์ด์ƒํ•˜๊ฒŒ ๋‚˜์˜ต๋‹ˆ๋‹ค.
ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ์ฒ˜์Œ๋ถ€ํ„ฐ ์•ˆ์ผ์Šต๋‹ˆ๋‹ค.

์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…
์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ์ƒํ™ฉ์„ ๊ฐ€๋Šฅํ•˜๋‹ค๋ฉด ์Šคํฌ๋ฆฐ์ƒท์„ ์ฒจ๋ถ€ํ•ด์ฃผ์„ธ์š”. ๋˜ํ•œ ๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ๋ชจ์Šต์ด ์žˆ๋Š” ํฌ์ŠคํŠธ์˜ ์ฃผ์†Œ๋ฅผ ์ฒจ๋ถ€ํ•ด์ฃผ์‹œ๋Š” ๊ฒƒ๋„ ์•„์ฃผ ์ข‹์Šต๋‹ˆ๋‹ค!
1
image

https://sg-dev.tistory.com/79

๊ธ€์“ฐ๊ธฐ ๊ธฐ๋ณธ "ํ…Œ์ด๋ธ”"์˜ "ํ‘œ ํ…Œ๋งˆ" ๋ณ€๊ฒฝ์‹œ ๋‹คํฌ๋ชจ๋“œ์—์„œ ํฐํŠธ์ƒ‰์ƒ ๋ฐ˜์ „์ด ์ •์ƒ๋™์ž‘ํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ ๋ฐœ์ƒ

ํ™˜๊ฒฝ

  • ์šด์˜์ฒด์ œ: Windows10
  • ๋ธŒ๋ผ์šฐ์ €: chrome
  • ๋ฒ„์ „: 102.0.5005.115(๊ณต์‹ ๋นŒ๋“œ) (64๋น„ํŠธ)
  • ์Šคํ‚จ ๋ฒ„์ „: 3.6.1

์„ค๋ช…
๊ธ€์“ฐ๊ธฐ์—์„œ ์‚ฝ์ž…๋œ ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ํ…Œ์ด๋ธ”์— ํŠน์ • ํ…Œ๋งˆ๊ฐ€ ์ ์šฉ๋˜์—ˆ์„์‹œ ํฐํŠธ์ƒ‰์ƒ ๋ฐ˜์ „์€ ๋ฐฐ๊ฒฝ์ƒ‰์— ๋”ฐ๋ผ ๋‹ค๋ฅด๊ฒŒ ๋™์ž‘ํ•ด์•ผํ•˜๋‚˜ ์ผ๊ด„์ ์œผ๋กœ ๋ณ€๊ฒฝ๋˜์–ด ๊ฐ€๋…์„ฑ์ด ๋–จ์–ด์ง€๋Š” ๊ฒฝ์šฐ ๋ฐœ์ƒ

๋ฐœ์ƒ ๊ณผ์ •
ํ…Œ๋งˆ ๋ณ€๊ฒฝ ๋ฒ„ํŠผ์„ ํ†ตํ•ด ๋‹คํฌ ๋ชจ๋“œ๋กœ ๋ณ€๊ฒฝ์‹œ ํ…Œ์ด๋ธ”์— ์ ์šฉ๋œ ํฐํŠธ๋ฐ˜์ „์ด ๋™์ž‘ํ•˜์ง€ ์•Š์•„์•ผํ•  ํ…Œ๋งˆ์—์„œ๋„ ๋™์ž‘

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
์บก์ฒ˜_white
์บก์ฒ˜_black

๊ตฌ๋… ๋ฒ„ํŠผ ๋ฐ ๋Œ“๊ธ€ ์ž‘์„ฑ์— ๋„ค๋ชจ ๋ฐ•์Šค๋กœ ๋‚˜์˜ต๋‹ˆ๋‹ค.

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: mac
  • ๋ธŒ๋ผ์šฐ์ €: chrom
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): 3.6.1

์„ค๋ช…
๊ตฌ๋… ๋ฒ„ํŠผ ๋ฐ ๋Œ“๊ธ€ ์ž‘์„ฑ์ด ๋„ค๋ชจ ๋ฐ•์Šค๋กœ ๋‚˜์˜ต๋‹ˆ๋‹ค.
[e.g. ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…์ด ๋™์ž‘ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.]

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
์•„๋ž˜ ์‚ฌ์ง„์€ ๋ณธ๋ฌธ ๋‚ด์šฉ ํ•˜๋‹จ์— ๋Œ“๊ธ€ ์ฐฝ์ž…๋‹ˆ๋‹ค.
image

์•„๋ž˜ ์‚ฌ์ง„์€ ์˜ค๋ฅธ์ชฝ ์ƒ๋‹จ์˜ ๊ตฌ๋…๋ฒ„ํŠผ์ž…๋‹ˆ๋‹ค.
image

์ฝ”๋“œ๋ธ”๋Ÿญ ํฐํŠธ ๋ณ€๊ฒฝ ๊ฑด์˜ + ์˜ค๋ฅ˜

์ฝ”๋“œ๋ธ”๋Ÿญ ํฐํŠธ๊ฐ€ ์ผ๋ฐ˜ ๊ณ ๋”•์ฒด๋กœ ๋‚˜์˜ต๋‹ˆ๋‹ค.
์ด๋ฅผ ๊ณ ์ •ํญ ๊ธ€๊ผด๋กœ ๋ฐ”๊พธ๋Š” ๊ฒƒ์€ ์–ด๋–จ๊นŒ์š”?

ํ•œ๋ฒˆ ์ œ์•ˆ๋“œ๋ ค๋ด…๋‹ˆ๋‹ค.

๋˜ํ•œ ์ œ๊ฐ€ html์—์„œ ๊ฑด๋“œ๋ฆฐ ๊ฒŒ ์—†์Œ์—๋„ Designed by... ๊ฐ€ ๋‚˜์˜ค์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
์ด๊ฒƒ๋„ ๋ฒ„๊ทธ์ธ ๊ฒƒ ๊ฐ™๋„ค์š”.

์นดํ…Œ๊ณ ๋ฆฌ ์ธ๋„ค์ผ ์ด๋ฏธ์ง€ ํฌ๊ธฐ ๋ฌธ์ œ

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: window 10
  • ๋ธŒ๋ผ์šฐ์ €: chrome
  • ๋ฒ„์ „: 92.0.4515.107
  • ์Šคํ‚จ ๋ฒ„์ „ 3.4.3

์„ค๋ช…
๋ฒ„๊ทธ๋Š” ์•„๋‹ˆ๊ณ  ๋ธ”๋กœ๊ทธ ์นดํ…Œ๊ณ ๋ฆฌ์—์„œ ์ธ๋„ค์ผ์˜ ํฌ๊ธฐ๊ฐ€ ๋„ˆ๋ฌด ์ปค๋ณด์ด๋Š” ํ˜„์ƒ์ด ์žˆ์–ด์„œ
์กฐ๊ธˆ ์ž‘๊ฒŒ ์กฐ์ ˆ์ด ๊ฐ€๋Šฅํ•œ์ง€์— ๋Œ€ํ•ด์„œ ํ”ผ๋“œ๋ฐฑ์„ ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ

๋ธŒ๋ผ์šฐ์ € ํ™•๋Œ€ 100% ์ผ ๋•Œ

image

๋ธŒ๋ผ์šฐ์ € ํ™•๋Œ€ 75% ์ผ ๋•Œ

image

๋ธŒ๋ผ์šฐ์ € ํ™•๋Œ€ 50% ์ผ ๋•Œ

image

๊ทธ๋ฆฌ๊ณ  ์ œ ๋ธ”๋กœ๊ทธ ๋งํฌ๋„ ๊ฑธ์–ด๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ์Šคํ‚จ ์ž…ํ˜€๋†จ์–ด์š”!

์ œ๋ชฉ1, ์ œ๋ชฉ2๋กœ ์„ค์ •ํ•  ๊ฒฝ์šฐ ํ™”๋ฉด์— ๋…ธ์ถœ๋ฉ๋‹ˆ๋‹ค.

  • ์šด์˜์ฒด์ œ: windows
  • ๋ธŒ๋ผ์šฐ์ €: chrome
  • ๋ฒ„์ „: 3.6.1
    image

์„ค๋ช…
์ตœ์‹  ๋ฒ„์ „(3.6.1)์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๊ณ , ์ œ๋ชฉ1, ์ œ๋ชฉ2๋กœ ์„ค์ •ํ•  ๊ฒฝ์šฐ ์‚ฌ์ง„๊ณผ ๊ฐ™์ด ๊ฒน์น˜๋Š” ํ˜„์ƒ์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

๋ฐœ์ƒ ๊ณผ์ •
์ ‘์†ํ•˜๋ฉด ํ•ญ์ƒ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
ํ™”๋ฉด์„ ํ™•๋Œ€ํ•˜๋ฉด ๋ณด์ด์ง€ ์•Š์ง€๋งŒ ์ถ•์†Œํ•˜๋ฉด ๋ณด์ž…๋‹ˆ๋‹ค.
110% ํ™•๋Œ€ ํ•˜๋ฉด ๋ณด์ด์ง€์•Š๊ณ ,
100% ํ™•๋Œ€ํ•˜๋ฉด ๋ณด์ž…๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
image

ํŒŒ์ด์–ดํญ์Šค ์ตœ์‹ ๋ฒ„์ „ ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ… ์ ์šฉ ์•ˆ๋˜๋Š” ์ฆ์ƒ

ํŒŒ์ด์–ดํญ์Šค ์ตœ์‹ ๋ฒ„์ „์—์„œ ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…์ด ์ ์šฉ์ด ์•ˆ๋˜๋Š” ์ฆ์ƒ์ด ์žˆ์Šต๋‹ˆ๋‹ค.
image
์•„๋งˆ ํ•˜์ด๋ผ์ดํŒ… ์ ์šฉ๋˜๊ธฐ ์ „์˜ ํ…์ŠคํŠธ๋กœ ์ถœ๋ ฅ๋˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

image
ํฌ๋กฌ์€ ์ •์ƒ ์ ์šฉ๋˜๋ฉฐ, ์Šค๋งˆํŠธํฐ์ด๋‚˜ ํƒœ๋ธ”๋ฆฟ๋„ ์ •์ƒ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

ํ…Œ์ŠคํŠธ ํŽ˜์ด์ง€๋Š” ์•„๋ž˜์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค.
https://gustjd887.tistory.com/37

์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ ์ถ”๊ฐ€ ๊ฑด์˜

  1. '๋‹คํฌ๋ชจ๋“œ->๋ผ์ดํŠธ ๋ชจ๋“œ' or '๋ผ์ดํŠธ ๋ชจ๋“œ->๋‹คํฌ๋ชจ๋“œ'๋กœ ์ „ํ™˜๋ ๋•Œ ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ๊ฐ€ ์žˆ์—ˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค.
  2. ์˜ค๋ฅธ์ชฝ ์ฑ…๊ฐˆํ”ผ ํ•ญ๋ชฉ ์„ ํƒํ›„ ์ด๋™๋  ๋•Œ ์Šคํฌ๋กค ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ๊ฐ€ ์žˆ์—ˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค.
  3. ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŠธ์—์„œ 'ํ•˜ํŠธ(์ข‹์•„์š”)'๋ฅผ ๋ˆ„๋ฅด๊ณ  ํ•˜ํŠธ ๋ชจ์–‘์ด ์˜ฌ๋ผ์˜ค๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ๊ฐ€ ์žˆ์—ˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค.
  4. ์ด๋ฒคํŠธ๋ฅผ ์ค„ ์ˆ˜ ์žˆ๋Š” ์˜ค๋ธŒ์ ํŠธ์— ์ปค์„œ๋ฅผ ์˜ฌ๋ฆด๋•Œ ๋‚˜์˜ค๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ๋ฅผ ๋Œ“๊ธ€ ์ž‘์„ฑ ๋ฒ„ํŠผ๋“ฑ ๋”์šฑ ๋งŽ์€ ๊ณณ์— ์ถ”๊ฐ€ํ–ˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค!

hELLO 3.0 ๋ฒ„๊ทธ + ๊ฑด์˜์‚ฌํ•ญ

์ œ๊ฐ€ ๊ฒฝํ—˜ํ•œ ๋ฒ„๊ทธ๋“ค์ž…๋‹ˆ๋‹ค. ํ˜น์‹œ ๋” ๋ฐœ๊ฒฌ๋˜๋ฉด ์ถ”๊ฐ€ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

IMG_AB2A1F9524FB-1
๋ชจ๋ฐ”์ผ์—์„œ ์นดํ…Œ๊ณ ๋ฆฌ์— ๋“ค์–ด๊ฐ€๋ฉด ์ œ๋ชฉ์ด ์ €๋ ‡๊ฒŒ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ์‚ฌํŒŒ๋ฆฌ๋„, ํฌ๋กฌ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์˜€์Šต๋‹ˆ๋‹ค.

IMG_0074
๋˜ํ•œ, ์ปค๋ฒ„ ํ˜•์‹ ๋ฆฌ์ŠคํŠธ์—์„œ ๊ตฌ๋ถ„์„ ์ด ๋‹คํฌ ๋ชจ๋“œ ์ผ๋•Œ๋„ ๊นŒ๋งฃ๊ฒŒ ๋‚˜์™€ ์ž˜ ๋ณด์ด์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

IMG_0075
์ „์ฒด ๊ธ€ ๋ณด๊ธฐ์—์„œ ๋ธ”๋กœ๊ทธ ์ด๋ฆ„์ด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ‘œ์‹œ๋˜๋„ค์š”. ํŠน์ˆ˜๋ฌธ์ž๋ผ ๊ทธ๋Ÿฐ๊ฑธ๊นŒ์š”?


IMG_0076
์ปค๋ฒ„์— Magazine ์Šคํ‚จ์˜ ์Šฌ๋ผ์ด๋“œ ๋ฆฌ์ŠคํŠธ 2 ๊ฐ™์€ ํ˜•ํƒœ์˜ ์ปค๋ฒ„๊ฐ€ ๋“ค์–ด๊ฐ€๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
๊ทธ๋ฆฌ๊ณ  Poster์Šคํ‚จ์˜ ์ปค๋ฒ„์ฒ˜๋Ÿผ ๊ทธ๋ƒฅ ์‚ฌ์ง„๋งŒ ๋‚˜ํƒ€๋‚ด๋Š” ์ปค๋ฒ„๋„ ์žˆ์œผ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ, ์‚ฌ์ด๋“œ๋ฐ”๊ฐ€ ํ‘œ์‹œ๋˜๋Š” ์ตœ์†Œ ๊ฐ€๋กœํญ์„ 1400px๋กœ ๋ฐ”๊พธ๋Š” ๊ฒƒ์ด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. 13์ธ์น˜ ๋งฅ๋ถ์—์„œ ์‚ฌ์ด๋“œ๋ฐ”๊ฐ€ ๋‚˜์˜ฌ ๊ณต๊ฐ„์€ ์ถฉ๋ถ„ํ•œ๋ฐ, ํ‘œ์‹œ๋˜์ง€ ์•Š์„ ํ•„์š”๊ฐ€ ์—†์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.


๋นจ๋ฆฌ ์ˆ˜์ •ํ•ด์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค~

๋‹คํฌ/๋ผ์ดํŠธ ๋ชจ๋“œ์— ๋”ฐ๋ฅธ ๋ณธ๋ฌธ ๊ธ€ ์ƒ‰์ƒ ๋ณ€ํ™˜

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: windows10
  • ๋ธŒ๋ผ์šฐ์ €: chrome
  • ์Šคํ‚จ ๋ฒ„์ „: 3.6.1

์ƒ์šฐ๋‹˜ ๋ธ”๋กœ๊ทธ ๋“ค์–ด๊ฐ€์„œ ํ™•์ธํ–ˆ์„ ๋•Œ, ๋‹คํฌ/๋ผ์ดํŠธ ๋ชจ๋“œ์— ๋”ฐ๋ผ ๋ณธ๋ฌธ ๊ธ€ ์ƒ‰์ƒ์ด ๋ณ„๋„๋กœ ์ง€์ •๋˜์—ˆ์„ ๊ฒฝ์šฐ ์ž๋™ ๋ณ€ํ™˜์ด ๋˜์—ˆ๋Š”๋ฐ, ์ œ ๋ธ”๋กœ๊ทธ์—์„œ๋Š” ์ž‘๋™ํ•˜์ง€ ์•Š๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํ˜น ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ด ์žˆ์„๊นŒ์š”?

์˜ˆ๋ฅผ ๋“ค๋ฉด ์ƒ์šฐ๋‹˜ ๋ธ”๋กœ๊ทธ์—์„œ ๋ผ์ดํŠธ ๋ชจ๋“œ์˜ ํ•‘ํฌ์ƒ‰ ํฐํŠธ๋Š” ๋‹คํฌ ๋ชจ๋“œ์—์„œ ํŒŒ๋ž€์ƒ‰์œผ๋กœ ๋ณ€ํ™˜๋˜๊ณ  ์žˆ๋Š” ๊ฒƒ์„ ํ™•์ธํ•˜์˜€์Šต๋‹ˆ๋‹ค.

[Feature Request] TOC ํ‘œ์‹œ ์œ ํ˜• ์ถ”๊ฐ€

ํ˜„์žฌ TOC๋Š” ์ฐฝ ํฌ๊ธฐ์˜ ๊ฐ€๋กœ๊ฐ€ 1280px ์ด์ƒ์ธ ๊ฒฝ์šฐ์—๋งŒ ํ™”๋ฉด ์šฐ์ธก์— ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ๋Œ€๋žต์ ์ธ ๊ทธ๋ฆผ์œผ๋กœ ๋‚˜ํƒ€๋‚ด๋ฉด ์ด๋Ÿฐ ๊ทธ๋ฆผ์ด ๋˜๊ฒ ์ง€์š”.

current

TOC์˜ ํ‘œ์‹œ ์œ ํ˜•์„ ์ถ”๊ฐ€ํ–ˆ์œผ๋ฉด ํ•ฉ๋‹ˆ๋‹ค.

new

์œ„์™€ ๊ฐ™์ด, ๋ณธ๋ฌธ ์˜์—ญ ๋งจ ์œ„์— TOC์„ ์ƒ์‹œ ํ‘œ์‹œํ•˜๋Š” ์˜ต์…˜์ด ์ถ”๊ฐ€๋˜์—ˆ์œผ๋ฉด ํ•ฉ๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์— ์ถ”๊ฐ€์ ์œผ๋กœ ์ ์šฉ ๊ฐ€๋Šฅํ•œ TOC ํ‘œ์‹œ ์œ ํ˜• ์˜ต์…˜์„ ์ œ์•ˆํ•ฉ๋‹ˆ๋‹ค.

  • ํ™”๋ฉด ์ขŒ์ธก ํ‘œ์‹œ: ์ด ๊ฒฝ์šฐ, ๊ฐ€๋กœ 1280px ์ด์ƒ์ธ ๊ฒฝ์šฐ์—๋งŒ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ํ˜„์žฌ์˜ TOC ํ‘œ์‹œ ์„ค์ •๊ณผ ์ผ์น˜ํ•ฉ๋‹ˆ๋‹ค.
  • ๋ณธ๋ฌธ ์ƒ๋‹จ ํ‘œ์‹œ: TOC๋ฅผ ๊ฐ€๋กœ ํฌ๊ธฐ์— ์ƒ๊ด€ ์—†์ด ๋ณธ๋ฌธ ์ƒ๋‹จ์— ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.
    • ๋ชจ๋‘ ํ‘œ์‹œ: ์ „์ฒด TOC์„ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ฒฝ์šฐ TOC์ด ๊ธธ์–ด์ ธ ์Šคํฌ๋กค์„ ๋‚ด๋ ค์•ผ๋งŒ ๋ณธ๋ฌธ์„ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์ƒ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋‹ค์Œ ์˜ต์…˜์ด ์กด์žฌํ•ฉ๋‹ˆ๋‹ค.
    • ์ ‘์€ ์ƒํƒœ๋กœ ํ‘œ์‹œ: TOC๋ฅผ ์ ‘์€ ์ƒํƒœ๋กœ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ฒฝ์šฐ TOC์ด ์กด์žฌํ•œ๋‹ค๋Š” ์˜๋ฏธ๋กœ TOC์ด '๋ชฉ์ฐจ(ํ˜น์€ Table of Content)' ํ•œ ์ค„๋กœ ํ‘œ์‹œ๋˜๋ฉฐ, ์ด๋ฅผ ํด๋ฆญํ•ด ์ „์ฒด TOC๋ฅผ 'ํŽผ์น ' ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์—†์Œ: ๊ฐ€๋กœ 1280px ์—ฌ๋ถ€์™€ ๊ด€๊ณ„์—†์ด TOC๋ฅผ ์ผ์ ˆ ํ‘œ์‹œํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๊ฐ€๋Šฅํ•˜๋‹ค๋ฉด ๋ณธ๋ฌธ ๋‚ด <script> ํƒœ๊ทธ๋ฅผ ํ†ตํ•ด ์ด๋Ÿฌํ•œ TOC ์„ค์ •์„ ์˜ค๋ฒ„๋ผ์ด๋“œ ํ•  ์ˆ˜ ์žˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค.
๊ฐ€๋ น, ์Šคํ‚จ ์„ค์ •์—์„œ TOC์„ '์—†์Œ'์œผ๋กœ ์„ค์ •ํ•˜๋”๋ผ๋„ ๋ณธ๋ฌธ ์ƒ๋‹จ์— HTML ์ž…๋ ฅ ์˜ต์…˜์„ ํ†ตํ•ด <script>toc_display = 'topall';</script>๋ฅผ ์ž…๋ ฅํ•œ๋‹ค๋ฉด, ํ•ด๋‹น ๊ธ€์—์„œ๋Š” TOC์ด '๋ณธ๋ฌธ ์ƒ๋‹จ ํ‘œ์‹œ - ๋ชจ๋‘ ํ‘œ์‹œ'๋กœ ๋‚˜ํƒ€๋‚˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

  • ํ™”๋ฉด ์ขŒ์ธก ํ‘œ์‹œ: side
  • ๋ณธ๋ฌธ ์ƒ๋‹จ ํ‘œ์‹œ:
    • ๋ชจ๋‘ ํ‘œ์‹œ: topall
    • ์ ‘์€ ์ƒํƒœ๋กœ ํ‘œ์‹œ: topfold
  • ์—†์Œ: none

๋‹ค๋งŒ ์ด ๊ฒฝ์šฐ, TOC๊ณผ ๊ด€๋ จ๋œ ์Šคํฌ๋ฆฝํŠธ๊ฐ€ <article> ํƒœ๊ทธ๋ณด๋‹ค ์•„๋ž˜์— ์œ„์น˜ํ•ด ์žˆ์–ด์•ผ ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ํ•œ๋‹ค๋Š” ์ ์ด ๋‹จ์ ์ž…๋‹ˆ๋‹ค.

์‚ฌ์ด๋“œ ๋ฉ”๋‰ด ํ‹ฐ์Šคํ† ๋ฆฌ ์นดํ…Œ๊ณ ๋ฆฌ ํ•˜๋‹จ ์˜์—ญ์ด ์•ˆ๋– ์š”

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: [e.g. windows] Window10
  • ๋ธŒ๋ผ์šฐ์ €: [e.g. chrome, safari] Chrome
  • ๋ฒ„์ „: [e.g. 22] 3.6.1
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): [e.g 3.4.0]

์„ค๋ช…
๋ฒ„๊ทธ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋ฐœ์ƒํ•˜๋Š”์ง€ ์•Œ๋ ค์ฃผ์„ธ์š”. ๋Œ€๋žต์ ์ธ ๋ฒ„๊ทธ์˜ ์„ค๋ช…์„ ์ ์–ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.
[e.g. ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…์ด ๋™์ž‘ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.]

ํ•ด๋‹น ์Šคํ‚จ์„ ์‚ฌ์šฉํ•œ ํƒ€ ๋ธ”๋กœ๊ทธ๋ฅผ ๋ฐฉ๋ฌธํ•˜๊ฑฐ๋‚˜ ๊ฐœ๋ฐœ์ž๋‹˜ ๋ธ”๋กœ๊ทธ๋ฅผ ๋ณด๋ฉด ํ‹ฐ์Šคํ† ๋ฆฌ ํ•˜๋‹จ์— ์šด์˜์ค‘์ธ ๋ธ”๋กœ๊ทธ ์˜์—ญ์ด ๋œจ๋Š”๋ฐ,
์ œ ํ‹ฐ์Šคํ† ๋ฆฌ์—์„œ๋Š” ๋œจ์ง€ ์•Š์•„์š”
๋”ฐ๋กœ ์„ค์ •ํ•ด์ฃผ์–ด์•ผํ•˜๋Š” ๋ถ€๋ถ„์ด ์žˆ๋‚˜์š”?

๋ฐœ์ƒ ๊ณผ์ •
๋ฒ„๊ทธ๊ฐ€ ์–ด๋–ค ๊ณผ์ •์„ ํ†ตํ•ด ๋ฐœ์ƒํ•˜๋Š”์ง€ ๊ตฌ์ฒด์ ์œผ๋กœ ์ ์–ด์ฃผ์„ธ์š”.
[e.g. ํ…Œ๋งˆ ๋ณ€๊ฒฝ ๋ฒ„ํŠผ์„ ํ†ตํ•ด ํ™”์ดํŠธ ๋ชจ๋“œ๋กœ ๋ณ€๊ฒฝ์‹œ ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…์˜ ์ƒ‰์ƒ์ด ๋ณ€ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ...]

์Šคํ‚จ ์ ์šฉ ํ›„ ์ฒ˜์Œ๋ถ€ํ„ฐ ํ‹ฐ์Šคํ† ๋ฆฌ ์˜์—ญ ํ™œ์„ฑํ™” ํ™•์ธ์ด ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ์ƒํ™ฉ์„ ๊ฐ€๋Šฅํ•˜๋‹ค๋ฉด ์Šคํฌ๋ฆฐ์ƒท์„ ์ฒจ๋ถ€ํ•ด์ฃผ์„ธ์š”. ๋˜ํ•œ ๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ๋ชจ์Šต์ด ์žˆ๋Š” ํฌ์ŠคํŠธ์˜ ์ฃผ์†Œ๋ฅผ ์ฒจ๋ถ€ํ•ด์ฃผ์‹œ๋Š” ๊ฒƒ๋„ ์•„์ฃผ ์ข‹์Šต๋‹ˆ๋‹ค!

https://ahnsisters.tistory.com/
image

ํŠน์ • ํ™˜๊ฒฝ์—์„œ ์Šคํ‚จ ๋กœ๋”ฉ ๋ถˆ๊ฐ€๋Šฅํ•œ ๋ฌธ์ œ ์ œ๋ณด

๊น”๋”ํ•˜๊ณ  ๋ฉ‹์ง„ ์Šคํ‚จ ์ž˜ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์ œ๊ฐ€ ๋ธ”๋กœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ํ™˜๊ฒฝ์ด ์ง‘/ํ•™์›์ธ๋ฐ, ์ง‘์—์„  ๋ฌธ์ œ๊ฐ€ ์—†์—ˆ์œผ๋‚˜ ํ•™์›์˜ ๋„คํŠธ์›Œํฌ ๋ฌธ์ œ์ธ์ง€ ์Šคํ‚จ์˜ ๋กœ๋”ฉ์ด ๋˜์ง€ ์•Š์•„ ๋ธ”๋กœ๊ทธ ์ž์ฒด๋ฅผ ๋ณผ ์ˆ˜ ์—†๋Š” ํ˜„์ƒ์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค.

<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>

ํ™•์ธํ•ด๋ณด๋‹ˆ ์ด ๋ถ€๋ถ„์—์„œ ๋กœ๋”ฉ์ด ์ œ๋Œ€๋กœ ๋˜์ง€ ์•Š์•„ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ์ธ ๊ฒƒ์œผ๋กœ ํŒŒ์•…ํ–ˆ๊ณ , ์ผ๋‹จ ๋‹ค๋ฅธ ๊ณณ(cdnjs)์—์„œ ๋™์ผํ•œ ๋ฒ„์ „์˜ ์ฃผ์†Œ๋ฅผ ๋ฐ›์•„ ์ž…๋ ฅํ•˜๋‹ˆ ์ •์ƒ์ž‘๋™๋ฉ๋‹ˆ๋‹ค.

์›น ๊ฐœ๋ฐœ์€ ์™„์ „ ์ดˆ์งœ๋ผ ์ด๊ฒŒ ์ •ํ™•ํ•œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ธ์ง€๋Š” ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค๋งŒ, ํŠน์ • ํ™˜๊ฒฝ์—์„œ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ๋‹ค๋Š” ์ ์„ ์•Œ๋ ค๋“œ๋ฆฌ๋ฉด ์ž‘๊ฒŒ๋‚˜๋งˆ ๋„์›€์ด ๋ ๊นŒ์‹ถ์–ด ์ œ๋ณด๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๋Š˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

highlightjs ๋ฒ„์ „์ด ๋ช…์‹œ ๋˜๋Š” ๋ฒ„์ „ ์—…

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: [e.g. windows] osx
  • ๋ธŒ๋ผ์šฐ์ €: [e.g. chrome, safari] chrome
  • ๋ฒ„์ „: [e.g. 22]
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): [e.g 3.4.0] 3.5.5

์„ค๋ช…
๋ฒ„๊ทธ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋ฐœ์ƒํ•˜๋Š”์ง€ ์•Œ๋ ค์ฃผ์„ธ์š”. ๋Œ€๋žต์ ์ธ ๋ฒ„๊ทธ์˜ ์„ค๋ช…์„ ์ ์–ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.
[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 ๋ฒ„์ „์— ์žˆ๋Š” ๊ฒƒ์„ ๊ฐ€์ ธ์˜ค๋„๋ก ์„ค์ •ํ•จ.

hELLO ๋ฒ„๊ทธ์‚ฌํ•ญ ๋ฐ ๊ฑด์˜์‚ฌํ•ญ

์•ˆ๋…•ํ•˜์„ธ์š”! ํ‹ฐ์Šคํ† ๋ฆฌ ์Šคํ‚จ ๊ฐ์‚ฌํžˆ ์ž˜ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
์‚ฌ์šฉํ•˜๋ฉด์„œ ๋ฒ„๊ทธ์ธ์ง€๋Š” ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค๋งŒ ์ˆ˜์ •๋  ์ˆ˜ ์žˆ๋Š” ์ง€ ํ™•์ธํ•ด์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

  1. bullet point๊ฐ€ ์ตœ์ดˆ ์ž‘์„ฑํ•  ๋•Œ์—๋Š” ํƒญ์œผ๋กœ ๋ฌธ๋‹จ๊ตฌ๋ถ„์„ ํ•ด์คฌ์œผ๋‚˜, ์ ์šฉ์ด ๋˜์ง€์•Š์Šต๋‹ˆ๋‹ค.
  • ๊ธ€์“ฐ๋Š” ํ™”๋ฉด
    ํ™”๋ฉด ์บก์ฒ˜ 2021-01-29 224238
  • ๊ธ€ ์ž‘์„ฑ ํ›„ ๋ณด์—ฌ์ง€๋Š” ํ™”๋ฉด
    ํ™”๋ฉด ์บก์ฒ˜ 2021-01-29 224218
  1. ๋ชจ๋ฐ”์ผ(๋‹คํฌ๋ชจ๋“œ)์—์„œ ๊ธ€์„ ํ™•์ธํ•˜๋‹ค๋ณด๋ฉด ์ค‘๊ฐ„ ์ค‘๊ฐ„ ๊ธ€ ์ผ๋ถ€๊ฐ€ ๊ฑฐ์˜ ํšŒ์ƒ‰์œผ๋กœ ๋ณ€๊ฒฝ๋˜์–ด ์žˆ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
    KakaoTalk_20210129_224124828_01

  2. ์ด๊ฒƒ์€ ํ‹ฐ์Šคํ† ๋ฆฌ์˜ ๋ฌธ์ œ์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค๋งŒ ํ˜น์‹œ ํ•ด๊ฒฐ๋ฐฉ๋ฒ•์ด ์žˆ์„๊นŒํ•ด์„œ ์—ฌ์ญค๋ด…๋‹ˆ๋‹ค. Latex๋ฅผ ์ ์šฉํ•œ ํ™”๋ฉด์„ ํ•ธ๋“œํฐ์œผ๋กœ ์›นํ™”๋ฉด์œผ๋กœ ํ™•์ธํ•  ๋•Œ, Latex ๊ธธ์ด ๋•Œ๋ฌธ์— ์•„๋ž˜์™€ ๊ฐ™์€ ํ˜„์ƒ์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. Latex๊ฐ€ ์—†๊ฑฐ๋‚˜ ์งง์œผ๋ฉด ํฌ๊ฒŒ ๋ฌธ์ œ๊ฐ€ ๋˜์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค๋งŒ ์ž˜๋ผ์ฃผ๋Š” ๊ฒŒ ์ตœ์„ ์ด๊ฒ ์ฃ ?ใ… ใ… 
    KakaoTalk_20210129_224124828_02

ํ•ญ์ƒ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

[๋ฒ„๊ทธ] ์šฐ์ธก ์†Œ์ œ๋ชฉ ๋ฆฌ์ŠคํŠธ ๋ถ€๋ถ„ Bold ์ฒ˜๋ฆฌ ์•ˆ๋˜๋Š” ์ด์Šˆ

์•ˆ๋…•ํ•˜์„ธ์š”~ hELLO๋‹˜์˜ ํ‹ฐ์Šคํ† ๋ฆฌ ์Šคํ‚จ์„ ์‚ฌ์šฉ ์ค‘์ธ ๋ฒ ๋‹ˆ๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค! ๐Ÿ˜„
์Šคํ‚จ ๋„ˆ๋ฌด ์ข‹๊ณ  ์ž˜ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์–ด์„œ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค! ๐Ÿ™‡โ€โ™‚๏ธ

๋‹ค๋ฆ„์ด ์•„๋‹ˆ๋ผ ์Šคํ‚จ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ธ€์„ ์ž‘์„ฑํ•˜์˜€๋Š”๋ฐ ์šฐ์ธก ์†Œ์ œ๋ชฉ ๋ถ€๋ถ„์ด ์Šคํฌ๋กค์„ ๋‚ด๋ ค๋„
Bold ์ฒ˜๋ฆฌ๊ฐ€ ๋˜์ง€ ์•Š๋Š” ์ด์Šˆ๋ฅผ ๋ฐœ๊ฒฌํ•˜์˜€์Šต๋‹ˆ๋‹ค~ ๐Ÿ˜ฑ

ํ˜น์‹œ ์ œ ๊ฒƒ๋งŒ ๊ทธ๋Ÿฐ ๊ฒƒ์ธ์ง€ ํ™•์ธํ•ด๋ณด๋‹ˆ hELLO๋‹˜ ๋ธ”๋กœ๊ทธ์˜ PHP ์ตœ์‹  ๊ธ€๋„ ๊ฐ™์€ ํ˜„์ƒ์ด ๋ณด์—ฌ์„œ ์ œ๋ณด ๋“œ๋ฆฝ๋‹ˆ๋‹ค! ๐Ÿšจ

๋‹คํฌ๋ชจ๋“œ ์‹œ ์ฝ”๋“œ๋ธ”๋ก ํ•˜์ด๋ผ์ดํŒ…์ด ์ œ๋Œ€๋กœ ๋ฐ˜์˜๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

image

๋‹คํฌ๋ชจ๋“œ ์‹œ highlight.js์˜ ์„ค์ •์„ ์ „์—ญ css๊ฐ€ ๋ฎ์–ด์”Œ์šฐ๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

ํ•œ๋ฒˆ ์ˆ˜์ •ํ•ด๋ณด๋ ค๊ณ  css๋ฅผ ๊ฑด๋“œ๋ ค๋ณด์•˜์œผ๋‚˜ ํ•ด๊ฒฐ์„ ํ•  ์ˆ˜ ์—†์–ด์„œ ๋ฌธ์˜๋“œ๋ฆฝ๋‹ˆ๋‹ค.

ํ˜น์‹œ ์ฝ”๋“œ๋ธ”๋ก ๊ด€๋ จํ•ด์„œ ์กฐ์ž‘ํ•˜๋Š” css ์ค‘ background ๊ด€๋ จ๋œ ๋ถ€๋ถ„์„ ์•Œ๋ ค์ฃผ์‹œ๋ฉด ์ˆ˜๋™์œผ๋กœ ์ˆ˜์ •ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹คใ… .

๋ฐฉ๋ฌธ์ž์ˆ˜ ์ž˜๋ฆผ

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: ์œˆ๋„์šฐ, ์•ˆ๋“œ๋กœ์ด๋“œ
  • ๋ธŒ๋ผ์šฐ์ €: ํฌ๋กฌ, ์›จ์ผ(PC, ๋ชจ๋ฐ”์ผ)
  • ์Šคํ‚จ ๋ฒ„์ „ : 3.4.3

์„ค๋ช…
๋ฐฉ๋ฌธ์ž ์ˆ˜๊ฐ€ 100๋งŒ ๋‹จ์œ„๋ฅผ ๋„˜์–ด๊ฐ€๋ฉด ์ „์ฒด๊ฐ€ ํ‘œ์‹œ๋˜์ง€ ์•Š๊ณ , ์ž˜๋ฆฝ๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
image

TOC ๋ฐ์Šคํฌํƒ‘์—์„œ ์•ˆ๋‚˜์˜ค๋Š” ์—๋Ÿฌ์ž…๋‹ˆ๋‹ค.

ํ™˜๊ฒฝ (๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ™˜๊ฒฝ์„ ์ ์–ด์ฃผ์„ธ์š”.):

  • ์šด์˜์ฒด์ œ: [windows]
  • ๋ธŒ๋ผ์šฐ์ €: [chrome]
  • ์Šคํ‚จ ๋ฒ„์ „ (์Šคํ‚จ ๋ฒ„์ „์€ index.xml ์—์„œ ํ™•์ธ): [3.6.1]

์„ค๋ช…

TOC์˜ ๊ธฐ๋Šฅ์ด ์ •์ƒ ์ž‘๋™๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ๋ธ”๋กœ๊ทธ์˜ ๊ธ€์€ ์ž˜ ๋‚˜ํƒ€๋‚˜๋Š”๋ฐ ์ œ๊ป€ ์•ˆ๋‚˜์˜ค๋„ค์š”..
TOC ์‚ฌ์šฉ ์„ค์ •๋„ ํ•ด๋†“์•˜์Šต๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๋งํฌ
toc ์„ค์ • ํ™•์ธ
image

TOC ์ ์šฉ ์•ˆ๋จ ํ™•์ธ.
image

ํ•ด๋‹น ๊ฒŒ์‹œ๊ธ€์ž…๋‹ˆ๋‹ค
https://bwhong.tistory.com/4?category=926088

๋„ค๋น„๊ฒŒ์ด์…˜ ๋น„ํ™œ์„ฑํ™” ์‹œ ์‚ฌ์ด๋“œ๋ฐ” ํ™œ์„ฑํ™” ๋ถˆ๊ฐ€๋Šฅ

1400px๋ณด๋‹ค ํ™”๋ฉด ํฌ๊ธฐ๊ฐ€ ์ž‘์„ ๊ฒฝ์šฐ, ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ์—ด๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋„ค๋น„๊ฒŒ์ด์…˜์— ์žˆ๋Š” ํ”„๋กœํ•„ ์•„์ด์ฝ˜์„ ๋ˆŒ๋Ÿฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋„ค๋น„๊ฒŒ์ด์…˜์„ ์ˆจ๊ธฐ๊ฒŒ ๋˜๋ฉด ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ์—ฌ๋Š” ๋ฒ„ํŠผ ์ž์ฒด๊ฐ€ ์‚ฌ๋ผ์ง€๋ฏ€๋กœ, ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ์—ด ์ˆ˜ ์—†๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

๋„ค๋น„๊ฒŒ์ด์…˜์„ ๋น„ํ™œ์„ฑํ™” ํ•œ ์ƒํƒœ์—์„œ๋„ ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ์—ด ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

PC์—์„œ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋ฐ”์ผ ํ™˜๊ฒฝ์—์„œ๋Š” ํ™•์ธํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.
๋งŒ์•ฝ ๋ชจ๋ฐ”์ผ ํ™˜๊ฒฝ์—์„œ ์Šค์™€์ดํ”„ ๋™์ž‘์œผ๋กœ ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ์—ด ์ˆ˜ ์žˆ๋‹ค๋ฉด, PC ํ™˜๊ฒฝ๊นŒ์ง€ ๊ณ ๋ คํ•ด ์Šค์™€์ดํ”„ ์ด์™ธ์—๋„ ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ์—ด ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

TOC(Table of Contents)๊ฐ€ ์ œ๋Œ€๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

  • ์šด์˜์ฒด์ œ: Windows 10 19042.1052
  • ๋ธŒ๋ผ์šฐ์ €: Firefox (๋ฒ ํƒ€)
  • ๋ฒ„์ „: 90.0b6
  • ์Šคํ‚จ ๋ฒ„์ „: 3.4.0

Animation1

๋…นํ™” ๋งํฌ: https://mmcrs.in/391

์ด๋ ‡๊ฒŒ ํ…Œ์ด๋ธ” ๋ˆ„๋ฅด๋ฉด ๊ทธ ํ…Œ์ด๋ธ”์ด ์žˆ๋Š” ์œ„์น˜๋กœ ์ด๋™ํ•ด์•ผํ•˜๋Š”๋ฐ ์Šคํ‚จ ์—…๋ฐ์ดํŠธํ•˜๊ณ ๋‚˜์„œ ์ œ๋Œ€๋กœ ์ž‘๋™์ด ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
๋ฌด์Šจ ์ฝ”๋“œ๋ฅผ ์ž˜๋ชป ๊ฑด๋“œ๋ฆฐ๊ฑธ๊นŒ์š”?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.