Freecodecamp: ํ…Œ์ŠคํŠธ ์‹คํŒจ: ์‹œ๊ฐ ๋””์ž์ธ ์‘์šฉ: hr ์š”์†Œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ˆ˜ํ‰์„  ๋งŒ๋“ค๊ธฐ

์— ๋งŒ๋“  2018๋…„ 07์›” 28์ผ  ยท  59์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: freeCodeCamp/freeCodeCamp

๋ฌธ์ œ๋ฅผ ์„ค๋ช…ํ•˜๊ณ  ๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ ๋ฌธ์ œ๋ฅผ ์žฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•

ํ…Œ์ŠคํŠธ์˜ ๋‘ ๋ฒˆ์งธ ๋ถ€๋ถ„์€ "hr ํƒœ๊ทธ๋Š” ์ œ๋ชฉ๊ณผ ๋‹จ๋ฝ ์‚ฌ์ด์— ์™€์•ผ ํ•ฉ๋‹ˆ๋‹ค."๋ผ๊ณ  ์ž˜๋ชป ํ‘œ์‹œ๋˜์–ด ์‹คํŒจํ•ฉ๋‹ˆ๋‹ค. ๋น„๋ก ์‹ค์ œ๋กœ


ํƒœ๊ทธ๊ฐ€ ์ด๋ฏธ ๋ฐฐ์น˜๋˜์–ด ์žˆ์–ด์•ผ ํ•˜๋Š” ๋Œ€๋กœ ๊ฒฐ๊ณผ ๋ณด๊ธฐ์— ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ํŽ˜์ด์ง€์— ๋Œ€ํ•œ ๋งํฌ ์ถ”๊ฐ€

https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element

๋ธŒ๋ผ์šฐ์ € ๋ฐ ์šด์˜ ์ฒด์ œ์— ๋Œ€ํ•ด ์•Œ๋ ค์ฃผ์‹ญ์‹œ์˜ค.

  • ๋ธŒ๋ผ์šฐ์ € ์ด๋ฆ„: ํฌ๋กฌ
  • ๋ธŒ๋ผ์šฐ์ € ๋ฒ„์ „: ๋ฒ„์ „ 67.0.3396.99(๊ณต์‹ ๋นŒ๋“œ)(64๋น„ํŠธ)
  • ์šด์˜ ์ฒด์ œ: ๋งฅ OS

๊ฐ€๋Šฅํ•˜๋ฉด ์—ฌ๊ธฐ์— ์Šคํฌ๋ฆฐ์ƒท์„ ์ถ”๊ฐ€ํ•˜์„ธ์š”.

image

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ด๋ ‡๊ฒŒ <p><em> ํƒœ๊ทธ๋ฅผ ์ „ํ™˜ํ•ด ๋ณด์„ธ์š”. ์ด ์ž‘์—…์€ ์ €์—๊ฒŒ ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค.

fix solution

์ด ํ…Œ์ŠคํŠธ๋ฅผ ํ†ต๊ณผํ•˜๋ ค๋Š” ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๋„์›€์ด๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๋ชจ๋“  59 ๋Œ“๊ธ€

๋‚˜๋„ ์ด ๋ฌธ์ œ๊ฐ€ ์žˆ์Œ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ ํฌ๋Ÿผ์—์„œ ๊ทธ๊ฒƒ์— ๋Œ€ํ•ด ์ด์•ผ๊ธฐํ–ˆ์Šต๋‹ˆ๋‹ค - https://forum.freecodecamp.org/t/create-a-horizontal-line-using-the-hr-element-is-this-bug/212450/6

์ตœ๊ทผ ๋ฌธ์ œ์ธ๋“ฏ...

๋˜ํ•œ ์ด ๋„์ „์„ ์™„๋ฃŒํ•œ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ๋Š” ์—ฌ์ „ํžˆ ํ†ต๊ณผํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

์ €์—๊ฒŒ๋„ ๊ฐ™์€ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค.

์—ฌ๊ธฐ ๋งํฌ
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/

๋ธŒ๋ผ์šฐ์ € ์ •๋ณด:
๋ธŒ๋ผ์šฐ์ € ์ด๋ฆ„: ํฌ๋กฌ
๋ธŒ๋ผ์šฐ์ € ๋ฒ„์ „: 67.0.3396.99(๊ณต์‹ ๋นŒ๋“œ)(32๋น„ํŠธ)
์šด์˜ ์ฒด์ œ: ์œˆ๋„์šฐ 10

์—ฌ๊ธฐ ์Šคํฌ๋ฆฐ์ƒท์ด ์žˆ์Šต๋‹ˆ๋‹ค
error issues

๋‚ด๊ฐ€ ์ง๋ฉดํ•œ ๋น„์Šทํ•œ ๋ฌธ์ œ

applied_visual_design__create_a_horizontal_line_using_the_hr_element___learn_freecodecamp

๋™์ผ ์—ฌ๊ธฐ, ์ด ์ž‘์—…์„ ๊ฑด๋„ˆ๋›ธ ์ˆ˜ ์žˆ๋Š”์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค.

์—ฌ๊ธฐ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค.

ํŒŒ์ด์–ด ํญ์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
@yohanisgobai ๊ฑด๋„ˆ๋›ฐ๊ณ  ๋‹ค์Œ ๋„์ „์œผ๋กœ

ํฌ๋กฌ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋™์ผํ•œ ๋ฌธ์ œ.

๋‚˜๋„ ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€์žˆ๋‹ค

์ €๋„ ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚ด๊ฐ€ ์ด ๊ฐ„๋‹จํ•œ ์ž‘์—…์— ๋ฏธ์ณ๊ฐ€๊ณ  ์žˆ์ง€ ์•Š๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ฒŒ ๋˜์–ด ๊ธฐ๋ถ„์ด ์ข‹์•„์กŒ์Šต๋‹ˆ๋‹ค.

Chrome์—์„œ ๋™์ผํ•œ ๋ฌธ์ œ

์—ฌ๊ธฐ์—์„œ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค. ์ˆ˜์‹ญ์–ต ๋ฒˆ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ €๋งŒ ๊ทธ๋Ÿฐ ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ๋‹คํ–‰์ž…๋‹ˆ๋‹ค.

์ด๋ ‡๊ฒŒ <p><em> ํƒœ๊ทธ๋ฅผ ์ „ํ™˜ํ•ด ๋ณด์„ธ์š”. ์ด ์ž‘์—…์€ ์ €์—๊ฒŒ ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค.

fix solution

์ด ํ…Œ์ŠคํŠธ๋ฅผ ํ†ต๊ณผํ•˜๋ ค๋Š” ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๋„์›€์ด๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

@ashavenist ๊ทธ ์†”๋ฃจ์…˜์ด ์ €์—๊ฒŒ

@asheavenist ๊ทธ ์†”๋ฃจ์…˜์€ ์ €์—๊ฒŒ๋„ ํšจ๊ณผ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค. Use em Tag to Italicize Text์˜ ๋‹จ๋ฝ ์ฃผ์œ„์— ๊ฐ•์กฐ ํƒœ๊ทธ๋ฅผ ๋˜์กŒ๊ธฐ ๋•Œ๋ฌธ์— ์žฌ๋ฏธ์žˆ์Šต๋‹ˆ๋‹ค.

. ๊ฐ์‚ฌ ํ•ด์š”

@ashavenist ๋•๋ถ„์— ์ž‘์—…ํ–ˆ์Šต๋‹ˆ๋‹ค :+1:

@ashavenist ๊ต‰์žฅํ•ฉ๋‹ˆ๋‹ค. ํšจ๊ณผ๊ฐ€์žˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ 

์Šค์œ„์น˜ ์ž‘๋™!

@ashavenist ์†”๋ฃจ์…˜์„

๋งค์šฐ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ํšจ๊ณผ๊ฐ€ ์žˆ์—ˆ๊ณ  ์ด์ œ ์ž ์„ ์ž˜ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

2018๋…„ 7์›” 29์ผ ์ผ์š”์ผ ์˜คํ›„ 9์‹œ 19๋ถ„, asheavenist [email protected]
์ผ๋‹ค:

๋„ˆ๋ฅผ ๋ฐ”๊พธ๋ ค๊ณ  ํ•ด

โ€”
๋‹น์‹ ์ด ๋Œ“๊ธ€์„ ๋‹ฌ์•˜๊ธฐ ๋•Œ๋ฌธ์— ์ด๊ฒƒ์„ ๋ฐ›๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.
์ด ์ด๋ฉ”์ผ์— ์ง์ ‘ ๋‹ต์žฅํ•˜๊ณ  GitHub์—์„œ ํ™•์ธํ•˜์„ธ์š”.
https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment-408720872 ,
๋˜๋Š” ์Šค๋ ˆ๋“œ ์Œ์†Œ๊ฑฐ
https://github.com/notifications/unsubscribe-auth/AnP_W2VSYM2weLkFR471YxKKkFT17e03ks5uLl8KgaJpZM4Vk-Xj
.

๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ•˜์ง€ ์•Š์•˜๋‹ค. ๋‚ด em๊ณผ p๋Š” ์ฒ˜์Œ๋ถ€ํ„ฐ ์˜ฌ๋ฐ”๋ฅธ ์ˆœ์„œ์˜€์Šต๋‹ˆ๋‹ค.

'em' ํƒœ๊ทธ๋ฅผ ์ „ํ™˜ํ•˜์—ฌ 'p' ํƒœ๊ทธ๋ฅผ ๋ฌถ๋Š” ๊ฒƒ๋„ ์ €์—๊ฒŒ ํšจ๊ณผ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค, @ashaavenist ! ์ด์ œ ๋‹ค์Œ ๋„์ „์„ ๊ณ„์†ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. XD

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

๋‚˜๋Š” ๊ทธ๋“ค์„ p ํƒœ๊ทธ ์•ž์— ์˜ฎ๊ฒผ๊ณ  ๋ชจ๋“  ๊ฒƒ์ด ์ด์ œ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๊ฒƒ์„ ํ†ต๊ณผ์‹œํ‚ค๋Š” ๊ฒƒ์€ ํ•œ ๊ฐ€์ง€์ด์ง€๋งŒ ๊ทธ๊ฒƒ์ด ์ •๋ง๋กœ ์˜๋„์ž…๋‹ˆ๊นŒ?

์‚ฌ์šฉ์ž๋Š” ์—ฌ๊ธฐ์— ๊ฐ‡ํžˆ๊ฒŒ ๋  ๊ฒƒ์ด๊ณ  ๊ทธ๊ฒƒ์ด ๋งž์„ ๋•Œ ๊ทธ๊ฒƒ์ด ํ‹€๋ ธ๋‹ค๊ณ  ๋งํ•  ๋•Œ ๋งค์šฐ ์˜์š•์„ ์žƒ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์ฑŒ๋ฆฐ์ง€๋ฅผ ์‹œ์ž‘ํ•  ๋•Œ ๊ธฐ๋ณธ ์Šคํฌ๋ฆฝํŠธ์˜ ํƒœ๊ทธ๋ฅผ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

@povilasraciunas ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์˜ค๋Š˜ ๋ฐค ํ•ด๊ฒฐ์ฑ…์„ ์ฐพ์„ ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒํ•ฉ๋‹ˆ๋‹ค. Atm, ๋‚˜๋Š” ์ •๊ทœ์‹์— ์ „ํ˜€ ๋งž์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— em๊ณผ p ํƒœ๊ทธ๋ฅผ ๋ฐ”๊พธ๋Š” ๊ฒƒ์ด ์–ด๋–ป๊ฒŒ ํ…Œ์ŠคํŠธ๋ฅผ ํ†ต๊ณผํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ์–ด๋ฆฌ๋‘ฅ์ ˆํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๋‚˜์˜ ์ฒซ ๋ฒˆ์งธ pull ์š”์ฒญ์ด ๋  ๊ฒƒ์ด๋ฉฐ ๊ธฐ์—ฌ ์ง€์นจ์„ ์—…๋ฐ์ดํŠธํ•˜์ง€ ์•Š๊ณ  repos ๊ตฌ์กฐ์— ๋Œ€ํ•œ ๋ณ€๊ฒฝ ์‚ฌํ•ญ(/seed์—์„œ ์ปค๋ฆฌํ˜๋Ÿผ repo๋กœ ๋„์ „ ๊ณผ์ œ ์ด๋™)์œผ๋กœ ์ธํ•ด ์•ฝ๊ฐ„์˜ ํ˜ผ๋ž€๋„ ์ฃผ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

@joeslost ์ปค๋ฆฌํ˜๋Ÿผ์˜ ๊ธฐ์—ฌ๋Š” ์ปค๋ฆฌํ˜๋Ÿผ repo์˜ ๋ฌธ์„œ์—์„œ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ ๋งํฌ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค

https://github.com/freeCodeCamp/curriculum/blob/dev/docs/CONTRIBUTING.md

๋˜ํ•œ ๋™์ผํ•œ ํด๋”์—์„œ ๊ฐ ์ฑŒ๋ฆฐ์ง€์˜ ํ˜•์‹์„ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ •๊ทœ์‹๊ณผ ์ผ์น˜ํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— em๊ณผ p๋ฅผ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ดํ•ดํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š” ์กฐ, ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ์˜ˆ, ํƒœ๊ทธ๋ฅผ ์™ธ๋ถ€์— ๋‘๋Š” "์†์ž„์ˆ˜"
ํ…Œ์ŠคํŠธ ํŒจ์Šค๊ฐ€ ์žฌ๋ฏธ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค :)
๋ฌผ๋ก  ๋‹ค๋ฅธ ์ฑŒ๋ฆฐ์ง€๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ์ €์—๊ฒŒ๋Š” ํฐ ๋ฌธ์ œ๋Š” ์•„๋‹ˆ์ง€๋งŒ,
ํ•˜์ง€๋งŒ ์—ฌ์ „ํžˆ fcc๊ฐ€ ๊ทธ๋Ÿฐ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ์ •๋ง ์ข‹์€ ๊ณณ์ด๋ผ๊ณ  ๋ณด๊ณ ํ•˜๊ณ  ์‹ถ์—ˆ์Šต๋‹ˆ๋‹ค.
์ €์™€ ๊ฐ™์€ ์ดˆ๋ณด์ž์™€ ์ €๋Š” ์ ์–ด๋„ ๋ฒ„๊ทธ๋ฅผ๋ณด๊ณ ํ•˜์—ฌ ๊ธฐ์—ฌํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค :)

2018๋…„ 8์›” 1์ผ ์ˆ˜์š”์ผ ์˜คํ›„ 2:06 Joe Andersen [email protected]
์ผ๋‹ค:

@povilasraciunas https://github.com/povilasraciunas
์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜์‹ญ์‹œ์˜ค. ์˜ค๋Š˜ ๋ฐค ํ•ด๊ฒฐ์ฑ…์„ ์ฐพ์„ ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒํ•ฉ๋‹ˆ๋‹ค. ์•„ํ†ฐ, ๋‚˜๋Š”
em๊ณผ p ํƒœ๊ทธ๋ฅผ ๊ตํ™˜ํ•˜๋Š” ๊ฒƒ์ด ์–ด๋–ป๊ฒŒ ํ…Œ์ŠคํŠธ๋ฅผ ํ†ต๊ณผํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ์–ด๋ฆฌ๋‘ฅ์ ˆํ–ˆ์Šต๋‹ˆ๋‹ค.
์ •๊ทœ์‹์— ์ „ํ˜€ ๋งž์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๋‚˜์˜ ์ฒซ ๋ฒˆ์งธ pull ์š”์ฒญ์ด ๋  ๊ฒƒ์ด๋ฉฐ
๋ฆฌํฌ์ง€ํ† ๋ฆฌ ๊ตฌ์กฐ์— ๋Œ€ํ•œ ์ตœ๊ทผ ๋ณ€๊ฒฝ ์‚ฌํ•ญ(์›€์ง์ด๋Š” ์ฑŒ๋ฆฐ์ง€
/seed์—์„œ ์ปค๋ฆฌํ˜๋Ÿผ ๋ฆฌํฌ์ง€ํ† ๋ฆฌ๋กœ) ๊ธฐ์—ฌ ์—…๋ฐ์ดํŠธ ์—†์ด
์ง€์นจ์€ ๋‚˜์—๊ฒŒ ์•ฝ๊ฐ„์˜ ํ˜ผ๋ž€์„ ์ฃผ๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค.

โ€”
๋‹น์‹ ์ด ์–ธ๊ธ‰๋˜์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ด๊ฒƒ์„ ๋ฐ›๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.
์ด ์ด๋ฉ”์ผ์— ์ง์ ‘ ๋‹ต์žฅํ•˜๊ณ  GitHub์—์„œ ํ™•์ธํ•˜์„ธ์š”.
https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment-409536371 ,
๋˜๋Š” ์Šค๋ ˆ๋“œ ์Œ์†Œ๊ฑฐ
https://github.com/notifications/unsubscribe-auth/ANPcbM5Jx7jWBQPIRRo5LuMedKoSgJY1ks5uMYvJgaJpZM4Vk-Xj
.

--
ํŒŒ๊ฐ€๋ฅด๋น„์•„์ด

ํฌ๋นŒ๋ผ์Šค ๋ผ์น˜์šฐ๋‚˜์Šค

@asheavenist ์•Œ๊ฒ ์Šต๋‹ˆ๋‹ค. ์ œ ์—‰๋ฉ์ด๋ฅผ ์กฐ์‚ฌํ•ด๋ณด๋ผ๊ณ  ํ•œ ์นœ๊ตฌ์—๊ฒŒ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋‹น์‹ ์˜ ๊ฒŒ์‹œ๋ฌผ์„ ์ฐพ์•˜๊ณ  ๋‹น์‹  ๋•๋ถ„์— ๋„ˆ๋ฌด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. #FREECODECAMPFIXPLSILIEKU

์—„์ฒญ๋‚œ! ์–‘์‹ฌ์— ๋Œ€ํ•œ ์ˆ˜์—…์„ ๊ฑด๋„ˆ ๋›ฐ๊ณ  ์‹ถ์ง€ ์•Š์€ ์™„๋ฃŒ์ž๋ฅผ ์œ„ํ•ด! ๋‚˜...

๋•๋ถ„์— ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค....

์ด์ œ ๋‚ด ์˜ํ˜ผ์ด ํ‰ํ™”๋กœ์šธ ์ˆ˜ ์žˆ๋‹ค๊ณ  ๋Š๊ปด

2018๋…„ 8์›” 6์ผ์— ์—ฌ์ „ํžˆ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. asheavenist ์ˆ˜์ •์ด ์ง„ํ–‰ํ•˜๋Š” ๋ฐ ๋„์›€์ด๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌ ํ•ด์š”!

@asheavenist ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

@ashavenist ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค!

@asheavenist ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment -408720872

@ashavenist๋‹˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

๋‚ด๊ฐ€ ๊ทธ๊ฒƒ์„ ๊ฒ€์ƒ‰ํ•  ๋•Œ๊นŒ์ง€ ๊ฝค ํ•œ ์‹œ๊ฐ„ ๋™์•ˆ ์ด ๋„์ „์— ๊ฐ‡ํ˜€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค!

๋งˆ์ง€๋ง‰์œผ๋กœ! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ๐Ÿ‘ @ashaavenist

https://forum.freecodecamp.org/t/bug-in-applied-visual-design-create-a-horizontal-line-using-the-hr-element/212910/4

์œ„์˜ ๊ฒŒ์‹œ๋ฌผ์ด ๋‚˜๋ฅผ ์—ฌ๊ธฐ๋กœ ๋ฐ๋ ค์™”๋‹ค. ํ™•์‹คํžˆ ์‹ค๋ง์Šค๋Ÿฝ๊ณ  ๊ณง ํ•ด๊ฒฐ๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค! FCC๋Š” ์ดˆ๋ณด์ž์—๊ฒŒ ๋งค์šฐ ์นœ์ˆ™ํ•˜์—ฌ โ€‹โ€‹์ด ๋ชจ์ˆœ๋˜๋Š” ๋ฒ„๊ทธ๋กœ ์ธํ•ด ์ฝ”์Šค ๋‚ด์šฉ์„ ์‹ ๋ขฐํ•˜๊ธฐ ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ์ฆ‰, ์ด๊ฒƒ์€ ๋‚ด๊ฐ€ ๋™์ผํ•œ ๋ฌธ์ œ์— ๋ถ€๋”ชํ˜€ ์ขŒ์ ˆ๊ฐ์„ ๋Š๊ผˆ๋‹ค๊ณ  ๋ณด๊ณ ํ•˜๊ธฐ ์œ„ํ•ด ์—ฌ๊ธฐ์— ๋Œ“๊ธ€์„ ๋‹ค๋Š” ๋งค์šฐ ํ›Œ๋ฅญํ•œ ๋ฆฌ์†Œ์Šค์˜€์Šต๋‹ˆ๋‹ค.

๋‹น์‹ ์ด ํ•˜๋Š” ๋ชจ๋“  ๊ฒƒ์— ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์ด๋ฅผ ์œ„ํ•ด PR์„ ๋งŒ๋“ค๊ณ  ์‹ถ์—ˆ์ง€๋งŒ ์Šคํ…Œ์ด์ง•์—์„œ ์ด๋ฏธ ์ˆ˜์ •๋œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ˆ„๊ตฐ๊ฐ€ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

@goncy ๋„ค, ๋ฌธ์ œ๋Š” https://github.com/freeCodeCamp/curriculum/pull/189 ์—์„œ ์ˆ˜์ •๋˜์—ˆ์Šต๋‹ˆ๋‹ค

๋ฌธ์ œ๊ฐ€ ๊ณ„์† ๋ฐœ์ƒํ•˜๋Š” ์ด์œ ๋Š” UI๊ฐ€ ์ตœ์‹  ์ปค๋ฆฌํ˜๋Ÿผ ๋ฒ„์ „์„ ์‚ฌ์šฉํ•˜๋„๋ก ์—…๋ฐ์ดํŠธ๋˜์ง€ ์•Š์•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ๋“ค์€ ๋ณ„๋„์˜ ๊ตฌ์„ฑ ์š”์†Œ๋กœ ๋‚˜๋‰˜์—ˆ๊ณ  UI๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ์ปค๋ฆฌํ˜๋Ÿผ์„ ๊ฐ€์ ธ์™€์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ์— ๋Œ€ํ•œ ์ˆ˜์ • ์‚ฌํ•ญ์€ ์ปค๋ฆฌํ˜๋Ÿผ ๋ฒ„์ „ 3.1.2์— ์žˆ์ง€๋งŒ UI๋Š” ์—ฌ์ „ํžˆ ๋ฒ„์ „ 3.1.1์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋˜‘๊ฐ™์€ ์ผ์ด ์—ฌ์ „ํžˆ ๋‚˜์—๊ฒŒ ์ผ์–ด๋‚˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
screen shot 2018-08-19 at 4 43 03 pm

p ํƒœ๊ทธ ์™ธ๋ถ€์— em ํƒœ๊ทธ๋ฅผ ๋„ฃ์œผ๋ผ๋Š” ์œ„์˜ ์„ค๋ช…์—์„œ ์†”๋ฃจ์…˜์„ ์‹œ๋„ํ–ˆ์ง€๋งŒ ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! :]

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ํƒœ๊ทธ 'p'์™€ 'em'์„ ๋ฐ”๊พธ๋Š” ๊ฒƒ๋„ ์ €์—๊ฒŒ ํšจ๊ณผ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค!

๋˜ํ•œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€ ์•„๋ž˜์™€ ๊ฐ™์ด 'p' ๋ฐ 'em' ํƒœ๊ทธ๋ฅผ ์ „ํ™˜ํ•˜๋Š” ๊ฒƒ์ž„์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

<h4>Alphabet</h4>      
 <hr>
      <em><p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p></em>

์˜ฌ๋ฐ”๋ฅธ ์†”๋ฃจ์…˜์ด ๋‹ค์Œ๊ณผ ๊ฐ™์•„์•ผ ํ•จ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ :

<h4>Alphabet</h4>
<hr>
      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>

๋„ค! ํƒœ๊ทธ 'p'์™€ 'em'์„ ์ „ํ™˜ํ•˜๋Š” ์ค‘์ž…๋‹ˆ๋‹ค :) ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

๋‚˜๋„ ๋‚˜๋ฅผ ์œ„ํ•ด ํƒœ๊ทธ ๋‹จ์–ด๋ฅผ ์ „ํ™˜

.....

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ํƒœ๊ทธ 'p'์™€ 'em'์„ ๋ฐ”๊พธ๋Š” ๊ฒƒ๋„ ์ €์—๊ฒŒ๋„ ํšจ๊ณผ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค!

"๋ง‰ํžˆ๋ฉด ์ฝ๊ธฐ-๊ฒ€์ƒ‰-๋ฌป๊ธฐ"๋ผ๋Š” ์ง€์‹œ๋ฅผ ๋”ฐ๋ฅด๊ฒŒ ๋˜์–ด ๊ธฐ์ฉ๋‹ˆ๋‹ค.
๋ฌธ์„œ ๋˜๋Š” ์˜ค๋ฅ˜ ์ฝ๊ธฐ
๊ตฌ๊ธ€ ๊ฒ€์ƒ‰
๋„์›€์„ ์š”์ฒญ

๊ตฌ๊ธ€ ๊ฒ€์ƒ‰์€ ํ™•์‹คํžˆ ๊ฐˆ ๊ธธ์ž…๋‹ˆ๋‹ค!!! ์‘

๋ฏธ๋ž˜ ๋ฐฉ๋ฌธ์ž์˜ ๊ฒฝ์šฐ ์ด ๋ฌธ์ œ๋Š” ์ด๋ฏธ ํ•ด๊ฒฐ๋˜์—ˆ์ง€๋งŒ ์•„์ง ํ”„๋กœ๋•์…˜ ํ”Œ๋žซํผ์— ๋ฐฐํฌ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ํ…Œ์ŠคํŠธ๋ฅผ ํ†ต๊ณผํ•˜๋ ค๋ฉด https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment -408720872๋ฅผ ์ˆ˜ํ–‰ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ๋Š” ๋‹ซ์„ ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค

@ashavenist ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!! ๊ทธ๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ๋‹ค

๋‹ค๋ฅธ ํƒœ๊ทธ๋ฅผ ์ „ํ™˜ํ•˜๋ฉด ์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋œ๋‹ค๋Š” ๊ฒƒ์„ ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ์–ด๋–ป๊ฒŒ ์•Œ์•˜์Šต๋‹ˆ๊นŒ? ๋‹คํ–‰์ด ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ด๊ณ  ์ฐพ์•˜์Šต๋‹ˆ๋‹ค. ๋ฌธ์ œ ๋ชฉ๋ก์— ํ•˜๋‚˜์˜ ๋ถˆ์™„์ „ํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๊ฒƒ๋ณด๋‹ค ๋” ์งœ์ฆ๋‚˜๋Š” ๊ฒƒ์€ ์—†์Šต๋‹ˆ๋‹ค.

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

@ashavenist - ์ด ์†”๋ฃจ์…˜์„ ์–ด๋–ป๊ฒŒ ์•Œ์•„๋ƒˆ๋Š”์ง€ ์„ค๋ช…ํ•ด ์ฃผ์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

์—ฌ๋Ÿฌ๋ถ„์ด ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ํ•˜๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ๋ชจ๋‘์—๊ฒŒ ์•Œ๋ฆฌ๊ณ  ์‹ถ์—ˆ์ง€๋งŒ em ์š”์†Œ๋ฅผ p ์š”์†Œ๋กœ ์ „ํ™˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋‚˜๋Š” ** ๋‹น์‹ ์ด ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ์ˆ˜์ •์„ ๊ตฌ์ž…ํ•ฉ๋‹ˆ๋‹ค. ๋‹น์‹ ์„ ์ง€๋‚˜์„œ ์•„๋ž˜๋กœ ์Šคํฌ๋กค


.cardText {
์—ฌ๋ฐฑ-ํ•˜๋‹จ: 30px;
}

์•ŒํŒŒ๋ฒณ


**

**Google์€ Larry Page์™€ Sergey Brin์ด ๋ฐ•์‚ฌ ์‹œ์ ˆ์— ์„ค๋ฆฝํ–ˆ์Šต๋‹ˆ๋‹ค

**

"ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•"์ด ์ž˜๋ชป๋œ HTML์ด๋ผ๋Š” ๊ฒƒ์„ ์•„๋ฌด๋„ ์ง€์ ํ•˜์ง€ ์•Š๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ์—ฌ๊ธฐ์—์„œ ์ œ์•ˆ๋œ _๊ทธ๋ฆฌ๊ณ _ ์—ฌ๊ธฐ์—์„œ "ํ…Œ์ŠคํŠธ"๋ฅผ ํ†ต๊ณผํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— em ํƒœ๊ทธ ๋‚ด์— p ํƒœ๊ทธ๋ฅผ ์ค‘์ฒฉํ•˜๋Š” ๊ฒƒ์ด ์™„๋ฒฝํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ์ƒˆ๋กœ์šด ์ฝ”๋”๊ฐ€ ๋ช‡ ๋ช…์ด๋‚˜ ๋ ๊นŒ์š”?

"ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•"์ด ์ž˜๋ชป๋œ HTML์ด๋ผ๋Š” ๊ฒƒ์„ ์•„๋ฌด๋„ ์ง€์ ํ•˜์ง€ ์•Š๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ์—ฌ๊ธฐ์—์„œ ์ œ์•ˆ๋œ _๊ทธ๋ฆฌ๊ณ _ ์—ฌ๊ธฐ์—์„œ "ํ…Œ์ŠคํŠธ"๋ฅผ ํ†ต๊ณผํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— em ํƒœ๊ทธ ๋‚ด์— p ํƒœ๊ทธ๋ฅผ ์ค‘์ฒฉํ•˜๋Š” ๊ฒƒ์ด ์™„๋ฒฝํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ์ƒˆ๋กœ์šด ์ฝ”๋”๊ฐ€ ๋ช‡ ๋ช…์ด๋‚˜ ๋ ๊นŒ์š”?

๊ทธ๋“ค์€ ๊ทธ๊ฒƒ์„ ํ•ด๊ฒฐํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ๋ฅผ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค.
https://github.com/freeCodeCamp/curriculum/pull/189
๊ทธ๋ž˜๋„ ์œ ํšจํ•œ ํฌ์ธํŠธ.

"ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•"์ด ์ž˜๋ชป๋œ HTML์ด๋ผ๋Š” ๊ฒƒ์„ ์•„๋ฌด๋„ ์ง€์ ํ•˜์ง€ ์•Š๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ์—ฌ๊ธฐ์—์„œ ์ œ์•ˆ๋œ _๊ทธ๋ฆฌ๊ณ _ ์—ฌ๊ธฐ์—์„œ "ํ…Œ์ŠคํŠธ"๋ฅผ ํ†ต๊ณผํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— em ํƒœ๊ทธ ๋‚ด์— p ํƒœ๊ทธ๋ฅผ ์ค‘์ฒฉํ•˜๋Š” ๊ฒƒ์ด ์™„๋ฒฝํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ์ƒˆ๋กœ์šด ์ฝ”๋”๊ฐ€ ๋ช‡ ๋ช…์ด๋‚˜ ๋ ๊นŒ์š”?

๊ทธ๋“ค์€ ๊ทธ๊ฒƒ์„ ํ•ด๊ฒฐํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ๋ฅผ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค.
freeCodeCamp/์ปค๋ฆฌํ˜๋Ÿผ#189
๊ทธ๋ž˜๋„ ์œ ํšจํ•œ ํฌ์ธํŠธ.

๋งํฌ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ์ œ๊ฐ€ ๋†“์ณค๋˜ ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค. ์—…๋ฐ์ดํŠธ๋ฅผ ๋ณด๋‹ˆ ๋ฐ˜๊ฐ‘๋„ค์š”.

์ด๊ฒŒ ๋ฐฉ๊ธˆ ํ•ด๊ฒฐ๋œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ด์ œ ์˜ฌ๋ฐ”๋ฅธ ์ฝ”๋“œ๋กœ ์ „๋‹ฌ๋ฉ๋‹ˆ๋‹ค. :)

์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ์œผ๋ฏ€๋กœ ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ์ด ๋ฌธ์ œ๋ฅผ ์ข…๋ฃŒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰