Freecodecamp: ํ…Œ์ŠคํŠธ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค

์— ๋งŒ๋“  2017๋…„ 06์›” 16์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: freeCodeCamp/freeCodeCamp

์•ต์ปค ์š”์†Œ ๊ฐ€ ์žˆ๋Š” ๋งํฌ์— ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36 .
์ด ๋ฌธ์ œ๋ฅผ ์žฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•˜๊ณ  ๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ ์Šคํฌ๋ฆฐ์ƒท์— ๋Œ€ํ•œ ๋งํฌ๋ฅผ ํฌํ•จํ•˜์‹ญ์‹œ์˜ค.

๋‚ด ์ฝ”๋“œ:

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

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

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
<a href="http://freecatphotoapp.com"> cat photos </a>
<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.<a href="http://freecatphotoapp.com"> cat photos </a></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>

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

@zainsou ์ƒˆ๋กœ ๊ณ ์นจ์„ ์‹œ๋„ํ•œ ๋‹ค์Œ ํ…Œ์ŠคํŠธ๋ฅผ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค.

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

@zainsou ์ƒˆ๋กœ ๊ณ ์นจ์„ ์‹œ๋„ํ•œ ๋‹ค์Œ ํ…Œ์ŠคํŠธ๋ฅผ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค.

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

@zainsou ํ›Œ๋ฅญํ•ฉ๋‹ˆ๋‹ค. ๋‹ค์Œ์—๋Š” ์˜คํ”ˆ ์ด์Šˆ ์ „์— ์ฑ„ํŒ…๋ฐฉ์—์„œ ๋„์›€์„ ์š”์ฒญํ•˜์„ธ์š”.

๋ฌธ์ œ ์—†๋‹ค. ํ•ดํ”ผ์ฝ”๋”ฉ.

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