Discourse Bars 🍻 🍸 (μ‚¬μ΄λ“œλ°” ν”„λ ˆμž„μ›Œν¬)

μ»€μŠ€ν„°λ§ˆμ΄μ§• ν…Œλ§ˆ μ»΄ν¬λ„ŒνŠΈ
21

κ·Έλž˜μ„œ 이건 "Bars"μ™€λŠ” μ „ν˜€ 관련이 μ—†μ—ˆλ„€μš”, λ‹€ν–‰μž…λ‹ˆλ‹€.

μ„€μ • μ„€λͺ…에 μ˜΅μ…˜μ΄ λ‚˜μ™€ μžˆμŠ΅λ‹ˆλ‹€.

기본적으둜 Discovery νŽ˜μ΄μ§€μ˜ λͺ¨λ“  ν•­λͺ©μ€ "discovery"둜 처리되며, β€œcategories”, β€œtag” 및 νŠΉμ • "category"λŠ” ν•΄λ‹Ή μš©μ–΄λ‘œ μ²˜λ¦¬λ©λ‹ˆλ‹€.

1개의 μ’‹μ•„μš”
22

이 뢀뢄이 느리게 μ§„ν–‰λ˜κ³  μžˆλ‹€λ©΄ μ§„μ‹¬μœΌλ‘œ μ‚¬κ³Όλ“œλ¦½λ‹ˆλ‹€ :pray:

README.md νŒŒμΌμ—μ„œ λ‹€μŒ 쀄을 확인할 수 μžˆμŠ΅λ‹ˆλ‹€β€¦

  • discovery, topic, tag, category λ˜λŠ” categories 각각에 λŒ€ν•œ 섀정을 μ§€μ›ν•©λ‹ˆλ‹€.

λ‹€λ₯Έ λΆ„λ“€μ—κ²Œ 도움이 될 수 μžˆλ„λ‘, discoveryλΌλŠ” μš©μ–΄λ‘œ κ²€μƒ‰ν•˜λ©΄ "discovery"에 λŒ€ν•œ μœ μš©ν•œ μ°Έκ³  자료λ₯Ό 찾을 수 μžˆμŠ΅λ‹ˆλ‹€:

3개의 μ’‹μ•„μš”
23

쒋은 지적을 ν•΄μ£Όμ…¨λ„€μš”. 이것이 ν˜Όλž€μ„ 쀄 수 μžˆλ‹€λŠ” 점을 이해할 수 μžˆμŠ΅λ‹ˆλ‹€.

이 λͺ…λͺ…은 Metaμ—μ„œ 가끔씩, 특히 κ°œλ°œμžλ“€ μ‚¬μ΄μ—μ„œ(μ½”λ“œμ—μ„œ 많이 참쑰되기 λ•Œλ¬Έμ—) μ–ΈκΈ‰λ˜μ§€λ§Œ, Understanding Discourse for new users μ—λŠ” λΉ μ Έ μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ, ν•΄λ‹Ή κΈ°λŠ₯κ³Ό μ§μ ‘μ μœΌλ‘œ κ΄€λ ¨λœ 토둠에 μ°Έμ—¬ν•˜λŠ” μ‹ κ·œ μ‚¬μš©μžλ“€λ§Œ μ•Œκ²Œ λ˜λŠ” λ‚΄μš©μž…λ‹ˆλ‹€.

image
image1103Γ—196 16.3 KB

@JammyDodger κ·Έ κ°€μ΄λ“œμ—μ„œ 이 뢀뢄을 닀루어야 ν• κΉŒμš”? β€œDiscovery” λΌμš°νŠΈμ— λŒ€ν•΄ λˆ„κ΅°κ°€λŠ” μ–΄λ””μ„œ 배울 수 μžˆμ„κΉŒμš”?

4개의 μ’‹μ•„μš”
24

이 μš©μ–΄κ°€ μ‚¬μš©μžμ—κ²Œ λ…ΈμΆœλ˜λŠ” β€˜ν”„λ‘ νŠΈμ—”λ“œβ€™ μš©λ„λ‘œ 자주 μ“°μ΄λŠ”μ§€λŠ” 잘 λͺ¨λ₯΄κ² μ–΄μš”. ν…Œλ§ˆ μ»΄ν¬λ„ŒνŠΈλ‚˜ 개발 λ§₯λ½μ—μ„œλ§Œ λ³Έ 것 κ°™μŠ΅λ‹ˆλ‹€. 이 μš©μ–΄λ₯Ό 어디에 λ°°μΉ˜ν•˜λŠ” 것이 κ°€μž₯ μ μ ˆν•œμ§€ 고민이 λ˜λ„€μš”. β€˜κ΄€λ¦¬μžβ€™ μͺ½ μš©μ–΄μ²˜λŸΌ λŠκ»΄μ§€κΈ΄ ν•˜λŠ”λ°, 그에 λŒ€ν•œ κ°€μ΄λ“œκ°€ μžˆλŠ”μ§€ ν™•μ‹€ν•˜μ§€ μ•Šμ•„μš”.

5개의 μ’‹μ•„μš”
25

μ§€κΈˆμ€ 이 주제의 원문(OP)에 각주λ₯Ό μΆ”κ°€ν•΄ λ‘μ—ˆμŠ΅λ‹ˆλ‹€. κ°μ‚¬ν•©λ‹ˆλ‹€.

6개의 μ’‹μ•„μš”
26

image
image456Γ—198 18.6 KB

  • λͺ¨λ“  λ°”λ₯Ό μ§€μ›ν•©λ‹ˆλ‹€.
  • 섀정을 톡해 각각 κΊΌλ‚Ό 수 μžˆμŠ΅λ‹ˆλ‹€.
  • λΈŒλΌμš°μ € μƒˆλ‘œκ³ μΉ¨ μ‹œ λ‹«κΈ° μƒνƒœκ°€ μ΄ˆκΈ°ν™”λ©λ‹ˆλ‹€.

(아직 ν† ν”½ νŽ˜μ΄μ§€μ— λŒ€ν•΄ 쑰금 더 μž‘μ—…μ΄ ν•„μš”ν•©λ‹ˆλ‹€!)

6개의 μ’‹μ•„μš”
27

주제 λ™μž‘μ΄ μ ‘κΈ° 및 λ‹«κΈ° κΈ°λŠ₯으둜 κ°œμ„ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

3개의 μ’‹μ•„μš”
28

μƒˆ 릴리슀:

  • κΈ°λ³Έ 예제 섀정을 μ œκ³΅ν•˜κ³  μ‚¬μš©μž 지정 HTML만 ν¬ν•¨λœ μœ„μ ―μ„ λ§Œλ“€ 수 μžˆλŠ” μƒˆλ‘œμš΄ μœ„μ ― bars-custom-html을 λ„μž…ν•©λ‹ˆλ‹€.
  • RSB[1]의 νŒŒλΌλ―Έν„° μ‹œμŠ€ν…œμ„ μ±„νƒν•˜μ—¬ λ™μΌν•œ 일뢀 μœ„μ ―κ³Ό ν˜Έν™˜λ  수 μžˆμŠ΅λ‹ˆλ‹€.
  • κΈ°μ‘΄ 섀정에 νŒŒλΌλ―Έν„°κ°€ λˆ„λ½λ  수 μžˆμœΌλ―€λ‘œ κΈ°μ‘΄ 섀정을 μž¬μ„€μΉ˜ν•˜κ±°λ‚˜ μ‘°μ •ν•΄μ•Ό ν•  수 μžˆλŠ” ν˜Έν™˜μ„± 깨짐(breaking change) λ³€κ²½ μ‚¬ν•­μž…λ‹ˆλ‹€.

@ckshen λ‹˜, μ‚¬μš©μž 지정 HTML 지원을 μ°Ύκ³  κ³„μ…¨λ‚˜μš”?

  1. ν•΄λ‹Ή μž‘μ—…μ— @pmusaraj λ‹˜κ»˜ κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€. β†©οΈŽ

6개의 μ’‹μ•„μš”
29

μ•ˆλ…•ν•˜μ„Έμš”! 예λ₯Ό λ“€μ–΄ "D"에 νŠΈμœ„μΉ˜ ν”„λ ˆμž„μ„ μΆ”κ°€ν•˜λŠ” 방법을 μ•Œλ € μ£Όμ„Έμš”.

30

이 글은 개발자λ₯Ό λŒ€μƒμœΌλ‘œ ν•©λ‹ˆλ‹€. νŠΉμ • μœ„μ ― 생성에 도움이 ν•„μš”ν•˜μ‹  경우:

5개의 μ’‹μ•„μš”
31

이 κΈ°λŠ₯을 μ œκ³΅ν•΄ μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€. μ €ν¬λŠ” μ˜ˆμ „μ— λ ˆμ΄μ•„μ›ƒ ν”ŒλŸ¬κ·ΈμΈμ„ μ‚¬μš©ν•΄ ν† ν”½ λͺ©λ‘μ— 지도λ₯Ό ν‘œμ‹œν–ˆμŠ΅λ‹ˆλ‹€. 이제 ν•΄λ‹Ή μ˜΅μ…˜μ΄ μžˆμœΌλ‹ˆ λΉ„μŠ·ν•œ 것을 κ΅¬ν˜„ν•  수 μžˆλŠ” κ°€λŠ₯성이 μƒκ²ΌμŠ΅λ‹ˆλ‹€. μ–΄λ–»κ²Œ κ΅¬ν˜„ν• μ§€ 생각해 봐야 ν•  것 κ°™μŠ΅λ‹ˆλ‹€.

2개의 μ’‹μ•„μš”
32

Locations μ €μž₯μ†Œμ— 지원 κΈ°λŠ₯을 μΆ”κ°€ν•˜λŠ” PR을 자유둭게 λ³΄λ‚΄μ£Όμ‹œλ©΄ κ²€ν† ν•΄ λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€. μ•„λ‹ˆλ©΄ μ €μ—κ²Œ ν›„μ›ν•˜μ—¬ μ œκ°€ 직접 κ΅¬ν˜„ν•˜λ„λ‘ ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

2개의 μ’‹μ•„μš”
33

경둜 μ „ν™˜μ— λŒ€ν•œ μˆ˜μ •.

2개의 μ’‹μ•„μš”
34

μž‘μ€ κΈ°λŠ₯μ΄μ§€λ§Œ, 이제 κΈ°λ³Έκ°’μœΌλ‘œ λ§‰λŒ€λ₯Ό μ„ νƒμ μœΌλ‘œ μ΅œμ†Œν™”ν•  수 μžˆμŠ΅λ‹ˆλ‹€(λ‹€λ§Œ ν˜„μž¬λŠ” λͺ¨λ“  κ²½λ‘œμ— μ „μ—­μ μœΌλ‘œ 적용됨).

2개의 μ’‹μ•„μš”
35

이제 Bars와 ν•¨κ»˜ μž‘λ™ν•©λ‹ˆλ‹€:

image
image1142Γ—821 45.3 KB

(상단 λ°”λ₯Ό μ‚¬μš©ν•˜λŠ” 것을 ꢌμž₯ν•©λ‹ˆλ‹€!!)

3개의 μ’‹μ•„μš”
36

λ§ˆμ§€λ§‰ κ²Œμ‹œκΈ€μ„ μ—…λ°μ΄νŠΈν–ˆμŠ΅λ‹ˆλ‹€. 이제 ν”ŒλŸ¬κ·ΈμΈμ΄ ν…Œλ§ˆ μ»΄ν¬λ„ŒνŠΈκ°€ λ˜μ—ˆμŠ΅λ‹ˆλ‹€ :rocket:

4개의 μ’‹μ•„μš”
37

ν˜„μž¬ 이 ν…Œλ§ˆ μ»΄ν¬λ„ŒνŠΈλŠ” "Powered by Discourse"와 ν˜Έν™˜λ˜μ§€ μ•ŠμœΌλ―€λ‘œ, μ‚¬μš©ν•˜λ €λ©΄ μ•„λž˜ ν•­λͺ©μ„ λ°˜λ“œμ‹œ λΉ„ν™œμ„±ν™”ν•˜μ„Έμš”:

image

μ§€κΈˆμ€ 정말 λ°”λΉ μ„œ μˆ˜μ •μ— μ‹œκ°„μ΄ 쑰금 걸릴 수 μžˆμŠ΅λ‹ˆλ‹€. PR도 ν™˜μ˜ν•©λ‹ˆλ‹€ …

3개의 μ’‹μ•„μš”
38

μ œκ°€ λ³΄λŠ” λ°”λ‘œλŠ”, μ•„μ£Ό μž‘μ€ CSS λ³€κ²½λ§Œ ν•„μš”ν•œ 것 κ°™μŠ΅λ‹ˆλ‹€.

λ‹€μŒμ—μ„œ:

grid-template-areas: "leftsidebar sidebar content rightsidebar"

image
image1259Γ—122 3.45 KB

λ‹€μŒμœΌλ‘œ:

grid-template-areas:
        "leftsidebar sidebar content rightsidebar"
        "leftsidebar sidebar below-content rightsidebar";

image
image1262Γ—109 3.34 KB

μ œκ°€ λͺ¨λ₯΄κ³  μžˆλŠ” λ‹€λ₯Έ λ¬Έμ œκ°€ μ‹€μ œλ‘œ μžˆλ‚˜μš”? :thinking:

(PR을 올릴 수 μžˆμ§€λ§Œ, ν˜Έν™˜λ˜μ§€ μ•ŠλŠ”λ‹€λŠ” ν‘œν˜„μ„ κ°•μ‘°ν•˜μ…¨μœΌλ‹ˆ μ œκ°€ 무언가λ₯Ό λ†“μΉ˜κ³  μžˆλŠ” 건 μ•„λ‹Œμ§€ κΆκΈˆν•©λ‹ˆλ‹€.)

4개의 μ’‹μ•„μš”
39

λ„€, κ·Έλƒ₯ κ·Έλ¦¬λ“œ CSSμž…λ‹ˆλ‹€.

확인해 μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€ :+1: :pray:

ν•˜μ§€λ§Œ 두 가지 μ‹œλ‚˜λ¦¬μ˜€(On λ˜λŠ” Off) λͺ¨λ‘λ₯Ό μ²˜λ¦¬ν•  수 μžˆλ‚˜μš”? 그게 제 μ£Όμš” 우렀 μ‚¬ν•­μ΄μ—ˆλŠ”λ°β€¦ λ‹€λ₯Έ 일에 정신이 νŒ”λ € μžˆμ–΄μ„œ μ§€κΈˆ 이 λ¬Έμ œμ— 깊이 κ΄€μ—¬ν•˜κ³  싢지 μ•Šμ•˜μŠ΅λ‹ˆλ‹€ … :sweat_smile:

1개의 μ’‹μ•„μš”
40

PRλ₯Ό λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€:

μ˜κ²¬μ„ μ•Œλ €μ£Όμ„Έμš”. :+1:

5개의 μ’‹μ•„μš”