ν‹°μŠ€ν† λ¦¬

Inpa Dev πŸ‘¨‍πŸ’»
κ²€μƒ‰ν•˜κΈ°

λΈ”λ‘œκ·Έ ν™ˆ

Inpa Dev πŸ‘¨‍πŸ’»

IT λΆ„μ•Ό 크리에이터
inpa.tistory.com/m

μ„±μž₯ μš•κ΅¬κ°€ κ°€νŒŒλ₯Έ 초보 κ°œλ°œμžλ‘œμ„œ κ³΅λΆ€ν•œ λ‚΄μš©μ„ μ‰½κ²Œ ν’€μ–΄μ“΄ 기술 개발자 λΈ”λ‘œκ·Έλ₯Ό μš΄μ˜ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

κ΅¬λ…μž
3,877
λ°©λͺ…둝 λ°©λ¬Έν•˜κΈ°

μ£Όμš” κΈ€ λͺ©λ‘

  • 🌐 크둬 λΈŒλΌμš°μ € PNA κΆŒν•œκ³Ό CORS ν•΄κ²°ν•˜κΈ° Chrome PNA (Private Network Access) 사섀망 μ ‘κ·Ό(private network access) μ΄λž€, λΉ„μΈμ¦λœ 곡인(public) μ›Ήμ‚¬μ΄νŠΈμ—μ„œ, μ‚¬μ΄νŠΈλ₯Ό λ°©λ¬Έν•œ μ‚¬μš©μžμ˜ 와 같은 사섀 λ„€νŠΈμ›Œν¬λ§(localhost(127.0.0.1) or 192.168.0.* 아이피) μ—”λ“œν¬μΈνŠΈμ— μ—‘μ„ΈμŠ€ν•˜λ € ν• λ•Œ, λΈŒλΌμš°μ €κ°€ μš”μ²­μ„ μ œν•œν•˜λŠ” μƒˆλ‘œμš΄ λ³΄μ•ˆ ν–₯상 WSC 사양을 λ§ν•œλ‹€. PNA λ™μž‘ λ©”μ»€λ‹ˆμ¦˜μ€ CORS(Cross-Origin Resource Sharing) 정책을 ν™•μž₯ν•œ κ°œλ…μœΌλ‘œ μ μš©λœλ‹€. κ·Έλž˜μ„œ μ‚¬μ΄νŠΈμ—μ„œ 사섀 λ„€νŠΈμ›Œν¬ μ„œλ²„μ˜ ν—ˆκ°€λ₯Ό μš°μ„  μ˜ˆλΉ„ μš”μ²­(Preflight) ν•˜κ³  λΈŒλΌμš°μ €κ°€ μš”μ²­μ„ μŠΉμΈν•œ κ²½μš°μ—λ§Œ, 곡곡 μ›Ήμ‚¬μ΄νŠΈμ—μ„œ 사섀 λ„€νŠΈμ›Œν¬ μ„œλ²„μ˜ λ¦¬μ†ŒμŠ€μ— μ—‘μ„ΈμŠ€κ°€ κ°€λŠ₯ν•˜κ³  그렇지 μ•Š.. 곡감수 29 λŒ“κΈ€μˆ˜ 2 2023. 3. 23.
  • 🌐 λ¦¬μ†ŒμŠ€ μΊμ‹œλ‘œ μΈν•œ CORS μ—λŸ¬ ν˜„μƒ κ³ μ°° λΈŒλΌμš°μ € μΊμ‹œλ‘œ μΈν•œ CORS 문제 CORS(Cross-Origin Resource Sharing)λŠ” μ„œλ‘œ λ‹€λ₯Έ 좜처(Origin)의 λ¦¬μ†ŒμŠ€λ₯Ό κ³΅μœ ν•˜κ³  μ‹Άμ„λ•Œ μ‚¬μš©ν•˜λŠ” 정책을 λ§ν•œλ‹€. 기본적으둜 λΈŒλΌμš°μ €λŠ” SOP(Same Origin Policy) 정책을 λ”°λ₯΄κΈ° λ•Œλ¬Έμ— μ™ΈλΆ€ λ¦¬μ†ŒμŠ€μ— λŒ€ν•΄μ„œ μ°¨λ‹¨ν•œλ‹€. ν•˜μ§€λ§Œ 인터넷은 μ—¬λŸ¬ μ‚¬λžŒλ“€μ—κ²Œ μ˜€ν”ˆλœ ν™˜κ²½μ΄κ³ , 이런 ν™˜κ²½μ—μ„œ μ›ΉνŽ˜μ΄μ§€μ—μ„œ λ‹€λ₯Έ μΆœμ²˜μ— μžˆλŠ” λ¦¬μ†ŒμŠ€λ₯Ό 가져와 μ‚¬μš©ν•˜λŠ” 일은 맀우 ν”ν•œ 일이라 λͺ¨λ“  μ™ΈλΆ€ λ¦¬μ†ŒμŠ€λ₯Ό λ¬΄ν„±λŒ€κ³  λ§‰μœΌλ©΄ μ§€κΈˆμ²˜λŸΌ 웹이 λ°œμ „ν•˜μ§€ μ•Šμ•˜μ„ 것이닀. λ”°λΌμ„œ μ™ΈλΆ€ λ¦¬μ†ŒμŠ€λΌλ„ ν—ˆμš© κ°€λŠ₯ν•œ μ˜ˆμ™Έ 사항을 λ‘μ—ˆλŠ”λ° 그것이 CORS 정책이닀. [WEB] πŸ“š μ•…λͺ… 높은 CORS κ°œλ… & 해결법 - 정리 λνŒμ™• πŸ‘ μ•…λͺ… 높은 CORS μ—λŸ¬ 메세지 μ›Ή 개.. 곡감수 25 λŒ“κΈ€μˆ˜ 1 2023. 3. 6.
  • 🌐 URL ꡬ성 μš”μ†Œ & μš”μ²­ 흐름 정리 URL ꡬ성 μ΄ν•΄ν•˜κΈ° ν”„λ‘œν† μ½œ : https 호슀트λͺ… : www.google.com 포트번호 : 443 패슀 : /search 쿼리 νŒŒλΌλ―Έν„° : q=hello&hl=ko scheme 주둜 ν”„λ‘œν† μ½œ(μ–΄λ–€ λ°©μ‹μœΌλ‘œ μžμ›μ— μ ‘κ·Όν•  것인가 ν•˜λŠ” 약속 κ·œμΉ™) μ‚¬μš© 예) http, https, ftp λ“±λ“± httpλŠ” 80 포트, httpsλŠ” 443 포트λ₯Ό 주둜 μ‚¬μš©, ν¬νŠΈλŠ” μƒλž΅ κ°€λŠ₯ userinfo URL에 μ‚¬μš©μž 정보λ₯Ό ν¬ν•¨ν•΄μ„œ 인증 μš”μ¦˜μ€ 거의 μ‚¬μš©ν•˜μ§€ μ•ŠμŒ host 호슀트λͺ…(www.google.com) 도메인λͺ… λ˜λŠ” IP μ£Όμ†Œλ₯Ό 직접 μ‚¬μš© κ°€λŠ₯ port 접속 포트 일반적으둜 μƒλž΅ κ°€λŠ₯ μƒλž΅ μ‹œ httpλŠ” 80, httpsλŠ” 443 포트 번호둜 μ„€μ •λœλ‹€. 톰캣은 8080 포트λ₯Ό μ‚¬μš© path λ¦¬μ†ŒμŠ€ 경둜(pa.. 곡감수 13 λŒ“κΈ€μˆ˜ 3 2022. 12. 11.
  • 🌐 CORS λ³΄μ•ˆ 취약점 예방 κ°€μ΄λ“œ CORS의 λ³΄μ•ˆ 문제점 λ‹€λ₯Έ 좜처(Origin)의 μ„œλ²„μ˜ λ¦¬μ†ŒμŠ€λ₯Ό μ œμ•½μ—†μ΄ 가져와 μ‚¬μš©ν•  경우 XSS(Cross-Site Scripting)λ‚˜ CSRF(Cross-Site Request Fogery)와 같은 μŠ€ν¬λ¦½νŒ… 곡격을 λ‹Ήν•  μœ„ν—˜μ„±μ΄ μžˆλ‹€. κ·Έλž˜μ„œ νƒ„μƒν•œ 것이 λΈŒλΌμš°μ €μ˜ SOP(Same Origin Policy) 정책이닀. ν•˜μ§€λ§Œ SOP 정책은 μ˜€λ‘œμ§€ λ™μΌν•œ μΆœμ²˜μ—μ„œλ§Œ λ¦¬μ†ŒμŠ€λ₯Ό κ³΅μœ ν• μˆ˜ μžˆμ–΄, κΈ€λ‘œλ²Œν•œ 인터넷 ν™˜κ²½μ—μ„  μ΄λŠ” λ„ˆλ¬΄ μ œν•œμ μ΄λΌλŠ” 단점이 μ‘΄μž¬ν–ˆλ‹€. λ”°λΌμ„œ μ„œλΉ„μŠ€ μ°¨μ›μ—μ„œ λͺ‡λͺ‡μ€ λ‹€λ₯Έ μΆœμ²˜λΌλ„ λ¦¬μ†ŒμŠ€ 곡유λ₯Ό ν—ˆμš©ν•΄ μ£Όκ² λ‹€λŠ” 것이 λ°”λ‘œ CORS(Cross Origin Resource Sharing) 정책이닀. [WEB] πŸ“š μ•…λͺ… 높은 CORS κ°œλ… & 해결법 - 정리 λνŒμ™• πŸ‘ μ•…λͺ… 높은 CO.. 곡감수 38 λŒ“κΈ€μˆ˜ 5 2022. 11. 28.
  • 🌐 μ•…λͺ… 높은 CORS κ°œλ… & 해결법 - 정리 λνŒμ™• πŸ‘ μ•…λͺ… 높은 CORS μ—λŸ¬ 메세지 μ›Ή κ°œλ°œμ„ ν•˜λ‹€λ³΄λ©΄ λ°˜λ“œμ‹œ λ§ˆμ£ΌμΉ˜λŠ” 멍멍 같은 μ—λŸ¬κ°€ λ°”λ‘œ CORS 이닀. μ›Ή 개발의 μ‹ μž… 신고식이라고 ν•  μ •λ„λ‘œ, CORSλŠ” λˆ„κ΅¬λ‚˜ ν•œ 번 μ •λ„λŠ” κ²ͺ게 λœλ‹€κ³  해도 과언이 μ•„λ‹ˆλ‹€. ν”„λ‘ νŠΈμ—”λ“œ 개발자 μž…μž₯에선 μš”μ²­ μ½”λ“œλ₯Ό μ΄μƒν•˜κ²Œ 적은것도 μ•„λ‹ˆκ³ , λ°±μ—”λ“œ 개발자 μž…μž₯에선 μ„œλ²„ μ½”λ“œλ‚˜ μ„ΈνŒ…μ΄ μ΄μƒν•œκ²ƒλ„ μ•„λ‹ˆλ‹€. λͺ¨λ“ κ²Œ λ©€μ©‘ν•œλ° μ™œ μš”μ²­ν•œ μžλ£Œμ— λŒ€ν•œ 응닡을 μ‹œλ»˜κ±΄ μ—λŸ¬μ€„λ‘œ ν™•λ‹΅ν•˜λŠ”κ²Œ λ¬Έμ œμ΄λ‹€. 🀬 μ΄λŸ¬ν•œ ν˜„μƒμ΄ μΌμ–΄λ‚˜λŠ” μ΄μœ λŠ”, μ›Ή λΈŒλΌμš°μ €λŠ” HTTP μš”μ²­μ— λŒ€ν•΄μ„œ μ–΄λ–€ μš”μ²­μ„ ν•˜λŠλƒμ— 따라 각기 λ‹€λ₯Έ νŠΉμ§•μ„ 가지고 있기 λ•Œλ¬Έμ΄λ‹€. μš”μ²­ 방식에 따라 λ‹€λ₯Έ CORS λ°œμƒ μ—¬λΆ€ 1. , , 2. XMLHttpRequest, Fetch API 슀크립트 → 기본적으둜 Same-Or.. 곡감수 1,675 λŒ“κΈ€μˆ˜ 89 2022. 11. 28.
  • 🌐 μ•„μ£Ό μ‰½κ²Œ μ΄ν•΄ν•˜λŠ” Stateful / Stateless 차이 Stateful κ³Ό Stateless 차이점 μ›Ή 곡뢀λ₯Ό ν•˜λ‹€λ³΄λ©΄ ν΄λΌμ΄μ–ΈνŠΈ(Client)와 μ„œλ²„(Server)κ°„μ˜ 톡신을 μƒνƒœμœ μ§€(Stateful) ν•˜λŠλƒ, μƒνƒœμœ μ§€ν•˜μ§€μ•ŠμŒ(Stateless) 으둜 ν•˜λŠλƒ λΌλŠ” 말귀λ₯Ό ν•œλ²ˆμ―€μ€ λ“€μ–΄λ³Έ 적이 μžˆμ„ 것이닀. μƒνƒœλΌλŠ”κ²Œ μ–΄λ– ν•œ 정보λ₯Ό λ§ν•˜λŠ” 것 같은데, 이번 μ‹œκ°„μ—λŠ” Stateful κ³Ό Stateless의 차이점에 λŒ€ν•΄ 좔상적인 κ°œλ… μ΄ν•΄μ—μ„œ λ²—μ–΄λ‚˜ λͺ…ν™•νžˆ νŒŒμ•…ν•˜λŠ” μ‹œκ°„μ„ κ°€μ Έλ³΄μž. Stateful (μƒνƒœμœ μ§€) μƒνƒœ μœ μ§€λΌ 함은 ν΄λΌμ΄μ–ΈνŠΈμ™€ μ„œλ²„ κ΄€κ³„μ—μ„œ μ„œλ²„κ°€ ν΄λΌμ΄μ–ΈνŠΈμ˜ μƒνƒœλ₯Ό 보쑴함을 μ˜λ―Έν•œλ‹€. ν΄λΌμ΄μ–ΈνŠΈμ™€ μ„œλ²„ 간에 μ†‘μˆ˜μ‹ μ„ ν•˜λ©° 단계별 과정을 μ§„ν–‰ν•˜λŠ”λ° μžˆμ–΄, μ„œλ²„μ—μ„œ ν΄λΌμ΄μ–ΈνŠΈκ°€ 이전 λ‹¨κ³„μ—μ„œ μ œκ³΅ν•œ 값을 μ €μž₯ν•˜κ³  λ‹€μŒ λ‹¨κ³„μ—μ„œλ„ μ €μž₯ν•œ μƒνƒœμ΄λ‹€. .. 곡감수 142 λŒ“κΈ€μˆ˜ 8 2022. 11. 14.
  • πŸͺ CORS μΏ ν‚€ μ „μ†‘ν•˜κΈ° (withCredentials μ˜΅μ…˜) 🀬 CORSλ₯Ό ν—ˆμš©ν–ˆλŠ”λ°λ„ μΏ ν‚€κ°€ λ„˜μ–΄κ°€μ§€ μ•ŠλŠ” ν˜„μƒ 보톡 웹을 κ΅¬μ„±ν• λ•Œ λ¦¬μ•‘νŠΈ(React)λ‚˜ λ·°(Vue)와 같은 라이브러리 / ν”„λ ˆμž„μ›Œν¬λ₯Ό μ‚¬μš©ν•œλ‹€λ©΄ λ”°λ‘œ ν”„λ‘ νŠΈ μ„œλ²„λ₯Ό μ‹€ν–‰ν•˜μ—¬ κ°œλ°œν•˜κ²Œ λœλ‹€. 만일 ν΄λΌμ΄μ–ΈνŠΈ μ„œλ²„κ°€ http://localhost:3000 이고 API μ„œλ²„κ°€ http://localhost:8080 이라고 κ°€μ •ν•˜μž. μ„œλ‘œ 같은 Host이고 Port만 λ‹€λ₯Έ μ…ˆμ΄λ‹€. 둜그인 화면을 ꡬ성을 μ™„λ£Œν–ˆκ³  ν…ŒμŠ€νŠΈλ₯Ό μœ„ν•΄ axios둜 둜그인 μš”μ²­μ„ μ„œλ²„μ— λ³΄λƒˆλ‹€. axios.post('http://localhost:8080/login', { profile: { username: username, password: password } }) ν•˜μ§€λ§Œ κ²°κ³ΌλŠ” 둜그인 성곡이 μ•„λ‹Œ λ‹€μŒκ³Ό 같은 μ‹œλ»˜κ±΄ CORS .. 곡감수 138 λŒ“κΈ€μˆ˜ 6 2022. 7. 18.
  • 🌐 μ„Έμ…˜(Session) 뢈일치 문제 및 ν•΄κ²° 방법 μ„œλ²„ 닀쀑화 ν™˜κ²½μ—μ„œμ˜ μ„Έμ…˜ 뢈일치 단일 μ„œλ²„ ν™˜κ²½μ—μ„œλŠ” session을 ν†΅ν•œ λ‘œκ·ΈμΈμ„ κ΅¬ν˜„ν• λ•Œ session 뢈일치 문제λ₯Ό μ‹ κ²½μ“Έ ν•„μš”κ°€ μ—†λ‹€. ν•˜μ§€λ§Œ μ„œλΉ„μŠ€κ°€ 컀짐에 따라 ν•œλŒ€μ˜ μ„œλ²„λ‘œ μš΄μ˜ν•˜λŠ”κ²ƒμ΄ λΆˆκ°€λŠ₯ν•΄μ‘Œλ‹€κ³  κ°€μ •ν•΄λ³΄μž. κ·Έλž˜μ„œ μ„œλ²„λ₯Ό μ—…κ·Έλ ˆμ΄λ“œ ν•΄μ•Όλ˜λŠ”λ° λ‹€μŒκ³Ό 같이 두가지 방식이 μ‘΄μž¬ν•œλ‹€. 첫번째 방법은 scale-up 방식이닀. μ„œλ²„ 자체 μ„±λŠ₯을 늘렀 λΆ€ν•˜λ₯Ό κ²¬λ”œμˆ˜ 있게 ν•˜λŠ” λ°©μ‹μ΄μ§€λ§Œ, μ—¬μ „νžˆ μ„œλ²„ ν•œ λŒ€μ— λͺ¨λ“  νŠΈλž˜ν”½μ΄ μ§‘μ€‘λ˜λ―€λ‘œ λ§ŒμΌμ— μ„œλ²„ μž₯μ• κ°€ μƒκΈΈμ‹œ μ„œλ²„κ°€ 볡ꡬ될 λ•ŒκΉŒμ§€ μ„œλΉ„μŠ€λ₯Ό 쀑단해야 ν•˜λŠ” 상황이 λ°œμƒν•  수 μžˆλŠ” μœ„ν—˜μ΄ μžˆλ‹€. μ‚¬μš©ν•˜λ €λ˜ μ„œλΉ„μŠ€κ°€ μ€‘λ‹¨λœλ‹€λ©΄ μ—„μ²­λ‚œ λΉ„μ¦ˆλ‹ˆμŠ€ 손싀(수읡 손싀)이 생길 수 μžˆλ‹€. λ‘λ²ˆμ§Έ 방법은 scale-out 방식이닀. μ„œλ²„λ₯Ό μ—¬λŸ¬λŒ€λ‘œ λŠ˜λ €μ„œ 각 .. 곡감수 51 λŒ“κΈ€μˆ˜ 3 2022. 6. 28.
  • 🌐 Reverse Proxy / Forward Proxy μ •μ˜ & 차이 정리 ν”„λ‘μ‹œ(Proxy) λž€? ν”„λ‘μ‹œ μ„œλ²„λŠ” ν΄λΌμ΄μ–ΈνŠΈκ°€ μžμ‹ μ„ ν†΅ν•΄μ„œ λ‹€λ₯Έ λ„€νŠΈμ›Œν¬ μ„œλΉ„μŠ€μ— κ°„μ ‘μ μœΌλ‘œ 접속할 수 있게 ν•΄ μ£ΌλŠ” 컴퓨터 μ‹œμŠ€ν…œμ΄λ‚˜ μ‘μš© ν”„λ‘œκ·Έλž¨μ„ 가리킨닀. ν”„λ‘μ‹œ(Proxy)λž€ 'λŒ€λ¦¬' λΌλŠ” 의미λ₯Ό κ°–κ³  있으며, μ„œλ²„μ™€ μ„œλ²„μ‚¬μ΄μ˜ 쀑계기 역할을 ν•œλ‹€κ³  보면 λœλ‹€. ν”„λ‘μ‹œλ₯Ό μ“°λŠ” μ΄μœ λŠ” λ³΄μ•ˆμƒμ˜ 이유둜 직접 톡신할 수 μ—†λŠ” 두 μ μ‚¬μ΄μ—μ„œ λŒ€λ¦¬λ‘œ 톡신을 μˆ˜ν–‰ν•˜μ—¬ λ³΄μ•ˆμ„±, μ„±λŠ₯, μ•ˆμ •μ„±μ„ ν–₯상 μ‹œν‚€κΈ° μœ„ν•΄μ„œ 이닀. 보톡 웹은 ν΄λΌμ΄μ–ΈνŠΈμ—μ„œ μ„œλ²„λ‘œ, μ„œλ²„μ—μ„œ ν΄λΌμ΄μ–ΈνŠΈλ‘œ ν†΅μ‹ ν•˜λ©° 데이터λ₯Ό μ „λ‹¬ν•œλ‹€. μ΄λ•Œ ν•„μ—°μ μœΌλ‘œ μ€‘λ³΅λ˜λŠ” 데이터λ₯Ό λ°˜λ³΅ν•˜μ—¬ μ „λ‹¬ν•˜λŠ” 상황이 λ°œμƒν•˜λŠ”λ°, μ΄λ ‡κ²Œ λ™μΌν•œ μš”μ²­μ„ 맀번 μ²˜λ¦¬ν•˜λŠ” 것은 곧 λ¦¬μ†ŒμŠ€ λ‚­λΉ„ 와 μ„œλ²„μ˜ λΆ€ν•˜ 둜 μ΄μ–΄μ§€κ²Œ λœλ‹€. λ•Œλ¬Έμ— λ³Έ μ„œλ²„μ— λ„λ‹¬ν•˜κΈ° 전에 μƒˆλ‘œ.. 곡감수 138 λŒ“κΈ€μˆ˜ 9 2022. 6. 23.
  • 🌐 μ„œλ²„λ¦¬μŠ€(ServerLess) κ°œλ… πŸ’― 정리 (BaaS / FaaS) μ„œλ²„λ¦¬μŠ€ 아킀텍쳐 λž€? μ„œλ²„λ¦¬μŠ€(Serverless)λŠ” μ§μ—­ν•˜λ©΄ "μ„œλ²„κ°€ μ—†λ‹€"λΌλŠ” 뜻이 λœλ‹€. ν•˜μ§€λ§Œ μ •λ§λ‘œ μ„œλ²„κ°€ μ—†λŠ” 것을 λœ»ν•˜λŠ”κ²Œ μ•„λ‹ˆλ‹€. μ„œλΉ„μŠ€λ₯Ό ν•˜λŠ”λ° μžˆμ–΄ μ–΄μ°Œλ˜μ—ˆλ“  μ €μž₯μ†ŒλŠ” ν•„μš”ν•˜κ³  μ„œλ²„λŠ” ν•„μš”ν•˜κΈ° λ•Œλ¬Έμ΄λ‹€. λ”°λΌμ„œ μ •ν™•νžˆ λ§ν•˜μžλ©΄, μ„œλ²„λ¦¬μŠ€λŠ” μ„œλ²„κ°€ μ—†λŠ” λ°±μ—”λ“œ λΌλŠ” 뜻이 μ•„λ‹Œ μš°λ¦¬κ°€ 직접 μ„œλ²„λ₯Ό κ΄€λ¦¬ν•˜μ§€ μ•Šμ•„ μ‹ κ²½ μ“Έ ν•„μš”μ—†λŠ” 경우λ₯Ό λœ»ν•œλ‹€. 즉, μ„œλ²„λ¦¬μŠ€ μ•„ν‚€ν…μ²˜(Serverless Architecture)λž€ μ„œλ²„λ₯Ό 직접 관리할 ν•„μš”κ°€ μ—†λŠ” μ•„ν‚€ν…μ²˜λ₯Ό μΉ­ν•œλ‹€. μ„œλ²„λ¦¬μŠ€λŠ” 특히, μ‚¬μ΄λ“œ ν”„λ‘œμ νŠΈλ‚˜ λΉ λ₯΄κ²Œ ν”„λ‘œν† νƒ€μž…μ„ μΆœμ‹œν•  λ•Œ λΉ λ₯΄κ³  μ‰½κ²Œ μ œν’ˆμ„ μΆœμ‹œν•  수 있고, λˆλ„ 맀우 μ ˆμ•½ν•  수 μžˆλ‹€. μ„œλ²„λ¦¬μŠ€ μ‹œμž₯은 μ§€κΈˆλ„ λ¬΄μ„­κ²Œ μ„±μž₯ν•˜κ³  μžˆμ–΄, 관심을 κ°€μ Έμ„œ 더 쒋은 운영 ν™˜κ²½μ„ κ³ λ €ν•˜λŠ”κ²ƒμ„ .. 곡감수 98 λŒ“κΈ€μˆ˜ 12 2022. 5. 12.
  • 🌐 무료 도메인(DNS) λ°œκΈ‰λ°›κΈ° - Freenom 무료 도메인 μ‚¬μš©ν•˜κΈ° 도메인 λ„€μž„μœΌλ‘œμ„œ κ°€μž₯ 유λͺ…ν•˜κ³  λ§Žμ΄λ“€ μ“°μ΄λŠ” .com, .net은 1년에 13000원, .kr은 1년에 9000원 μ •λ„λ‘œ κ½€λ‚˜ μ €λ ΄ν•œ νŽΈμ— μ†ν•œλ‹€. κ·Έλ ‡μ§€λ§Œ λ‹¨μˆœνžˆ 곡뢀 및 ν…ŒμŠ€νŠΈ μš©λ„λ‘œμ„œ 도메인을 κ΅¬μž…ν•˜κΈ°μ—λŠ” μ•„κΉλ‹€λŠ” 생각이 λ“ λ‹€. λ‹€ν–‰νžˆ 무료둜 도메인을 μ œκ³΅ν•΄μ£ΌλŠ” μ‚¬μ΄νŠΈκ°€ μžˆλ‹€. λ°”λ‘œ Freenom μ΄λΌλŠ” μ‚¬μ΄νŠΈμΈλ°, λŒ€μ‹  쑰금 μΈκΈ°μ—†λŠ” 도메인을 무료둜 μ œκ³΅ν•œλ‹€. κ·Έλ ‡μ§€λ§Œ ν•™μŠ΅μš©λ„λ‘œλŠ” 졜고의 도메인 λ°œκΈ‰ μ‚¬μ΄νŠΈκ°€ μ•„λ‹κΉŒ μ‹Άλ‹€. Freenom - A Name for Everyone Cost Price Free Special www.freenom.com Freenom 도메인 λ°œκΈ‰ν•˜κΈ° λ‹¨μˆœνžˆ νšŒμ›κ°€μž…ν•˜κ³  도메인을 λ°œκΈ‰ν•˜λŠ”κ²Œ μ•„λ‹ˆλΌ μ’€ κΉŒλ‹€λ‘œμš΄ μˆœμ„œκ°€ μ‘΄μž¬ν•œλ‹€. λ¬΄ν„±λŒ€κ³  도메인을 λ°œκΈ‰.. 곡감수 57 λŒ“κΈ€μˆ˜ 8 2022. 5. 4.
  • 🌐 DNS λ ˆμ½”λ“œ μ’…λ₯˜ β˜… μ™„λ²½ 정리 DNS λ ˆμ½”λ“œ DNS RecordλŠ” DNS μ„œλ²„κ°€ ν•΄λ‹Ή νŒ¨ν‚·μ„ λ°›μ•˜μ„ λ•Œ μ–΄λ–€μ‹μœΌλ‘œ μ²˜λ¦¬ν• μ§€λ₯Ό λ‚˜νƒ€λ‚΄λŠ” 지침을 λ§ν•œλ‹€. κ°„λ‹¨νžˆ λ§ν•˜λ©΄ DNS μƒμ—μ„œ 도메인에 κ΄€ν•œ 섀정을 ν•˜κΈ° μœ„ν•΄ μ‚¬μš©λ˜λŠ” 일련의 μ„€μ • 문자라고 보면 λœλ‹€. DNS λ ˆμ½”λ“œμ—λŠ” μ„œλ²„κ°€ μš”μ²­μ— μ‘λ‹΅ν•˜λŠ” 방법에 λŒ€ν•œ λ‹€μ–‘ν•œ ꡬ문과 λͺ…령이 ν¬ν•¨λ˜μ–΄ μžˆλ‹€. DNS λ ˆμ½”λ“œλ₯Ό 곡뢀해야 ν•˜λŠ” μ΄μœ λŠ” 만일 개인 도메인을 κ΅¬μž…ν•˜κΈ° μœ„ν•΄ 도메인 업체 μ‚¬μ΄νŠΈμ— μ ‘μ†ν•΄μ„œ 도메인과 λ‚΄ μ„œλ²„ IP와 μ—°κ²°ν•˜λ €λ©΄ ν•΄λ‹Ή 정보가 ν•„μš”ν•˜κΈ° λ•Œλ¬Έμ΄λ‹€. 이 밖에 μ‹€ μ„œλΉ„μŠ€μ˜ 도메인을 κ΄€λ¦¬ν•˜κΈ° μœ„ν•΄μ„œλŠ” λ ˆμ½”λ“œμ˜ 각 νŠΉμ§•μ— λŒ€ν•΄ μ•Œμ•„λ‘˜ ν•„μš”κ°€ μžˆλ‹€. DNS λ ˆμ½”λ“œ μ’…λ₯˜ A λ ˆμ½”λ“œ A λ ˆμ½”λ“œ(A Record)λŠ” DNS에 μ €μž₯λ˜λŠ” μ •λ³΄μ˜ νƒ€μž…μœΌλ‘œ 도메인 μ£Όμ†Œμ™€ μ„œλ²„μ˜ IP μ£Όμ†Œκ°€ 직접.. 곡감수 120 λŒ“κΈ€μˆ˜ 3 2022. 5. 3.
  • 🌐 DNS κ°œλ… & λ™μž‘ β˜… μ•ŒκΈ° μ‰½κ²Œ 정리 ​DNS (Domain Name System) λž€? 도메인 λ„€μž„ μ‹œμŠ€ν…œ (Domain Name System, DNS) 은 호슀트의 λ„λ©”μΈλ„€μž„ (www.example.com)을 λ„€νŠΈμ›Œν¬μ£Όμ†Œ(192.168.1.0)둜 λ³€ν™˜ν•˜κ±°λ‚˜, κ·Έ λ°˜λŒ€μ˜ 역할을 μˆ˜ν–‰ν•˜λŠ” μ‹œμŠ€ν…œμ΄λ‹€. 예λ₯Ό λ“€λ©΄ μš°λ¦¬κ°€ 자주 μ ‘ν•˜λŠ” naver.com , google.com λͺ¨λ‘ DNS을 가진 DN(Domain Name)이라고 ν•  수 μžˆλ‹€. 이듀은 사싀 λ¬Έμžμ—΄μ˜ νƒˆμ„ μ“΄ IP이닀. μ„œλΉ„μŠ€ 도메인 μ£Όμ†Œ IP μ£Όμ†Œ λ‹€μŒ(Daum) daum.net 203.133.167.81 넀이버(Naver) naver.com 223.130.200.104 ꡬ글(Google) google.com 142.250.207.14 cmdμ—μ„œ naver의 DN을 적어 ping을.. 곡감수 107 λŒ“κΈ€μˆ˜ 4 2022. 5. 2.
  • 🌐 ν΄λΌμš°λ“œ μ»΄ν“¨νŒ… κ°œλ… πŸ’― 총정리 (IaaS / SaaS / PaaS) ν΄λΌμš°λ“œ μ»΄ν“¨νŒ… μ΄λž€? ν΄λΌμš°λ“œ μ»΄ν“¨νŒ…μ΄λž€ μΈν„°λ„·μœΌλ‘œ κ°€μƒν™”λœ IT λ¦¬μ†ŒμŠ€λ₯Ό μ„œλΉ„μŠ€λ‘œ μ œκ³΅ν•˜λŠ” 것을 μ˜λ―Έν•œλ‹€. 예λ₯Όλ“€μ–΄ κ°œμΈμ΄λ‚˜ 기업이 μ„œλ²„λ₯Ό ν•˜λ‚˜ κ΅¬μΆ•ν•˜κ³  μ‹Άλ‹€λ©΄, 기본적으둜 μš°μ„  컴퓨터λ₯Ό κ΅¬λ§€ν•΄μ•Όν•˜κ³  cpu, λ©”λͺ¨λ¦¬ μΉ΄λ“œ ..λ“± ν•˜λ“œμ›¨μ–΄λ₯Ό ꡬ맀해야 ν•˜κ³  그리고 λ„€νŠΈμ›Œν¬ 톡신망도 μ—°κ²°ν•΄μ•Όλ˜κ³ .. 즉, ν•„μš”ν•  것이 λ§Žλ‹€. μ΄λŸ¬ν•œ ν•„μš”ν’ˆλ“€μ„ λŒ€μ‹ μ— 데이터λ₯Ό λ³΄κ΄€ν•˜κ³  μΈν”„λΌμŠ€νŠΈλŸ­μ²˜(μ„œλΉ„μŠ€ μœ μ§€λ₯Ό μœ„ν•œ IT μž₯λΉ„ λͺ¨μŒ)와 IT κΈ°μˆ μ„ λΉŒλ €μ£ΌλŠ” μ„œλΉ„μŠ€κ°€ λ°”λ‘œ ν΄λΌμš°λ“œ 이닀. μ‰½κ²Œ 말해 돈 λŒ€μ‹  데이터λ₯Ό μ·¨κΈ‰ν•˜λŠ” 은행이라고 봐도 λ¬΄λ°©ν•˜λ‹€. μ•„λ‹ˆλ©΄ ITμžμ›μ˜ λ Œνƒˆμƒ΅ 이라고 말할 수 μžˆλ‹€. ν΄λΌμš°λ“œ μ»΄ν“¨νŒ… ν•„μš”μ‹œ νŽΈλ¦¬ν•˜κ²Œ μ»΄ν“¨νŒ… μžμ›μ— μ ‘κ·Όν•΄ 데이터λ₯Ό 처리, μ—°μ‚°ν• μˆ˜μžˆλ„λ‘ λ„€νŠΈμ›Œν¬, μ„œλ²„, μŠ€ν† λ¦¬μ§€, μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ„ .. 곡감수 77 λŒ“κΈ€μˆ˜ 8 2022. 3. 29.
  • 🌐 Polling / Long Polling / Server Sent Event / WebSocket 정리 μ„œλ²„μ˜ eventλ₯Ό ν΄λΌμ΄μ–ΈνŠΈλ‘œ λ³΄λ‚΄λŠ” 4가지 방법 polling ν΄λΌμ΄μ–ΈνŠΈκ°€ ν‰λ²”ν•œ http requestλ₯Ό μ„œλ²„λ‘œ 계속 λ‚ λ €μ„œ 이벀트 λ‚΄μš©μ„ μ „λ‹¬λ°›λŠ” 방식이닀. κ°€μž₯ μ‰¬μš΄λ°©λ²•μ΄μ§€λ§Œ ν΄λΌμ΄μ–ΈνŠΈκ°€ κ³„μ†μ μœΌλ‘œ requestλ₯Ό λ‚ λ¦¬κΈ°λ•Œλ¬Έμ— 클라이언가 λ§Žμ•„μ§€λ©΄ μ„œλ²„μ˜ 뢀담이 κΈ‰μ¦ν•˜κ²Œ λœλ‹€. http request connection을 λ§Ίκ³  λŠλŠ”κ²ƒ μžμ²΄κ°€ 뢀담이 λ§Žμ€ 방식이닀. 그리고 ν΄λΌμ΄μ–ΈνŠΈμ—μ„œ μ‹€μ‹œκ°„μ •λ„μ˜ λΉ λ₯Έ 응닡을 κΈ°λŒ€ν•˜κΈ°λ„ μ–΄λ ΅λ‹€. polling은 http μ˜€λ²„ν—€λ“œκ°€ λ°œμƒν•œλ‹€λŠ” 단점이 μžˆλ‹€. ν•˜μ§€λ§Œ μΌμ •ν•˜κ²Œ κ°±μ‹ λ˜λŠ” μ„œλ²„ λ°μ΄ν„°μ˜ 경우 μœ μš©ν•˜κ²Œ μ‚¬μš©ν•  수 μžˆλŠ” 방식이닀. (ex. λŒ€μ‹œλ³΄λ“œ κ°±μ‹ ) Http Overhead λž€? μ •λ³΄μ˜ μ‹ λ’°μ„± νŒλ‹¨μ„ μœ„ν•œ, λ³΄λ‚΄μ§€λŠ” 헀더 같은 정보 λ•Œλ¬Έμ— 였히렀 λ°μ΄ν„°λŸ‰.. 곡감수 33 λŒ“κΈ€μˆ˜ 6 2022. 1. 28.
  • 🌐 Access Token & Refresh Token 원리 Access Token & Refresh Token 이번 ν¬μŠ€νŒ…μ—μ„œλŠ” κΈ°λ³Έ JWT λ°©μ‹μ˜ 인증(λ³΄μ•ˆ) κ°•ν™” 방식인 Access Token & Refresh Token 인증 방식에 λŒ€ν•΄ μ•Œμ•„λ³΄κ² λ‹€. λ¨Όμ € JWT(Json Web Token) 에 λŒ€ν•΄ 잘 λͺ¨λ₯΄λŠ” λ…μžλ“€μ€ λ‹€μŒ ν¬μŠ€νŒ…μ„ μ°Έκ³ ν•˜κΈΈ λ°”λž€λ‹€. [WEB] πŸ“š JWT(Json Web Token )λž€? πŸ’― 정리 Cookie & Session [WEB] 🌐 μ„Έμ…˜/ μΏ ν‚€ πŸͺ 정리 λΉ„μ—°κ²°μ„±(Connectionless)κ³Ό λΉ„μƒνƒœμ„±(Stateless) HTTP ν”„λ‘œν† μ½œμ—λŠ” λΉ„μ—°κ²°μ„±(Connectionless)κ³Ό λΉ„μƒνƒœμ„±(Stateless)μ΄λΌλŠ” νŠΉμ§•μ΄ μžˆμŠ΅λ‹ˆλ‹€. μ΄λŠ” μ„œλ²„μ˜ μžμ›.. inpa.tistory.com Refresh token이 μ™œ ν•„μš”ν•œκ°€ Access.. 곡감수 222 λŒ“κΈ€μˆ˜ 17 2022. 1. 13.
  • 🌐 JWT 토큰 인증 μ΄λž€? (μΏ ν‚€ vs μ„Έμ…˜ vs 토큰) Cookie / Session / Token 인증 방식 μ’…λ₯˜ 보톡 μ„œλ²„κ°€ ν΄λΌμ΄μ–ΈνŠΈ 인증을 ν™•μΈν•˜λŠ” 방식은 λŒ€ν‘œμ μœΌλ‘œ μΏ ν‚€, μ„Έμ…˜, 토큰 3가지 방식이 μžˆλ‹€. JWTλ₯Ό 배우기 μ•žμ„œ μš°μ„  쿠킀와 μ„Έμ…˜μ˜ 톡신 방식을 λ³΅μŠ΅ν•΄λ³΄κ³  μ΄λ“€μ˜ 각각 νŠΉμ§•κ³Ό μž₯단점 그리고 μ™œ 토큰 인증 방식을 μ‚¬μš©ν•˜μ§€λŠ”μ— λŒ€ν•΄ κ°„λ‹¨ν•˜κ²Œ μ•Œμ•„λ³΄μž. (μ£Όμž…μ‹ μ•”κΈ°ν•˜μ§€λ§κ³  과정을 μ΄ν•΄ν•˜λ©΄ 머릿속에 더 였래 남을 것이닀!) Cookie 인증 μΏ ν‚€λŠ” Key-Value ν˜•μ‹μ˜ λ¬Έμžμ—΄ 덩어리이닀. ν΄λΌμ΄μ–ΈνŠΈκ°€ μ–΄λ– ν•œ μ›Ήμ‚¬μ΄νŠΈλ₯Ό λ°©λ¬Έν•  경우, κ·Έ μ‚¬μ΄νŠΈκ°€ μ‚¬μš©ν•˜κ³  μžˆλŠ” μ„œλ²„λ₯Ό 톡해 ν΄λΌμ΄μ–ΈνŠΈμ˜ λΈŒλΌμš°μ €μ— μ„€μΉ˜λ˜λŠ” μž‘μ€ 기둝 정보 νŒŒμΌμ΄λ‹€. 각 μ‚¬μš©μžλ§ˆλ‹€μ˜ λΈŒλΌμš°μ €μ— 정보λ₯Ό μ €μž₯ν•˜λ‹ˆ 고유 정보 식별이 κ°€λŠ₯ν•œ 것이닀. Cookie 인증 방식 λΈŒλΌμš°μ €(클.. 곡감수 644 λŒ“κΈ€μˆ˜ 41 2022. 1. 13.
  • 🌐 OAuth 2.0 κ°œλ… - 그림으둜 μ΄ν•΄ν•˜κΈ° μ‰½κ²Œ μ„€λͺ… OAuthλž€? μ›Ή μ„œν•‘μ„ ν•˜λ‹€ 보면 Googleκ³Ό Facebook λ“±μ˜ μ™ΈλΆ€ μ†Œμ…œ 계정을 기반으둜 κ°„νŽΈνžˆ νšŒμ›κ°€μž… 및 λ‘œκ·ΈμΈν•  수 μžˆλŠ” μ›Ή μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μ„ μ‰½κ²Œ μ°Ύμ•„λ³Ό 수 μžˆλ‹€. 클릭 ν•œ 번으둜 κ°„νŽΈν•˜κ²Œ λ‘œκ·ΈμΈν•  수 μžˆμ„ 뿐만 μ•„λ‹ˆλΌ, μ—°λ™λ˜λŠ” μ™ΈλΆ€ μ›Ή μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ Facebook 및 Twitter 등이 μ œκ³΅ν•˜λŠ” κΈ°λŠ₯을 κ°„νŽΈν•˜κ²Œ μ‚¬μš©ν•  수 μžˆλ‹€λŠ” μž₯점이 μžˆλ‹€. 예λ₯Ό λ“€μ–΄, Google둜 λ‘œκ·ΈμΈν•˜λ©΄ APIλ₯Ό 톡해 μ—°λ™λœ κ³„μ •μ˜ Google Calendar 정보λ₯Ό 가져와 μ‚¬μš©μžμ—κ²Œ 보여쀄 수 μžˆλ‹€. 이 λ•Œ μ‚¬μš©λ˜λŠ” ν”„λ‘œν† μ½œμ΄ λ°”λ‘œ OAuthλ‹€. OAuth에 λŒ€ν•œ μ •μ˜λŠ” λ‹€μŒκ³Ό κ°™λ‹€. OAuthλŠ” 인터넷 μ‚¬μš©μžλ“€μ΄ λΉ„λ°€λ²ˆν˜Έλ₯Ό μ œκ³΅ν•˜μ§€ μ•Šκ³  λ‹€λ₯Έ μ›Ήμ‚¬μ΄νŠΈ μƒμ˜ μžμ‹ λ“€μ˜ 정보에 λŒ€ν•΄ μ›Ήμ‚¬μ΄νŠΈλ‚˜ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ˜ μ ‘.. 곡감수 275 λŒ“κΈ€μˆ˜ 12 2021. 12. 5.
  • 🌐 μ›Ή ν‘œμ€€ & μ›Ή μ ‘κ·Όμ„± μ΄λž€? μ›Ή ν‘œμ€€ (Web Standards) μ›Ή ν‘œμ€€μ€ μ›Ήμ—μ„œ μ‚¬μš©λ˜λŠ” κΈ°μˆ λ“€μ˜ ν‘œμ€€ν™”λ₯Ό μ˜λ―Έν•œλ‹€. 즉, μ›Ή μ‚¬μ΄νŠΈλ₯Ό κ΅¬μ„±ν•˜λŠ” HTML, CSS, JavaScript λ“±μ˜ 언어듀이 ν‘œμ€€ν™”λœ λ°©μ‹μœΌλ‘œ μž‘μ„±λ˜μ–΄μ•Ό ν•œλ‹€λŠ” 것이닀. μ‰½κ²Œ λ§ν•˜λ©΄ μ‚¬μš©μžκ°€ μ–΄λ–€ λΈŒλΌμš°μ €λ‚˜ κΈ°κΈ°λ₯Ό μ‚¬μš©ν•˜λ”λΌλ„ ν™ˆνŽ˜μ΄μ§€ 화면을 λ™μΌν•˜κ²Œ λ³Ό 수 μžˆλ„λ‘ ν•˜λŠ” 것이 μ›Ή ν‘œμ€€μΈ 것이닀. μ›Ή ν‘œμ€€μ˜ μž₯점 μ›Ή νŽ˜μ΄μ§€λ₯Ό μž‘μ„±ν•  λ•Œ μ›Ή ν‘œμ€€μ„ μ€€μˆ˜ν•˜λ©΄ λ‹€μŒκ³Ό 같은 효과λ₯Ό λˆ„λ¦΄ 수 있게 λœλ‹€. 1. μ›Ή νŽ˜μ΄μ§€μ˜ ν˜Έν™˜μ„± μ›Ή ν‘œμ€€μ„ μ€€μˆ˜ν•˜λ©΄, μ›Ή νŽ˜μ΄μ§€κ°€ λͺ¨λ“  λΈŒλΌμš°μ €μ—μ„œ μΌκ΄€μ μœΌλ‘œ ν‘œμ‹œλ˜κ²Œ λœλ‹€. 이λ₯Ό 톡해 μ‚¬μš©μžλ“€μ€ μ–΄λ–€ λΈŒλΌμš°μ €λ₯Ό μ‚¬μš©ν•˜λ”λΌλ„ λ™μΌν•œ μ‚¬μš©μž κ²½ν—˜μ„ 얻을 수 μžˆμ–΄ 였래된 λΈŒλΌμš°μ €μ—μ„œλ„ 컨텐츠가 μ μ ˆν•˜κ²Œ ν‘œμ‹œλ˜κ³  ν˜Έν™˜μ„±κ³Ό μš΄μš©μ„±μ΄ ν™•λ³΄λœλ‹€. .. 곡감수 43 λŒ“κΈ€μˆ˜ 1 2021. 12. 3.
  • [λ°±μ—”λ“œ λ‘œλ“œλ§΅] πŸ’» ν„°λ―Έλ„μ΄λž€ ​ ν„°λ―Έλ„μ΄λž€? β€‹μœ λ‹‰μŠ€ 기반의 λŒ€ν˜• μ»΄ν“¨ν„°μ—μ„œ μ‚¬μš©μžλ“€μ΄ 컴퓨터에 μ ‘μ†ν•˜κΈ° μœ„ν•΄ μ‚¬μš©ν–ˆλ˜ λ‹¨λ§κΈ°λ‘œ 개인용 컴퓨터가 λ³΄κΈ‰λœ μš”μ¦˜μ—λŠ” '컴퓨터λ₯Ό 직접 μ œμ–΄ν•˜κΈ° μœ„ν•΄ μ‚¬μš©ν•˜λŠ” μ†Œν”„νŠΈμ›¨μ–΄'λ₯Ό λœ»ν•œλ‹€. ​ μš°λ¦¬κ°€ μ΅μˆ™ν•œ κ·Έλž˜ν”½μœΌλ‘œ 이루어진 GUI보닀 ν…μŠ€νŠΈ 기반의 CLI(λͺ…λ Ήμ–΄λ‘œ 컴퓨터λ₯Ό μ‘°μž‘ν•˜λŠ” 방식)λ₯Ό 톡해 터미널을 μ‚¬μš©ν•˜λŠ” μ΄μœ λŠ” 일뢀 μž‘μ—…μ„ μ™„λ£Œν•˜λŠ” 것이 훨씬 λΉ λ₯΄κ³ , λ”λ§Žμ€ λͺ…λ Ήκ³Ό μŠ€ν¬λ¦½νŠΈμ— μ ‘κ·Όν•  수 있기 λ•Œλ¬Έμ΄λ‹€. μ‚¬μš©μžκ°€ 컴퓨터λ₯Ό μ‘°μž‘ν•˜κΈ° μœ„ν•΄ λͺ…λ Ήμ–΄λ₯Ό 터미널에 μž…λ ₯ν•˜λ©΄, μ‰˜(보톡은 Bash)이 ν•΄λ‹Ή λͺ…λ Ήμ–΄λ₯Ό ν•΄μ„ν•˜κ³  컀널이 이λ₯Ό μ‹€ν–‰ν•˜λŠ” ꡬ쑰. ​ μœ„μ—μ„œ μ–ΈκΈ‰ν•œ κ²ƒμ²˜λŸΌ 터미널은 CLI λ°©μ‹μœΌλ‘œ μ‚¬μš©ν•˜κ³ μž ν•˜λŠ” κΈ°λŠ₯의 λͺ…λ Ήμ–΄λ₯Ό μž…λ ₯ν•΄μ•Ό ν•œλ‹€. κ·ΈλŸ¬λ‚˜ μœˆλ„μš°μ™€ μœ λ‹‰μŠ€μ˜ λͺ…λ Ήμ–΄λŠ” μ„œλ‘œ λ‹€λ₯΄κΈ° λ•Œλ¬Έμ— .. 곡감수 2 λŒ“κΈ€μˆ˜ 0 2021. 10. 22.
  • [λ°±μ—”λ“œ λ‘œλ“œλ§΅] ✈️ ν˜ΈμŠ€νŒ…μ€ λ¬΄μ—‡μΌκΉŒμš”? β€‹ν˜ΈμŠ€νŒ…μ΄λž€ β€‹ν˜ΈμŠ€νŒ…μ΄λž€ μ„œλ²„λ‚˜ μ›Ή μ‚¬μ΄νŠΈλ₯Ό 인터넷 μƒμ—μ„œ μ΄μš©ν•  수 있게 곡간을 μž„λŒ€ ν•΄μ£ΌλŠ” μ„œλΉ„μŠ€μž…λ‹ˆλ‹€. μ›Ή ν˜ΈμŠ€νŒ…μ€ μ›Ήμ‚¬μ΄νŠΈλ₯Ό κ΅¬μ„±ν•˜λŠ” μ—¬λŸ¬ 파일(e.g. μ½”λ“œ, 이미지 λ“±)을 μ˜¨λΌμΈμ—μ„œ λ³Ό 수 있게 ν•΄μ€λ‹ˆλ‹€. μš°λ¦¬κ°€ ν˜ΈμŠ€νŒ…μ„ μœ„ν•΄ μž„λŒ€ν•˜λŠ” μ„œλ²„μ˜ 곡간은 ν˜ΈμŠ€νŒ… μ’…λ₯˜μ— 따라 λ‹€λ¦…λ‹ˆλ‹€. μ›Ή μ‚¬μ΄νŠΈλ‚˜ μ›Ή νŽ˜μ΄μ§€λ₯Ό κ΅¬μ„±ν•˜κΈ° μœ„ν•œ ν˜ΈμŠ€νŒ…κ³Ό, μ„œλ²„λ₯Ό μ—΄κΈ° μœ„ν•œ ν˜ΈμŠ€νŒ…μ€ 관리방법과 μ œκ³΅λ°›λŠ” μ„œλΉ„μŠ€, 좔가적인 μ„œλΉ„μŠ€λ“±μ΄ λ‹€λ¦…λ‹ˆλ‹€. μ—¬κΈ°μ„œ λ§ν•˜λŠ” κ³΅κ°„μ΄λž€, μš°λ¦¬κ°€ μ„œλ²„λ₯Ό μ—΄κΈ°μœ„ν•΄ ν•„μš”ν•œ μžμ›λ“€μ„ λ§ν•©λ‹ˆλ‹€. CPU, RAM, ν•˜λ“œ λ””μŠ€ν¬, IP Adress, μ„œλ²„λ₯Ό μ„€μΉ˜ν•  컴퓨터와 μ»΄ν“¨ν„°μ˜ μ˜¨μŠ΅λ„μ™€ μ „λ ₯ 관리등 λ‹€μ–‘ν•œ μžμ›λ“€μ„ 빌렀 직접 운영 ν•˜κΈ°μ—λŠ” 뢀담이 큰 λ‹€μ–‘ν•œ μžμ›λ“€μ„ 빌렀 ν•„μš”ν•œ 만큼만 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆ.. 곡감수 3 λŒ“κΈ€μˆ˜ 0 2021. 10. 22.
  • [λ°±μ—”λ“œ λ‘œλ“œλ§΅] 🌐 λΈŒλΌμš°μ €μ™€ λ™μž‘ 원리 λΈŒλΌμš°μ € λ™μž‘ 원리 μš°λ¦¬κ°€ ν‰μ†Œμ— μ ‘ν•˜λŠ” 이 화면은 λ„λŒ€μ²΄ μ–΄λ–»κ²Œ λ‚˜νƒ€λ‚˜κ²Œ λ˜λŠ” κ²ƒμΌκΉŒ? ​ μš°λ¦¬λŠ” ν‰μ†Œμ²˜λŸΌ λ‹Ήμ—°ν•˜κ²Œ 인터넷 μ£Όμ†Œμ°½μ— μ£Όμ†Œλ₯Ό μž…λ ₯ν•˜κ³  거기에 ν•΄λ‹Ήλ˜λŠ” ν™ˆνŽ˜μ΄μ§€ 화면을 μ ‘ν•˜λ©° μ‚¬μ΄νŠΈλ₯Ό λŒμ•„λ‹€λ‹ˆκΈ°λ§Œ ν–ˆμ§€, μ΄λ ‡κ²Œ 화면이 λ³΄μ—¬μ§€λŠ” 과정이 μ–΄λ–»κ²Œ λ™μž‘ν•˜λŠ”μ§€λŠ” 생각해보지 λͺ»ν–ˆμ„ κ²ƒμž…λ‹ˆλ‹€. ​ ν”„λ‘ νŠΈμ—”λ“œ 개발자 μ—­μ‹œ, HTMLκ³Ό CSS λ¬Έμ„œλ₯Ό μž‘μ„±ν•˜κ³  Javascript μ½”λ“œλ₯Ό μ§œλ©΄μ„œ κΈ°λŒ€ν•˜λ˜ λ™μž‘μ„ ν™•μΈν•˜λ©° μ›Ή κ°œλ°œμ„ ν–ˆμ„ 것이고, μ‹€μ œλ‘œ 이 HTMLλ¬Έμ„œκ°€ μ–΄λ–»κ²Œ 자리λ₯Ό μž‘μ•„μ„œ μ›Ή νŽ˜μ΄μ§€μ— 각자 μžλ¦¬μ— DOM μš”μ†Œλ“€μ΄ μ„ΈνŒ…μ΄ 되고 CSS μŠ€νƒ€μΌμ΄ μ μš©λΌμ„œ κ·Έλ €μ§€λŠ”μ§€ 생각해볼 κΈ°νšŒκ°€ μ—†μ—ˆμ„ κ²ƒμž…λ‹ˆλ‹€. ​ 이 κΈ°νšŒμ— ν•œλ²ˆ μžμ„Ένžˆ μ•Œμ•„λ³΄μ£ . β€‹λΈŒλΌμš°μ €μ˜ μ£Όμš” κΈ°λŠ₯ λΈŒλΌμš°μ €μ˜ μ£Όμš” κΈ°λŠ₯은, 'μ„ νƒν•œ μžμ›.. 곡감수 16 λŒ“κΈ€μˆ˜ 3 2021. 10. 22.
  • [λ°±μ—”λ“œ λ‘œλ“œλ§΅] 🌐 인터넷은 μ–΄λ–»κ²Œ μž‘λ™λ κΉŒμš”? μΈν„°λ„·μ΄λž€? 정보λ₯Ό λ‹΄κ³  μžˆλŠ” 각 컴퓨터듀을 TCP/IP λΌλŠ” 톡신 ν”„λ‘œν† μ½œμ„ μ΄μš©ν•΄ μ„œλ‘œ 정보λ₯Ό 주고받도둝 ν•œ 컴퓨터 λ„€νŠΈμ›Œν¬λ₯Ό λ§ν•œλ‹€. μΈν„°λ„·μ˜ μ—­μ‚¬λŠ” μžμ„Ένžˆ μ•Œλ €μ§€μ§€ μ•Šμ•˜μ§€λ§Œ 1960λ…„λŒ€ ν•œ 연ꡬ ν”„λ‘œμ νŠΈμ—μ„œ μ‹œμž‘λ˜μ—ˆλ‹€κ³  ν•œλ‹€. 그리고 1980λ…„λŒ€μ— λ“€μ–΄μ„œ λ§Žμ€ 지원이 μΆ”κ°€λ˜λ©° 곡곡 기반의 μ„œλΉ„μŠ€λ‘œ 진화해왔닀. 인터넷은 μ§€κΈˆμ— 이λ₯΄κΈ°κΉŒμ§€ λ§Žμ€ 진화λ₯Ό ν•΄μ™”μ§€λ§Œ μž‘λ™λ°©μ‹ μžμ²΄λŠ” 크게 λ³€ν•˜μ§€ μ•Šμ•˜λ‹€. 인터넷은 λ‹€μˆ˜μ˜ 컴퓨터λ₯Ό μ—°κ²°ν•˜κ³  μ–΄λ–€ 일이 μžˆμ–΄λ„ μ—°κ²° μƒνƒœλ₯Ό μœ μ§€ν•  수 μžˆλŠ” 방법을 μ°ΎλŠ” 방법이닀. 인터넷 λ„€νŠΈμ›Œν¬ μ’…λ₯˜ (λ°œμ „ κ³Όμ •) λ‹¨μˆœν•œ λ„€νŠΈμ›Œν¬ ​A와 BλΌλŠ” pcκ°€ 톡신을 ν•˜κΈ° μœ„ν•΄μ„œλŠ” ν•œκ°œμ˜ 톡신케이블이 ν•„μš”ν•˜λ‹€. ​ λ‹€μˆ˜μ˜ λ„€νŠΈμ›Œν¬ ​그렇닀면 μœ„ μ‚¬μ§„μ²˜λŸΌ λ‹€μˆ˜μ˜ 컴퓨터λ₯Ό μ—°κ²°ν•˜λŠ” κ²½μš°μ—λŠ” μ–΄.. 곡감수 14 λŒ“κΈ€μˆ˜ 0 2021. 10. 21.
  • 🌐 μ›Ήμ˜ 비동기(Async) / 동기(Sync) 톡신 정리 μ›Ήμ—μ„œμ˜ 비동기와 동기 μ›Ή κ°œλ°œμ„ ν•˜λ‹€λ³΄λ©΄ 비동기(Async)와 동기(Sync)λΌλŠ” μš©μ–΄λ₯Ό 자주 μ ‘ν•˜κ²Œ 될 것이닀. 이 두 μš©μ–΄λŠ” μ›Ήμ—μ„œ 데이터λ₯Ό μ£Όκ³ λ°›λŠ” 방식을 μ„€λͺ…ν•˜λŠ”λ° μ‚¬μš©λ˜λŠ”λ°, 동기(Sync)λŠ” μš”μ²­κ³Ό 응닡이 λ™μ‹œμ— μΌμ–΄λ‚œλ‹€λŠ” 뜻이고, 비동기(Async)λŠ” μš”μ²­κ³Ό 응닡이 λ™μ‹œμ— μΌμ–΄λ‚˜μ§€ μ•Šκ³  λ‚˜μ€‘μ— μ‘λ‹΅ν•˜λŠ” 것을 λ§ν•œλ‹€. κ·Έλ ‡λ‹€λ©΄ μ™œ μ›Ήμ—μ„œλŠ” 비동기와 λ™κΈ°λΌλŠ” 방식을 μ‚¬μš©ν•˜λŠ” 걸까? 그리고 이 두 방식은 μ–΄λ–€ μž₯단점이 있고, μ–΄λ–€ μƒν™©μ—μ„œ μ μ ˆν•˜κ²Œ μ‚¬μš©ν•  수 μžˆμ„κΉŒ? ​동기 (Sync) 동기(Sync) 톡신은 μ›ΉνŽ˜μ΄μ§€λ₯Ό μƒˆλ‘œκ³ μΉ¨ν•˜λ©΄μ„œ 데이터λ₯Ό λΆˆλŸ¬μ˜€λŠ” 방식이라고 보면 λœλ‹€. 예λ₯Ό λ“€μ–΄, 넀이버 λ©”μΌμ—μ„œ μ™Όμͺ½ μ‚¬μ΄λ“œλ°”μ— λ³΄λ‚Έλ©”μΌν•¨μ—μ„œ λ°›μ€λ©”μΌν•¨μœΌλ‘œ λ°”κΎΈλ©΄ 메일 리슀트 ν™”λ©΄ 전체가 λ‹€μ‹œ λ‘œλ”©λ˜λŠ” 것.. 곡감수 84 λŒ“κΈ€μˆ˜ 1 2021. 10. 21.
  • [WEB] 🌐 μ›Ή μ†ŒμΌ“ (Socket) 정리 (역사뢀터 μ°¨κ·Όμ°¨κ·Ό) ​웹 κ°œλ°œμ„ 처음 배우기 μ‹œμž‘ν–ˆλ‹€λ©΄ μ„œλ²„μ™€ ν΄λΌμ΄μ–ΈνŠΈμ˜ 톡신은 λͺ¨λ‘ HTTP ν”„λ‘œν† μ½œλ§Œ μ΄μš©ν•΄μ„œ 이루어진닀고 생각할 수 μžˆμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ μ›Ή κ°œλ°œμ„ ν•˜λ©΄μ„œ μ±„νŒ…, κ²Œμž„, 주식 차트 λ“±μ˜ μ‹€μ‹œκ°„ 톡신이 ν•„μš”ν•œ μ„œλΉ„μŠ€λ₯Ό κ΅¬ν˜„ν•˜λ € ν•˜λ©΄ HTTP ν”„λ‘œν† μ½œμ΄ μ•„λ‹Œ μ›Ήμ†ŒμΌ“ ν”„λ‘œν† μ½œμ„ μ‚¬μš©ν•˜λŠ” 것이 μ’‹λ‹€λŠ” 이야기λ₯Ό ν”νžˆ μ°Ύμ•„λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€. HTTP의 ν•œκ³„ [λ°±μ—”λ“œ λ‘œλ“œλ§΅] 🌐 HTTPλŠ” λ¬΄μ—‡μΌκΉŒμš”? HTTP (Hyper Text Transfer Protocol) HTTPλŠ” μ„œλ²„μ™€ ν΄λΌμ΄μ–ΈνŠΈκ°€ μ„œλ‘œ 데이터λ₯Ό μ£Όκ³ λ°›κΈ° μœ„ν•΄ μ‚¬μš©λ˜λŠ” 톡신 κ·œμ•½μ„ λ§ν•©λ‹ˆλ‹€. ​ TCP/IP(Transmission Control Protocol / Internet Protocol)을 μ΄μš©ν•˜λ©°, 사.. inpa.tistory.com HTTP.. 곡감수 128 λŒ“κΈ€μˆ˜ 8 2021. 10. 20.
  • [WEB] 🌐 μ›Ή μ„œλΉ„μŠ€ ꡬ쑰 (Webμ„œλ²„ / μ›Ήμ»¨ν…Œμ΄λ„ˆ / WAS) 정리 Static vs Dynamic νŽ˜μ΄μ§€ Static Pages 정적 νŽ˜μ΄μ§€ λ°μ΄ν„°λ² μ΄μŠ€μ—μ„œ 정보λ₯Ό κ°€μ Έμ˜€κ±°λ‚˜ λ“± λ³„λ„μ˜ μ„œλ²„μ—μ„œμ˜ μ²˜λ¦¬κ°€ 없어도, μ‚¬μš©μžλ“€μ—κ²Œ 보여쀄 수 μžˆλŠ” νŽ˜μ΄μ§€. μ–΄λ– ν•œ μ‚¬μš©μžκ°€ μ˜€λ˜κ°„μ— λ™μΌν•œ νŽ˜μ΄μ§€λ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€. Ex) image, html, css, javascript 파일과 같이 컴퓨터에 μ €μž₯λ˜μ–΄ μžˆλŠ” νŒŒμΌλ“€ ​ Dynamic Pages 동적 νŽ˜μ΄μ§€ μ„œλ²„μ—μ„œ λ°μ΄ν„°λ² μ΄μŠ€μ—μ„œ 정보λ₯Ό κ°€μ Έμ™€μ„œ μ²˜λ¦¬ν•˜λŠ” κ²ƒμ²˜λŸΌ, μ–΄λ– ν•œ μš”μ²­μ— μ˜ν•˜μ—¬ μ„œλ²„κ°€ 일을 μˆ˜ν–‰ν•˜κ³  ν•΄λ‹Ή κ²°κ³Όκ°€ ν¬ν•¨λœ νŒŒμΌμ„ λ³΄μ—¬μ£ΌλŠ” νŽ˜μ΄μ§€. μ‚¬μš©μžλ“€λ§ˆλ‹€ λ‹€λ₯Έ νŽ˜μ΄μ§€κ°€ λ³΄μ—¬μ§ˆ 수 μžˆμŠ΅λ‹ˆλ‹€. Web Server와 WAS의 차이 Web Server - μ›Ή μ„œλ²„λŠ” ν΄λΌμ΄μ–ΈνŠΈκ°€ μš”μ²­ν•œ 정적인 μ½˜ν…μΈ λ₯Ό HTTP ν”„λ‘œν† μ½œμ„ ν†΅ν•˜μ—¬ 제곡.. 곡감수 82 λŒ“κΈ€μˆ˜ 2 2021. 10. 20.
  • 🌐 μ• λ§€ν•œ UI / UX / GUI 차이점 정리 ​UI/UX/GUI λ””μžμΈμ€ ν˜Όλ™ν•˜κΈ° 쉽고 차이점을 μ•ŒκΈ° νž˜λ“  3가지 λ‹¨μ–΄μž…λ‹ˆλ‹€. UI λŠ” User Interface UX λŠ” User Experience GUI λŠ” Graphical User Interface UX 기획자 (User Experience Researcher) UX κΈ°νšμžκ°€ ν•˜λŠ” 말 (좜처: μ΄μ—°μ£Όμ˜ 브런치) UX κΈ°νšμžλŠ” μ‚¬μš©μžλ₯Ό μ‘°μ‚¬ν•©λ‹ˆλ‹€. UI, UX, GUI 쀑 κ°€μž₯ "User"와 κ°€κΉŒμ΄μ— μžˆλŠ” 직ꡰ으둜, μ‚¬μš©μžμ˜ 행동을 λΆ„μ„ν•˜κ³  μ„œλΉ„μŠ€μ—μ„œ κ°œμ„ ν•  뢀뢄을 λ°œκ²¬ν•©λ‹ˆλ‹€. UX κΈ°νšμžμ—κ²Œ μ€‘μš”ν•œ μ—­λŸ‰μ€ 데이터λ₯Ό μΆ”μΆœν•˜λŠ” κ²ƒλ³΄λ‹€λŠ” μ‚¬μš©μžμ˜ 행동을 μ΄ν•΄ν•˜μ—¬ μƒˆλ‘œμš΄ μ„œλΉ„μŠ€λ₯Ό μ œμ•ˆν•˜κ³  μ μ ˆν•œ κ°œμ„  λ°©ν–₯을 μ°ΎλŠ” κ²ƒμž…λ‹ˆλ‹€. UX κΈ°νšμžλŠ” λΆ„μ„ν•œ λ‚΄μš©κ³Ό κ°œμ„  λ°©ν–₯을 λ‹€λ₯Έ λ‹΄λ‹Ήμžλ“€μ΄ 이해할 수 있게 μ „.. 곡감수 21 λŒ“κΈ€μˆ˜ 0 2021. 10. 19.
  • 🌐 URL / URI / URN 차이점 - ν•œλ°© μ΄ν•΄ν•˜κΈ° URL / URI / URN 차이점 μš°λ¦¬κ°€ λΈŒλΌμš°μ €λ₯Ό 톡해 웹을 μ΄μš©ν•˜κ²Œ λœλ‹€λ©΄, URL λ‹¨μ–΄λŠ” μ΅μˆ™ν•  것이닀. ν•˜μ§€λ§Œ 가끔 λ­”κ°€ λΉ„μŠ€λ¬΄λ¦¬ν•˜λ©΄μ„œλ„ λ‹€λ₯Έ URI와 URN μ΄λΌλŠ” 단어λ₯Ό μ‚¬μš©ν•˜κΈ°λ„ ν•˜λŠ”λ° 이번 μ‹œκ°„μ—λŠ” URL / URI / URN 링크 문자의 λͺ…ν™•ν•œ 차이λ₯Ό μ•Œμ•„λ³΄λŠ” μ‹œκ°„μ„ κ°€μ Έλ³΄μž. μ•„λž˜ κ·Έλ¦Όμ—μ„œ 볼수 μžˆλ“―μ΄, URIλŠ” URLκ³Ό URN을 ν¬ν•¨ν•˜κ³  μžˆλ‹€. μ΄λ“€μ˜ 각 λœ»μ€ λ‹€μŒκ³Ό 같이 μ •μ˜ν•  수 μžˆλ‹€. URI - μžμ›μ˜ μ‹λ³„μž URL - μœ„μΉ˜(Location) URN - 이름(Name) URI / URL / URN μ •μ˜ URI (Uniform Resource Identifier) 톡합 μžμ› μ‹λ³„μž(Uniform Resource Identifier)λŠ” 인터넷에 μžˆλŠ” μžμ›μ„ 어디에 μžˆλŠ”μ§€ μžμ› 자체.. 곡감수 88 λŒ“κΈ€μˆ˜ 6 2021. 9. 29.
  • [WEB] 🌐 REST API ꡬ성/νŠΉμ§• 총 정리 REST API의 탄생 RESTλŠ” Representational State TransferλΌλŠ” μš©μ–΄μ˜ μ•½μžλ‘œμ„œ 2000년도에 둜이 ν•„λ”© (Roy Fielding)의 λ°•μ‚¬ν•™μœ„ λ…Όλ¬Έμ—μ„œ 졜초둜 μ†Œκ°œλ˜μ—ˆμŠ΅λ‹ˆλ‹€. 둜이 필딩은 HTTP의 μ£Όμš” μ €μž 쀑 ν•œ μ‚¬λžŒμœΌλ‘œ κ·Έ λ‹Ήμ‹œ μ›Ή(HTTP) μ„€κ³„μ˜ μš°μˆ˜μ„±μ— λΉ„ν•΄ μ œλŒ€λ‘œ μ‚¬μš©λ˜μ–΄μ§€μ§€ λͺ»ν•˜λŠ” λͺ¨μŠ΅μ— μ•ˆνƒ€κΉŒμ›Œν•˜λ©° μ›Ήμ˜ μž₯점을 μ΅œλŒ€ν•œ ν™œμš©ν•  수 μžˆλŠ” μ•„ν‚€ν…μ²˜λ‘œμ¨ RESTλ₯Ό λ°œν‘œν–ˆλ‹€κ³  ν•©λ‹ˆλ‹€. REST ꡬ성 μ‰½κ²Œ 말해 REST APIλŠ” λ‹€μŒμ˜ κ΅¬μ„±μœΌλ‘œ μ΄λ£¨μ–΄μ ΈμžˆμŠ΅λ‹ˆλ‹€. μžμ›(RESOURCE) - URI ν–‰μœ„(Verb) - HTTP METHOD ν‘œν˜„(Representations) REST 의 νŠΉμ§• ​ 1) Uniform (μœ λ‹ˆνΌ μΈν„°νŽ˜μ΄μŠ€) Uniform InterfaceλŠ” U.. 곡감수 33 λŒ“κΈ€μˆ˜ 0 2021. 9. 22.
  • 🌐 인터넷 λ„€νŠΈμ›Œν¬ 톡신 기초 (IP / TCP / UDP / PORT / DNS) 인터넷 톡신은 μ–΄λ–»κ²Œ μ΄λ£¨μ–΄μ§€λŠ”κ°€ ν΄λΌμ΄μ–ΈνŠΈμ—μ„œ λ‹€λ₯Έ ν΄λΌμ΄μ–ΈνŠΈ(컴퓨터)둜 데이터λ₯Ό λ³΄λ‚Όκ²½μš° μœ„μΉ˜μ— 따라 μœ„μ„±, 해저광케이블, 기타 ν†΅μ‹ μ„œλ²„μ™€ 같은 인터넷망을 κ±°μ³μ„œ μƒλŒ€ 컴퓨터에 λ„λ‹¬ν•˜κ²Œ λœλ‹€. 그런데 인터넷 망은 λ‹¨μˆœν•˜μ§€ μ•Šμ•„, μ•„λž˜ κ·Έλ¦Όκ³Ό 같이 수 λ§Žμ€ 쀑간 λ…Έλ“œλ₯Ό κ±°μ³μ„œ μ„œλ²„ μ»΄ν“¨ν„°μ—κ²Œ λ„μ°©ν•œλ‹€. μ΄λ ‡κ²Œ μ›Ή 톡신 과정이 μ–΄λ–€ κ·œμΉ™μœΌλ‘œ λͺ©μ μ§€κΉŒμ§€ μ•ˆμ „ν•˜κ²Œ λ„μ°©ν•˜λŠ”μ§€μ˜ 이해λ₯Ό ν•˜κΈ° μœ„ν•΄ μ΄μ œλΆ€ν„° 배울 IP, UCP, DNS ν”„λ‘œν† μ½œ 지식듀을 μ•Œμ•„μ•Ό ν•œλ‹€. [ λ…Έλ“œ ] λ„€νŠΈμ›Œν¬λ₯Ό μ€‘κ°„μ—μ„œ μ—°κ²°ν•΄μ£ΌλŠ” μ„œλ²„λΌκ³  보면 λœλ‹€. λ„€νŠΈμ›Œν¬μ˜ κΈ°λ³Έμš”μ†ŒμΈ 지역 λ„€νŠΈμ›Œν¬μ— μ—°κ²°λœ 컴퓨터와 κ·Έ μ•ˆμ— μ†ν•œ μž₯비듀을 톡틀어 ν•˜λ‚˜μ˜ λ…Έλ“œλΌκ³  λΆ€λ₯΄λ©°, μž¬λΆ„λ°° 지점 λ˜λŠ” 톡신 쒅단점이닀. IP (인터넷 ν”„λ‘œν† μ½œ) [WEB] 🌐 .. 곡감수 86 λŒ“κΈ€μˆ˜ 5 2021. 9. 6.
    λ¬Έμ˜μ•ˆλ‚΄
    • ν‹°μŠ€ν† λ¦¬
    • 둜그인
    • 고객센터

    ν‹°μŠ€ν† λ¦¬λŠ” μΉ΄μΉ΄μ˜€μ—μ„œ μ‚¬λž‘μ„ λ‹΄μ•„ λ§Œλ“­λ‹ˆλ‹€.

    Β© Kakao Corp.