์น ๋ธ๋ผ์ฐ์ ๋ ์น ํ์ด์ง๋ฅผ ์ฌ์ฉ์์๊ฒ ํ์ํ๊ธฐ ์ํด HTML, CSS, JavaScript ํ์ผ์ ์ฒ๋ฆฌํ๊ณ ๋ ๋๋งํ๋ค.์ด๋ฒ ๊ธ์์ ๋ ๋๋ง ์ ์ฐจ์ ๊ด๋ จ๋ ์ฃผ์ ๊ฐ๋
์ ํฌ์คํ
ํด ๋ณผ ์์ ์ด๋ค.. ๐ฅน 1. ์น ํ์ด์ง ๊ตฌ์ฑ ์์ ์น ํ์ด์ง๋ ๊ธฐ๋ณธ์ ์ผ๋ก HTML, CSS, Javascript ์ธ ๊ฐ์ง ์์๋ก ๊ตฌ์ฑ๋์ด์๋ค. ์น๋ธ๋ผ์ฐ์ ๋ ์ด ์์๋ค์ ๋ก๋ํ๊ณ ์คํํ์ฌ ์ต์ข
์ ์ผ๋ก ์ฌ์ฉ์์๊ฒ ์์ฑ๋ ์น ํ์ด์ง๋ฅผ ๋ณด์ฌ์ค๋ค.HTML: ํ์ด์ง ๊ตฌ์กฐ๋ฅผ ์ ์ํ๋ ๋งํฌ์
์ธ์ดCSS: ํ์ด์ง์ ์คํ์ผ๊ณผ ๋ ์ด์์์ ์ ์ํ๋ ์คํ์ผ์ํธ ์ธ์ดJavascript: ํ์ด์ง์ ๋์ ์ธ ๊ธฐ๋ฅ๊ณผ ์ธํฐ๋์
์ ์ถ๊ฐํ๋ ์คํฌ๋ฆฝํธ ์ธ์ด2. ์บ์์ ์ฑ๋ฅ ์ต์ ํ์น ๋ธ๋ผ์ฐ์ ๋ ์ฑ๋ฅ์ ์ต์ ํ๊ธฐ ์ํด ๋คํธ์ํฌ ์ฌ์ฉ์ ์ต์ํํ๋ ๋ค์ํ ๋ฐฉ๋ฒ์ ์ฌ์ฉํ๋ค. ๊ทธ ์ค ํ..
๐ปDEV-STUDY/HTTP
REST APIREST API๋ ์น์์ ๊ฐ์ฅ ๋ณดํธ์ ์ธ ์์ฒญ-๋ฐํ ๋ฐฉ์์ด๋ค. HTTP๋ฉ์๋์ URI(URL)๋ฅผ ํตํด ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ๋๋ค. 1. Method= ๋์ฌ(HTTP ๋ฉ์๋): ์ด๋ค ํ์(Method)๋ฅผ ํ ๊ฒ์ธ์ง.REST API์ HTTP ๋ฉ์๋๋ ์์์ ๋ํด ์ด๋ค ์์
์ ์ํํ ์ง ๋ํ๋ด๋ฉฐ CRUD ์ฐ์ฐ๊ณผ ์ง์ ์ ์ผ๋ก ์ฐ๊ฒฐ๋์ด์๋ค. CRUD๋?Create: ๋ฐ์ดํฐ๋ฅผ ์์ฑํ ๋ ์ฌ์ฉHTTP ๋ฉ์๋: POST์์: POST /users (์๋ก์ด ์ฌ์ฉ์ ์ ๋ณด ์์ฑ)Read: ๋ฐ์ดํฐ๋ฅผ ์ฝ์ด์ฌ ๋ ์ฌ์ฉHTTP ๋ฉ์๋: GET์์: GET /users (๋ชจ๋ ์ฌ์ฉ์ ์ ๋ณด๋ฅผ ์กฐํ), GET /users/{id} (ํน์ ์ฌ์ฉ์ ์ ๋ณด๋ฅผ ์กฐํ)Update: ๋ฐ์ดํฐ๋ฅผ ์์ ํ ๋ ์ฌ์ฉHTTP ๋ฉ์๋: PUT ๋๋ PATC..
์น์ด ๋์ํ๋ ๋ณธ์ง์ ์ธ ๋ฐฉ์์ ํด๋ผ์ด์ธํธ(Client)๊ฐ ์์ฒญ(Request)์ ๋ณด๋ด๊ณ , ์๋ฒ(Server)๊ฐ ๊ทธ์ ๋ํ ์๋ต(Response)์ ๋ฐํํ๋ Request-Response ์ฌ์ดํด์ด๋ค.์ด ๊ธ์์๋ ์น์ ๊ธฐ๋ณธ์ ์ธ ๋์ ์๋ฆฌ๋ถํฐ ์์ํด ๋ค์ํ ์ํคํ
์ฒ์ ์ฅ๋จ์ , ๊ทธ๋ฆฌ๊ณ ๋ง์ดํฌ๋ก์๋น์ค(Microservice) ํ๊ฒฝ์์ API ๊ฒ์ดํธ์จ์ด(API Gateway)์ ๋ํด ์๊ธฐํด๋ณด๊ณ ์ ํ๋ค. 1. ํด๋ผ์ด์ธํธ์ ์๋ฒ ๊ฐ Request-Response ์น ๋ธ๋ผ์ฐ์ ↔ ์น์๋ฒ: ์ฌ์ฉ์๊ฐ ์น ๋ธ๋ผ์ฐ์ ๋ฅผ ํตํด ์น ํ์ด์ง๋ฅผ ์์ฒญํ๋ฉด, ์น์๋ฒ๊ฐ ๊ทธ ์์ฒญ์ ์ฒ๋ฆฌํ๊ณ ๊ฒฐ๊ณผ๋ฅผ ๋ฐํ.์น์๋ฒ ↔ ์น์๋ฒ: ๋ง์ดํฌ๋ก์๋น์ค๋ OpenAPI๋ฅผ ํธ์ถํ๋ ๊ฒฝ์ฐ, ์๋ก ๋ค๋ฅธ ์๋ฒ ๊ฐ์ ํต์ ์ด ์ด๋ฃจ์ด์ง. ์ด๋ ์๋ฒ ๊ฐ์๋ ๋์ผํ Req..