[ν™œμš©νŒ] 넀이버 λΈ”λ‘œκ·Έ/ 카페 λ™μ˜μƒ μ €μž₯ν•˜λŠ” 방법 팁!! 곡유

3D Lifeplus
By -
0

# 넀이버 λΈ”λ‘œκ·Έ/ 카페 λ™μ˜μƒ μ €μž₯ν•˜λŠ” 방법 (Chrome ν™œμš©λ°©λ²•)

  (넀이버 λΈ”λ‘œκ·Έ λ™μ˜μƒ λ˜λŠ” μΉ΄νŽ˜μ— κ²Œμ‹œλœ λ™μ˜μƒμ„ λ‹€μš΄λ‘œλ“œν•˜λŠ” 방법)


넀이버 λΈ”λ‘œκ·Έλ‚˜ 카페λ₯Ό μ΄μš©ν•˜λ‹€λ³΄λ©΄, μ•„λž˜μ™€ 같이 κ²Œμ‹œλœ μ˜μƒμ„ λ‹€μš΄λ‘œλ“œν•˜κ³  싢은 κ²½μš°κ°€ μžˆμœΌλ‚˜, μ•ˆνƒ€κΉκ²Œλ„ 넀이버 λΈ”λ‘œκ·Έ/μΉ΄νŽ˜λŠ” λ™μ˜μƒ μ €μž₯ κΈ°λŠ₯을 μ§€μ›ν•˜μ§€ μ•ŠλŠ”λ‹€.


넀이버 λΈ”λ‘œκ·Έ/ 넀이버 카페
넀이버 λΈ”λ‘œκ·Έ/ 넀이버 카페



이번 ν¬μŠ€νŒ…μ—μ„œλŠ” 넀이버 λΈ”λ‘œκ·Έ λ˜λŠ” μΉ΄νŽ˜μ— κ²Œμ‹œλœ μ˜μƒμ„ μ €μž₯ν•˜λŠ” 방법을 μ†Œκ°œν•˜λ„λ‘ ν•˜κ² λ‹€. 

μ•„λž˜ μ •λ¦¬λœ 5단계λ₯Ό 따라 ν•˜λ©΄ μ‰½κ²Œ 넀이버 λΈ”λ‘œκ·Έ 및 μΉ΄νŽ˜μ— κ²Œμ‹œλœ λ™μ˜μƒμ„ μ €μž₯ν•  수 μžˆλ‹€.



Step1. 크둬(Chrome) λΈŒλΌμš°μ € μ‹€ν–‰

 - 크둬(Chrome) λΈŒλΌμš°μ €κ°€ ν•„μš”ν•˜λ‹€.

 - μš”μ¦˜μ€ μœˆλ„μš°μ— 기본으둜 μ„€μΉ˜λ˜μ–΄ μžˆλŠ” MS의 Edge(ꡬ.Explorer)λ³΄λ‹€λŠ” 크둬(Chrome)을 많이 μ‚¬μš©ν•˜κΈ΄ ν•˜μ§€λ§Œ 이번 ν¬μŠ€νŒ…μ—μ„œ μ†Œκ°œν•˜λŠ” 방법을 μ‚¬μš©ν•˜κΈ° μœ„ν•΄μ„œλŠ” 크둬 λΈŒλΌμš°μ €λ₯Ό μ„€μΉ˜ν•΄μ•Ό ν•œλ‹€.

 * 참고둜 크둬(Chrome)은 ꡬ글(Google)μ—μ„œ λ§Œλ“  λΈŒλΌμš°μ €λ‹€.

 - ν˜Ήμ‹œ μ„€μΉ˜κ°€ ν•„μš”ν•œ 뢄듀은 검색창에 'ꡬ글 크둬'으둜 κ²€μƒ‰ν•˜κ±°λ‚˜, μ—¬κΈ° 링크(ꡬ글 크둬 곡식 μ‚¬μ΄νŠΈ)둜 λ“€μ–΄κ°€ λ‹€μš΄λ‘œλ“œλ₯Ό ν•˜λ©΄ λœλ‹€. 


Step2. 크둬 λΈŒλΌμš°μ Έμ—μ„œ F12λ₯Ό 눌러 개발자 도ꡬ μ‹€ν–‰

  - 크둬 λΈŒλΌμš°μ €λ₯Ό μ‹€ν–‰μ‹œν‚€κ³  F12λ₯Ό λˆ„λ₯΄λ©΄ μ•„λž˜μ™€ 같이 개발자 툴 (DEV Tool) 화면이 λœ¬λ‹€. λ­”κ°€ λ³΅μž‘ν•œ 개발 화면이 λ³΄μ΄μ§€λ§Œ, 이 ν™”λ©΄μ˜ 정보λ₯Ό 톡해 λ™μ˜μƒμ˜ μ‹€μ œ μ£Όμ†Œλ₯Ό 좔적할 μ˜ˆμ •μΈλ°, μš°λ¦¬κ°€ μ‹€μ œ 봐야 ν•  뢀뢄은 μ–΄λ ΅μ§€ μ•ŠμœΌλ‹ˆ κ±±μ • μ ‘μ–΄λ‘μ‹œκΈΈ..

크둬 개발자 도ꡬ
크둬  개발자 도ꡬ


Step3. λ™μ˜μƒμ΄ κ²Œμ‹œλœ μ‚¬μ΄νŠΈλ‘œ μ΄λ™ν•˜μž

  - F12λ₯Ό 눌러 개발자 νˆ΄μ„ μ—΄μ–΄μ„œ 이동해도 되고

  - λ™μ˜μƒ κ²Œμ‹œλœ ν™”λ©΄μ—μ„œ F12λ₯Ό λˆŒλŸ¬λ„ λœλ‹€. (단, 이런 κ²½μš°λŠ” Ctrl+R을 눌러 refreshλ₯Ό ν•΄μ€˜μ•Ό ν•˜κ³ , refreshλ₯Ό μ‹œλ„ν•˜λ‹€ ν•΄λ‹Ή 카페 λ˜λŠ” λΈ”λ‘œκ·Έμ˜ ν™ˆνŽ˜μ΄μ§€λ‘œ 이동할 수 μžˆμœΌλ‹ˆ ν™ˆνŽ˜μ΄μ§€λ‘œ μ΄λ™ν•œ κ²½μš°μ—λŠ” 개발자 툴이 λ–  μžˆλŠ” μƒνƒœμ—μ„œ λ‹€μ‹œ λ™μ˜μƒ κ²Œμ‹œκΈ€ ν™”λ©΄μœΌλ‘œ 이동해야 ν•œλ‹€.)

  - μ•„λž˜μ™€ 같이 μ˜μƒμ΄ κ²Œμ‹œλœ ν™”λ©΄μ—μ„œ 였λ₯Έμͺ½μ— 개발자 툴이 λ–  μžˆλ„λ‘ ν•΄μ•Ό ν•œλ‹€ 

넀이버 λΈ”λ‘œκ·Έ, 개발자 툴 DEV tool
넀이버 λΈ”λ‘œκ·Έ, 개발자 툴 DEV tool


Step4. 개발자 νˆ΄μ—μ„œ λ™μ˜μƒ 정보λ₯Ό 찾자

 4-1) μ•„λž˜μ— ν‘œμ‹œλœ 뢀뢄이 μ„ νƒλ˜μ–΄ μžˆλŠ”μ§€ ν™•μΈν•˜μž.

     Network, Fetch/XHR

Chrome DEV Tool : Fetch/XHR
Chrome DEV Tool : Fetch/XHR


 4-2) ν•˜λ‹¨μ˜ μ„ΈλΆ€ 정보 쀑 "Name"ν•­λͺ©μ΄ 영문(μ•ŒνŒŒλ²³)κ³Ό 숫자둜만 이루어진 뢀뢄을 찾자.

      - 슀크둀 ν•˜λ©΄μ„œ μ­‰ 내렀보닀 보면 μ‰½κ²Œ μ°Ύμ„μˆ˜ 있음

Chrome DEV Tool detail
Chrome DEV Tool detail


 4-3) ν•΄λ‹Ή ν•­λͺ©μ„ ν•œλ²ˆ ν΄λ¦­ν•˜λ©΄ 였λ₯Έμͺ½μ— μ„ΈλΆ€ λ‚΄μš©μ΄ 뜨고, 
      κ·Έ μ€‘μ—μ„œ "Video" 뢀뢄을 μ°Ύμ•„ ν΄λ¦­ν•˜κ³ , μ•„λž˜μ— "List"λ₯Ό ν΄λ¦­ν•˜λ©΄
      μ•„λž˜ νŒŒλž€μƒ‰μœΌλ‘œ ν‘œμ‹œλœ ▶0, ▶1, ▶2, ▶3으둜 μ‹œμž‘ν•˜λŠ” 뢀뢄을 찾을 수 μžˆλ‹€.


Chrome DEV Tool detail2
Chrome DEV Tool detail2


 4-4) ▶0, ▶1, ▶2, ▶3μ—λŠ” λ™μ˜μƒ ν•΄μƒλ„λ³„λ‘œ λ™μ˜μƒ μ†ŒμŠ€(μ£Όμ†Œ) 정보λ₯Ό κ°€μ§€κ³  μžˆλ‹€.
       ν•˜λ‚˜μ”© λˆŒλŸ¬μ„œ μ›ν•˜λŠ” ν•΄μƒλ„μ˜ λ™μ˜μƒ μ†ŒμŠ€κ°€ μ–΄λ””μžˆλŠ”μ§€ ν™•μΈν•œλ‹€.

       - μ•„λž˜ μƒ˜ν”Œμ˜ κ²½μš°μ—λŠ” ▶3을 λˆŒλŸ¬λ³΄λ‹ˆ, Encording optionμ—μ„œ 해상도 1080pλ₯Ό 확인할 수 μžˆμ—ˆκ³ , μ•„λž˜ Sourceλ₯Ό 보면 http://~~~정보λ₯Ό 확인할 수 μžˆλ‹€.

Chrome DEV Tool detail3
Chrome DEV Tool detail3
 

    4-5) Source의 λ”°μ˜΄ν‘œ (" ")μ•ˆμ— μžˆλŠ” μ£Όμ†Œλ₯Ό λ³΅μ‚¬ν•œλ‹€. 


Step5. λ³΅μ‚¬ν•œ μ˜μƒ μ£Όμ†Œλ‘œ 접속 ν›„ λ‹€μš΄λ‘œλ“œ

   - λ³΅μ‚¬ν•œ μ£Όμ†Œλ‘œ μ ‘μ†μ‹œ, 맨 μ•ž/뒀에 λ”°μ˜΄ν‘œ(" ")κ°€ μ—†λŠ”μ§€ κΌ­ ν™•μΈν•œλ‹€.

   - λ³΅μ‚¬ν•œ μ£Όμ†Œλ₯Ό 크둬 λΈŒλΌμš°μ € μ£Όμ†Œμ°½μ— λ„£μ–΄ 접속을 ν•˜λ©΄ ν•΄λ‹Ή μ˜μƒμ΄ 뜨게 되고, μ˜μƒν•˜λ‹¨μ˜ 였λ₯Έμͺ½μ— μžˆλŠ” μ μ„Έκ°œλ₯Ό λˆ„λ₯΄λ©΄ λ‹€μš΄λ‘œλ“œ 메뉴λ₯Ό 톡해 μ˜μƒ λ‹€μš΄λ‘œλ“œκ°€ κ°€λŠ₯ν•΄μ§„λ‹€.



넀이버 카페/λΈ”λ‘œκ·Έ μ˜μƒ λ‹€μš΄λ‘œλ“œ
넀이버 카페/λΈ”λ‘œκ·Έ μ˜μƒ λ‹€μš΄λ‘œλ“œ






λŒ“κΈ€ μ“°κΈ°

0 λŒ“κΈ€

λŒ“κΈ€ μ“°κΈ° (0)

#buttons=(Ok, Go it!) #days=(20)

Our website uses cookies to enhance your experience. Check Now
Ok, Go it!