๋์ ๊ณผ์ jQuery๋ฅผ ์ฌ์ฉํ์ฌ ์์ ๋ด๋ถ์ ํ
์คํธ ๋ณ๊ฒฝ ์ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
์ฌ์ฉ์ ์์ด์ ํธ: Mozilla/5.0 (Windows NT 6.2; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.111 Safari/537.36
.
์ด ๋ฌธ์ ๋ฅผ ์ฌํํ๋ ๋ฐฉ๋ฒ์ ์ค๋ช
ํ๊ณ ๊ฐ๋ฅํ ๊ฒฝ์ฐ ์คํฌ๋ฆฐ์ท์ ๋ํ ๋งํฌ๋ฅผ ํฌํจํ์ญ์์ค.
์ฑ๋ฆฐ์ง ์ค๋ช
์์ <i>
๋ฅผ ์ฌ์ฉํ์ฌ ๊ธฐ์ธ์๊ผด ํ
์คํธ๋ฅผ <em>
ํ๊ทธ ๋์ jquery๋ก ๋์ฒดํฉ๋๋ค. ์ด์ ์ฑ๋ฆฐ์ง์์ <i>
๊ฐ ๊ตฌ์์ด๋ฉฐ ํ์ฌ ๋ถํธ์คํธ๋ฉ์ ์์ด์ฝ์ ์ผ๋ฐ์ ์ผ๋ก ์ฌ์ฉ๋๋ ๋ฐฉ๋ฒ์ ์ธ๊ธํ์ต๋๋ค.
์ฆ.
$("h3").html("<i>jQuery Playground</i>");
ํด์ผํ๋ค:
$("h3").html("<em>jQuery Playground</em>");
๋ด ์ฝ๋:
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
});
</script>
<!-- Only change code above this line. -->
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
์ด์ ์ ์ธ๊ธํ ๋ฌธ์ ๋ i
ํ๊ทธ๊ฐ ํ์ฌ ์์ด์ฝ์ ์ฌ์ฉ๋๋ค๊ณ ๋งํฉ๋๋ค.
i ์์๋ ์๋ ๋ค๋ฅธ ์์๋ฅผ ๊ธฐ์ธ์๊ผด๋ก ๋ง๋๋ ๋ฐ ์ฌ์ฉ๋์์ง๋ง ์ง๊ธ์ ์ผ๋ฐ์ ์ผ๋ก ์์ด์ฝ์ ์ฌ์ฉ๋ฉ๋๋ค. Font Awesome ํด๋์ค๋ฅผ i ์์์ ์ถ๊ฐํ์ฌ ์์ด์ฝ์ผ๋ก ๋ฐ๊ฟ๋๋ค. ์๋ฅผ ๋ค๋ฉด ๋ค์๊ณผ ๊ฐ์ต๋๋ค. ...
W3C ๊ถ์ฅ ์ฌํญ ์ ๋ฐ๋ฅด๋ฉด i
ํ๊ทธ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
i
์์๋ ๋์ฒด ์์ฑ ๋๋ ๋ถ์๊ธฐ์ ํ ์คํธ ๋ฒ์๋ฅผ ๋ํ๋ด๊ฑฐ๋ ๋ถ๋ฅํ์ ๋ช ์นญ, ์ ๋ฌธ ์ฉ์ด, ๊ด์ฉ๊ตฌ์ ๊ฐ์ ํ ์คํธ์ ๋ค๋ฅธ ํ์ง์ ๋ํ๋ด๋ ๋ฐฉ์์ผ๋ก ์ผ๋ฐ ์ฐ๋ฌธ๊ณผ ์คํ์ ๋ฉ๋๋ค. ๋ค๋ฅธ ์ธ์ด, ์์ญ, ์ฌ์ ๋๋ ์์ ํ ์คํธ์ ์ ๋ฐ ์ด๋ฆ์์.
์ด๋ค ํ๊ทธ๋ฅผ ์ฌ์ฉํ ๊ฒ์ธ์ง ๋ช ํํ ํ๊ฑฐ๋ ๋ ํ๊ทธ๋ฅผ ๋ชจ๋ ์๋ฝํ๊ฒ ์ต๋๋ค. @FreeCodeCamp/๋ฌธ์ ์ค์ฌ์์ ์๊ฐ?
์ด๋ฌํ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ง ์๋๋ก <em>
๋ก ๋ณ๊ฒฝํ ์๋ ์์ต๋๋ค.
:+1: <em>
๋ก ๋ณ๊ฒฝ
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ด๋ฌํ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ง ์๋๋ก
<em>
๋ก ๋ณ๊ฒฝํ ์๋ ์์ต๋๋ค.