Freecodecamp: ์ž˜๋ชป๋œ ์†”๋ฃจ์…˜์ด ํ…Œ์ŠคํŠธ๋ฅผ ํ†ต๊ณผ ํ•จ

์— ๋งŒ๋“  2016๋…„ 11์›” 24์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: freeCodeCamp/freeCodeCamp

Google ๊ธ€๊ผด ๊ฐ€์ ธ ์˜ค๊ธฐ์— ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ : Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.100 Safari/537.36 Vivaldi/1.5.658.44 .
์ด ๋ฌธ์ œ๋ฅผ ์žฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•˜๊ณ  ๊ฐ€๋Šฅํ•˜๋ฉด ์Šคํฌ๋ฆฐ ์ƒท ๋งํฌ๋ฅผ ํฌํ•จํ•˜์„ธ์š”.

์ด ์ฑŒ๋ฆฐ์ง€์— ๋Œ€ํ•œ ์ง€์นจ๊ณผ ํ…Œ์ŠคํŠธ์—์„œ๋Š” h2 ์š”์†Œ์— Lobster ๊ธ€๊ผด์„ ์ ์šฉํ•ด์•ผํ•˜์ง€๋งŒ p ์š”์†Œ๋Š” Monospace๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ทธ๋Œ€๋กœ ๋‘์–ด์•ผํ•œ๋‹ค๊ณ  ๋งํ•ฉ๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ ์˜ฌ๋ฐ”๋ฅธ ํ•ด๊ฒฐ์ฑ…์€ h2 ์š”์†Œ ๋งŒ ๋Œ€์ƒ์œผ๋กœํ•˜๋Š” ์„ ํƒ๊ธฐ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

<style>
  .red-text {
    color: red;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

h2 {
    font-family: Lobster;
}
</style>

๊ทธ๋Ÿฌ๋‚˜์ด ์ฝ”๋“œ๋Š” p ์š”์†Œ์˜ ๊ธ€๊ผด๋„ Lobster๋กœ ๋ณ€๊ฒฝํ•˜๋”๋ผ๋„ ์ „๋‹ฌ๋ฉ๋‹ˆ๋‹ค.

<style>
  .red-text {
    color: red;
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

๋ณ„๋„์˜ h2 ์„ ํƒ๊ธฐ๊ฐ€ ์žˆ๋„๋ก ํ…Œ์ŠคํŠธ๋ฅผ ์ˆ˜์ •ํ•ด์•ผํ•ฉ๋‹ˆ๊นŒ?

help wanted

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

๋‚˜๋Š” ์ด๊ฒƒ์— ๊ท ์—ด์„ ๊ฐ€์ ธ๊ฐˆ ๊ฒƒ์ด๋‹ค. ๋‚ด๊ฐ€ ๊ธฐ์—ฌํ•œ ์ดํ›„๋กœ ์˜ค๋ž˜๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

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

ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค.

์™€! ๋‹ค์Œ ๊ณผ์ œ ์ธ ๊ธ€๊ผด ์ €ํ•˜ ๋ฐฉ๋ฒ• ์ง€์ • ์—๋„ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

์ž˜ ์žก์•˜์Šต๋‹ˆ๋‹ค. @ Margaret2 @ Manish-Giri์™€ @marhyorh์—๊ฒŒ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
๋‘ ๊ฐ€์ง€ ๊ณผ์ œ์— ๋Œ€ํ•œ ํ…Œ์ŠคํŠธ๋ฅผ ์ˆ˜์ •ํ•˜๋ ค๋Š” ์‚ฌ๋žŒ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

๋‚˜๋Š” ์ด๊ฒƒ์— ๊ท ์—ด์„ ๊ฐ€์ ธ๊ฐˆ ๊ฒƒ์ด๋‹ค. ๋‚ด๊ฐ€ ๊ธฐ์—ฌํ•œ ์ดํ›„๋กœ ์˜ค๋ž˜๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

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