λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

http

 (5)
[JavaScript] Axios μ‚¬μš©ν•˜μ—¬ μ›Ήμ„œλ²„μ™€ ν†΅μ‹ ν•˜κΈ° πŸ”½ AJAX, HTTP에 λŒ€ν•΄μ„œλŠ” μ•„λž˜ 포슀트λ₯Ό μ°Έκ³ ν•΄μ£Όμ„Έμš” πŸ”½ [JavaScript / 비동기 처리] AJAX / Callback, Promise, async, await πŸ“Œ 동기(Synchronous) ν”„λ‘œκ·Έλž˜λ° vs 비동기(Asynchronous) ν”„λ‘œκ·Έλž˜λ° 동기 ν”„λ‘œκ·Έλž˜λ°μ€ μ½”λ“œκ°€ λ°˜λ“œμ‹œ μž‘μ„±λœ μˆœμ„œλŒ€λ‘œ μ‹€ν–‰λ˜λŠ” 방식이닀. 비동기 ν”„λ‘œκ·Έλž˜λ°μ€ μ½”λ“œμ˜ μ²˜λ¦¬κ°€ μ™„λ£Œλ  λ•ŒκΉŒ devjindev.tistory.com [HTTP] APIλž€? REST(RESTful) APIλž€? πŸ”— API(Application Programing Interface)λž€? μ‘μš© ν”„λ‘œκ·Έλž¨μ—μ„œ μ‚¬μš©ν•  수 μžˆλ„λ‘, 운영 μ²΄μ œλ‚˜ ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄κ°€ μ œκ³΅ν•˜λŠ” κΈ°λŠ₯을 μ œμ–΄ν•  수 있게 λ§Œλ“  μΈν„°νŽ˜μ΄μŠ€λ₯Ό μ˜λ―Έν•œλ‹€. πŸ”— REST(RESTful) A..
[HTTP] HTTP ν”„λ‘œν† μ½œμ΄λž€? πŸ”— μ›Ή ν”„λ‘œν† μ½œμ΄λž€? μ›Ήμ—μ„œ μ“°μ΄λŠ” ν†΅μ‹ κ·œμ•½μœΌλ‘œ, 톡신을 ν•  λ•Œ 메세지λ₯Ό μ£Όκ³  λ°›λŠ” 양식과 κ·œμΉ™ 체계λ₯Ό μ˜λ―Έν•œλ‹€. πŸ”— Http ν”„λ‘œν† μ½œμ΄λž€? μ›Ή μƒμ—μ„œ 메세지λ₯Ό μ£Όκ³  λ°›κΈ° μœ„ν•΄ μ„œλ²„-ν΄λΌμ΄μ–ΈνŠΈ λͺ¨λΈμ„ λ”°λ₯΄λŠ” ν”„λ‘œν† μ½œμ΄λ‹€. ν΄λΌμ΄μ–ΈνŠΈμ—μ„œ μš”μ²­μ„ 보내면 μ„œλ²„λŠ” μš”μ²­μ„ μ²˜λ¦¬ν•΄μ„œ μ‘λ‹΅ν•œλ‹€. πŸ“Œ Http 1.1 vs 2.0 μ†λ„μ˜ 차이이닀. Http 2.0은 헀더λ₯Ό μ••μΆ•ν•΄ 보내기도 ν•˜κ³ , ν•œ 번의 μ—°κ²°λ‘œ λ™μ‹œμ— μ—¬λŸ¬κ°œμ˜ 메세지λ₯Ό μ£Όκ³  받을 수 μžˆμ–΄ λΉ λ₯΄λ‹€. πŸ“Œ Http 톡신 vs Https 톡신 λ³΄μ•ˆμ˜ 차이이닀. Http 톡신 방식은 λ„€νŠΈμ›Œν¬ μƒμ—μ„œ λˆ„κ΅°κ°€κ°€ λ§ˆμŒλŒ€λ‘œ μ—΄λžŒ, μˆ˜μ •μ΄ κ°€λŠ₯ν•˜λ‹€. Https 톡신 방식은 ν΄λΌμ΄μ–ΈνŠΈμ™€ μ„œλ²„ 사이에 λͺ¨λ“  톡신 λ‚΄μš©μ„ μ•”ν˜Έν™”ν•˜μ—¬ λˆ„κ΅°κ°€κ°€ λ³Ό 수 없도둝 λ§‰λŠ”λ‹€. πŸ”— HTTP ..
[HTTP] μΏ ν‚€, μ„Έμ…˜, μΊμ‹œλž€? / 차이점 πŸ”— μΏ ν‚€(Cookie)λž€? μΏ ν‚€λž€ μ‚¬μš©μžκ°€ μ–΄λ– ν•œ μ›Ή μ‚¬μ΄νŠΈλ₯Ό λ°©λ¬Έν•  경우, μ‚¬μš©μžμ˜ 컴퓨터에 μ €μž₯λ˜λŠ” 기둝 정보 νŒŒμΌμ„ μ˜λ―Έν•œλ‹€. λ‚΄κ°€ μž„μ˜λ‘œ κ³ μΉ˜κ±°λ‚˜ μ§€μšΈ 수 있고, 남이 ν›”μ³λ³΄κ±°λ‚˜ λ„λ‘‘μ§ˆ ν•˜κΈ° μ‰¬μ›Œ λ³΄μ•ˆμ˜ λ¬Έμ œκ°€ μžˆμ„ 수 μžˆλ‹€. πŸ”— μ„Έμ…˜(Session)μ΄λž€? μ„Έμ…˜μ΄λž€ μ‚¬μš©μžκ°€ μ–΄λ– ν•œ μ›Ή μ‚¬μ΄νŠΈλ₯Ό λ°©λ¬Έν•  경우, μ›Ή μ‚¬μ΄νŠΈκ°€ μ‚¬μš©ν•˜κ³  μžˆλŠ” μ›Ή μ„œλ²„μ— μ €μž₯λ˜λŠ” 기둝 정보 νŒŒμΌμ„ μ˜λ―Έν•œλ‹€. μ„Έμ…˜μ„ μ‚¬μš©ν•˜κ³  μžˆλŠ” μ›Ή μ‚¬μ΄νŠΈλ₯Ό λ°©λ¬Έν•˜λ©΄ μ„œλ²„μ—μ„œλŠ” μ‚¬μš©μžλ₯Ό κ΅¬λΆ„ν•˜κΈ° μœ„ν•œ κΈ°ν•œμ΄ 짧은 μž„μ‹œ ν‚€ ν•˜λ‚˜λ₯Ό λΈŒλΌμš°μ €μ— λ³΄λ‚΄μ„œ 쿠킀에 μ €μž₯ν•œλ‹€. μ‚¬μš©μžμ˜ 정보가 μ›Ή μ„œλ²„μ— μ €μž₯되기 λ•Œλ¬Έμ— λ³΄μ•ˆμ— κ°•ν•˜λ‹€. πŸ”— μΊμ‹œ(Cache)λž€? κ°€μ Έμ˜€λŠ”λ° λΉ„μš©μ΄ λ“œλŠ”(데이터 μ‚¬μš©λŸ‰, μ‹œκ°„ λ“±) ν•œ 번 λ°›μ•„μ˜¨ 데이터λ₯Ό μ €μž₯ν•˜λŠ” κΈ°μ–΅ μž₯치 πŸ“Œ..
[HTTP] APIλž€? REST(RESTful) APIλž€? πŸ”— API(Application Programing Interface)λž€? μš΄μ˜μ²΄μ œλ‚˜ ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄κ°€ μ œκ³΅ν•˜λŠ” κΈ°λŠ₯을 μ‘μš© ν”„λ‘œκ·Έλž¨μ— μ‚¬μš©ν•  수 μžˆλ„λ‘ ν•΄μ£ΌλŠ” μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜ ν”„λ‘œκ·Έλž˜λ° μΈν„°νŽ˜μ΄μŠ€μ΄λ‹€. πŸ”— REST(RESTful) APIλž€? 'REST'λž€ μžμ›μ˜ μ΄λ¦„μœΌλ‘œ κ΅¬λΆ„ν•˜μ—¬ μžμ›μ˜ μƒνƒœλ₯Ό μ£Όκ³  λ°›λŠ” λͺ¨λ“  것을 μ˜λ―Έν•œλ‹€. RESTλ₯Ό μΆ©μ‘±ν•˜λŠ” APIλ₯Ό REST API라고 ν•œλ‹€. HTTP URIλ₯Ό 톡해 μžμ›μ„ λͺ…μ‹œν•˜κ³ , HTTP CRUD λ©”μ†Œλ“œλ₯Ό 톡해 ν•΄λ‹Ή μžμ›μ— λŒ€ν•œ CRUDλ₯Ό μ μš©ν•œλ‹€. πŸ”— HTTP CRUD λ©”μ†Œλ“œ β‘  GET : μ„œλ²„ μžμ›μ„ κ°€μ Έμ˜¨λ‹€. β‘‘ POST : μ„œλ²„μ— μžμ›μ„ μƒˆλ‘œ λ“±λ‘ν•œλ‹€. β‘’ PUT : μ„œλ²„ μžμ›μ„ μš”μ²­μ— λ“€μ–΄ μžˆλŠ” μžμ›μœΌλ‘œ λ°”κΎΌλ‹€. β‘£ PATCH : μ„œλ²„ μžμ›μ„ 일뢀 μˆ˜μ •ν•œλ‹€..
[HTTP] λΈŒλΌμš°μ € λ Œλ”λ§ κ³Όμ • πŸ”— Browser Rendering(λΈŒλΌμš°μ € λ Œλ”λ§)μ΄λž€? μ‚¬μš©μžμ˜ μš”μ²­μ„ μ„œλ²„μ— μ „λ‹¬ν•˜κ³  κ·Έ κ²°κ³Όλ₯Ό 화면에 λ‚˜νƒ€λ‚΄λŠ” 과정을 μ˜λ―Έν•œλ‹€. πŸ”— Parsing(νŒŒμ‹±)μ΄λž€? λΈŒλΌμš°μ €κ°€ μ½”λ“œλ₯Ό μ΄ν•΄ν•˜κ³  μ‚¬μš©ν•  수 μžˆλŠ” ꡬ쑰둜 λ³€ν™”ν•˜λŠ” 것을 μ˜λ―Έν•œλ‹€. πŸ”— DOM(돔)μ΄λž€? DOM(돔)μ΄λž€? Virtual DOM(가상 돔)μ΄λž€? πŸ”— DOM(돔)μ΄λž€? 'Document Object Model'. HTML, XML λ¬Έμ„œμ˜ ν”„λ‘œκ·Έλž˜λ° μΈν„°νŽ˜μ΄μŠ€μ΄λ‹€. λ¬Έμ„œμ˜ κ΅¬μ‘°ν™”λœ ν‘œν˜„μ„ μ œκ³΅ν•˜λ©° ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄κ°€ DOM ꡬ쑰에 μ ‘κ·Όν•  수 μžˆλŠ” 방법(API)을 μ œκ³΅ν•˜μ—¬ λ¬Έμ„œ ꡬ쑰, devjindev.tistory.com πŸ”— λΈŒλΌμš°μ € λ Œλ”λ§ κ³Όμ • β‘  HTML νŒŒμ„œμ— HTML μ½”λ“œκ°€ λ“€μ–΄μ˜€λ©΄, 이것을 νŒŒμ‹±ν•˜μ—¬ DOM 트리λ₯Ό μƒμ„±ν•œλ‹€. β‘‘ C..

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”