λ°˜κ°€μ›Œμš”! ν—ˆλΈŒμž…λ‹ˆλ‹€!

μ €λŠ” 개발자λ₯Ό ν˜„λŒ€ μ—°κΈˆμˆ μ‚¬λΌκ³  ν‘œν˜„ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. κ°œλ°œμ„ κ³΅λΆ€ν•˜λ©° λŠλ‚€ 점듀과 이야기λ₯Ό κΈ°λ‘ν•˜λŠ” κ³΅κ°„μž…λ‹ˆλ‹€.

넀이버 λΆ€μŠ€νŠΈμ½”μŠ€/[λΆ€μŠ€νŠΈμ„œν¬ν„°μ¦ˆ3κΈ°]μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ μ‹œμž‘

[λΆ€μŠ€νŠΈμ½”μŠ€]μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ μ‹œμž‘ Quiz 5 ν•΄μ„€

mmin.h 2021. 2. 27. 21:24

μ•ˆλ…•ν•˜μ„Έμš” λΆ€μŠ€ν„°μ½”μŠ€ 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)λŠ” μ—¬λŸ¬ μ†Œν”„νŠΈμ›¨μ–΄ μ€‘κ°œμΈλ“€ κ°„μ˜ μƒν˜Έ μž‘μš©μ„ μ •μ˜ν•˜λŠ” μ»΄ν“¨νŒ… μΈν„°νŽ˜μ΄μŠ€μ΄λ‹€.


www.boostcourse.org/

 

λ‹€ ν•¨κ»˜ 배우고 μ„±μž₯ν•˜λŠ” λΆ€μŠ€νŠΈμ½”μŠ€

λΆ€μŠ€νŠΈμ½”μŠ€(boostcourse)λŠ” λͺ¨λ‘ ν•¨κ»˜ 배우고 μ„±μž₯ν•˜λŠ” λΉ„μ˜λ¦¬ SW 온라인 ν”Œλž«νΌμž…λ‹ˆλ‹€.

www.boostcourse.org

github.com/hhhminme

 

hhhminme - Overview

κΎΈμ€€νžˆ 곡뢀쀑인 초보 κ°œλ°œμžμ§€λ§μƒ hub@kakao.com. hhhminme has 12 repositories available. Follow their code on GitHub.

github.com