[λΆμ€νΈμ½μ€]μλ°μ€ν¬λ¦½νΈμ μμ Quiz 5 ν΄μ€
μλ νμΈμ λΆμ€ν°μ½μ€ 3κΈ° μν¬ν°μ¦ νλΈμ λλ€. πΏ
λΆμ€ν°μ½μ€λ?
컀λ₯νΈμ¬λ¨μ λ€μ΄λ²κ° μ€λ¦½ν λΉμ리 κ΅μ‘ μ¬λ¨μ
λλ€.
μννΈμ¨μ΄ κ°λ°μ μμ± κ΅μ‘ νλ‘κ·Έλ¨, λΆμ€νΈμ½μ€μ ν¨κ»
λΉμ μ κ°λ° 컀리μ΄λ₯Ό μ
κ·Έλ μ΄λνμΈμ!
μ ν¬μ€ν μ κ°μ λ΄ μκ°ν΄λ³΄κΈ°μ μμ μμ λ€λ£¨λ μ½λλ₯Ό μ§μ ν¬λ‘¬νλ©΄μμ νμΈ ν΄λ³Ό μ μλλ‘ μ§νν©λλ€. κ΄λ ¨λ κ°λ κ³Ό κ°μλ ν¨κ» μ¬λ €λ리λ λ§ν¬μμ νμΈν΄λ³΄μ€ μ μμ΅λλ€.
www.boostcourse.org/cs124/joinLectures/52258
<script> νκ·Έλ μλ°μ€ν¬λ¦½νΈμ κ°μ ν΄λΌμ΄μΈνΈ μ¬μ΄λ μ€ν¬λ¦½νΈ(client-side scripts)λ₯Ό μ μν λ μ¬μ©ν©λλ€.
<script> μμλ μ€ν¬λ¦½νΈ μ½λλ₯Ό μμ λ΄λΆμ μ§μ λͺ μνκ±°λ, src μμ±μ μ¬μ©νμ¬ μΈλΆ μ€ν¬λ¦½νΈ νμΌμ μ°Έμ‘°ν μ μμ΅λλ€.
μΉ μΊμ(μμ΄: web cache) λλ HTTP μΊμ(HTTP cache)λ μλ² μ§μ°μ μ€μ΄κΈ° μν΄ μΉ νμ΄μ§, μ΄λ―Έμ§, κΈ°ν μ νμ μΉ λ©ν°λ―Έλμ΄ λ±μ μΉ λ¬Έμλ€μ μμ μ μ₯νκΈ° μν μ 보기μ μ΄λ€.
λΌμ΄λΈλ¬λ¦¬λ μννΈμ¨μ΄κ°λ° μ μ¬μ©λλ νλ‘κ·Έλ¨μ ꡬμ±μμλ‘, 곡ν΅μΌλ‘ μ¬μ©λ μ μλ νΉμ ν κΈ°λ₯(λ€)μ λͺ¨λνν κ²μ΄λ€.
javaScript λΌμ΄λΈλ¬λ¦¬μΈ jqueryλ₯Ό μ¬μ©νκΈ° μν΄ μ¬μ©νλ
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
μ κ°μ κ²μ΄ CDNμ΄λ€.jsμ κ°μ μ μ 리μμ€λ₯Ό, μ§μ λ€μ΄λ°μ μ μ©μν¬ νμκ° μμ΄,
μμ κ°μ΄ μμ€ μ½λ μμ νμν μ 보μ μ£Όμμ μ’ λ₯λ₯Ό μ μΌλ©΄,ν΄λΉ μ½λκ° μ€νλλ μμ μ CDNμ μ κ·Όνμ¬, νμν μ 보λ₯Ό μ€μκ°μΌλ‘ λ€μ΄λ°μ μ¬μ©νκ² λλ€.
$λ₯Ό μ¬μ©νλ©΄ λνλ¨ΌνΈλ΄ λͺ¨λ aνκ·Έλ₯Ό μ νκ°λ₯νλ€.
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
ν΄λΉ μ½λλ₯Ό μλ‘ λ€λ©΄ λνλ¨ΌνΈ λ΄ pνκ·Έμμ ν΄λ¦ μ΄λ²€νΈκ° λ°μ μ pνκ·Έκ° λ³΄μ΄μ§ μκ² λλ€. μ΄λ $λ₯Ό μ μ©νλ©° λͺ¨λ p νκ·Έμ ν΄λΉ λ©μλκ° μ μ©λλλ‘ νλ€.
μΈκ°κ³Ό μ»΄ν¨ν° μνΈ μμ©μ μ°μ μ€κ³ λΆμΌμμ μ¬μ©μ μΈν°νμ΄μ€(UI)λ μΈκ°κ³Ό κΈ°κ³ μ¬μ΄μ μνΈ μμ©μ΄ μΌμ΄λλ 곡κ°μ΄λ€.
API(application programming interface)λ μ¬λ¬ μννΈμ¨μ΄ μ€κ°μΈλ€ κ°μ μνΈ μμ©μ μ μνλ μ»΄ν¨ν μΈν°νμ΄μ€μ΄λ€.