์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- db
- Import
- sql
- async
- ajax
- Porject
- JS #ํ๋ก์ ํธ
- https://m.blog.naver.com/tt2t2am1118/221010125300
- mysql
- json
- js
- ํผํ
- webpack
- prj
- slow and steady
- ์ฐธ๊ณ ๋ธ๋ก๊ทธ
- callback
- https://youtube.com/playlist?list=PLuHgQVnccGMA5836CvWfieEQy0T0ov6Jh&si=FTaYv8m21EhO-A2K
- setTimeout()
- Project
- promise
- ๋๊ธฐ
- eport
- database
- execCommand
- addEventListener
- ๊ฒ์
- object
- ๋น๋๊ธฐ
- await
- Today
- Total
C-log
OT_1week ๋ณธ๋ฌธ
ํฐ์บฃ์ด๋ ๋ฌด์์ธ๊ฐ
ํฐ์บฃ์ ์ํํธ์จ์ด์ด๋ฉฐ ํด๋ผ์ด์ธํธ๋ก๋ถํฐ ์จ HTTP ์์ฒญ์ ๋ฐ์๋ค์ด๊ณ , ํด๋น ์์ฒญ์ ์ฒ๋ฆฌํ์ฌ ์ ์ ์ธ HTML ํ์ผ์ด๋ ๋์ ์ธ ์๋ธ๋ฆฟ์ด๋ JSP ํ์ด์ง์ ๊ฐ์ ์ฝํ
์ธ ๋ฅผ ๋ฐํํ๋ค. ์ด๋ ๋ง์น ์น ์๋ฒ๋ก๋ถํฐ ์์ฒญ์ ๋ฐ์๋ค์ด๊ณ ๊ทธ์ ๋ฐ๋ฅธ ์๋ต์ ์ ๊ณตํ๋ ๊ธฐ๋ฅ์ ์ํํ๋ ๊ฒ๊ณผ ์ ์ฌํ๋ค.
๋ํ, ํฐ์บฃ์ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ๋ฐฐํฌ์ ๊ด๋ฆฌ๋ฅผ ๋ด๋นํ๋ค. ์ด๋ WAR ํ์ผ ํ์์ผ๋ก ํจํค์ง๋ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ํฐ์บฃ ์๋ฒ์ ๋ฐฐํฌํ๊ณ , ํด๋น ์ ํ๋ฆฌ์ผ์ด์
์ ์๋ช
์ฃผ๊ธฐ๋ฅผ ๊ด๋ฆฌํ๋ ์ญํ ์ ์ํํฉ๋๋ค. ์ด๋ WAS(Web Application Server)์ ์ฃผ์ ๊ธฐ๋ฅ ์ค ํ๋์ด๋ฉฐ, ํฐ์บฃ์ WAS์ ๋ํ์ ์ธ ์์์ด๋ค. ํฐ์บฃ์ Java Servlet๊ณผ JSP์ ๊ฐ์ Java ๊ธฐ๋ฐ์ ์๋ฒ ์ฌ์ด๋ ๊ธฐ์ ์ ์คํํ๋ ํ๊ฒฝ์ ์ ๊ณตํ๋ค. ์ด๋ฅผ ํตํด ๋์ ์ธ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ๊ฐ๋ฐํ๊ณ ์คํํ ์ ์๋ค. ์ด๋ฌํ ๊ธฐ๋ฅ์ WAS์ ํต์ฌ ์ญํ ์ค ํ๋๋ก, ํด๋ผ์ด์ธํธ ์์ฒญ์ ๋ํ ๋์ ์ธ ์ฒ๋ฆฌ๋ฅผ ๊ฐ๋ฅ์ผ ํ๋ค.
#WAS/WS
WAS/WS์ ๊ฐ๋
์๋ชป๋ ๊ฐ๋ ๋ค๋ก ์ ๋ฆฌ๋ฅผ ํด์ ๋ค์ ์ ๋ฆฌํ ์์ ์ด๋ค.
#WAS
WAS๋ Web Application Server์ ์ฝ์์ด๋ฉ WAS์ ๋ํ์ ์ธ ์์๋ก๋ ํฐ์บฃ์ด๋ผ ์์ ์ ๋งํ์๋ค. WAS๋ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ์คํํ๊ธฐ ์ํ ํ๊ฒฝ์ ์ ๊ณตํ๋ ์ํํธ์จ์ด์ด๋ค. WAS๋ ํด๋ผ์ด์ธํธ์ ์์ฒญ์ ๋ฐ์๋ค์ด๊ณ , ํด๋น ์์ฒญ์ ๋ฐ๋ผ ๋์ ์ผ๋ก ์์ฑ๋ ์ฝํ
์ธ ๋ฅผ ์ ๊ณตํ๋ ์ญํ ์ ์ํํ๋ค. WAS๋ ์น ์๋ฒ(WS)์๋ ๋ฌ๋ฆฌ ์๋ฒ ์ธก์์ ๋์ ์ธ ์ฒ๋ฆฌ๋ฅผ ๋ด๋นํ๋๋ฐ, Java Servlet, JSP, ASP.NET, PHP ๋ฑ์ ์๋ฒ ์ฌ์ด๋ ๊ธฐ์ ์ ์คํํ์ฌ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ์คํํฉ๋๋ค.
WAS๋ ์น ์๋ฒ(WS)์๋ ๋ฌ๋ฆฌ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ๊ฐ๋ฐ, ๋ฐฐํฌ, ์คํ, ๊ด๋ฆฌ ๋ฑ์ ๋ชจ๋ ๊ณผ์ ์ ์ฒ๋ฆฌํฉ๋๋ค. ์ด๋ ๊ฐ๋ฐํ ์ ํ๋ฆฌ์ผ์ด์
์ ์๋ฒ์ ๋ฐฐํฌํ๊ณ ์คํํ๋ ๋ฐ ํ์ํ ๋ชจ๋ ๊ธฐ๋ฅ์ ํฌํจํ๋ฉฐ, ์ฌ๋ฌ ์ฌ์ฉ์์ ์์ฒญ์ ๋์์ ์ฒ๋ฆฌํ๊ณ ์ ์ ํ ์๋ต์ ๋ฐํํ๋ ์ญํ ์ ์ํํฉ๋๋ค.
๊ฒฐ๋ก ์ ์ผ๋ก WAS๋ ํด๋ผ์ด์ธํธ์ ์์ฒญ์ ๋ฐ๋ผ ๋์ ์ธ ์ฒ๋ฆฌ๋ฅผ ์ํํ๊ณ , ํ์ํ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ ๋ค๋ฅธ ์์คํ
๊ณผ์ ์ํธ์์ฉ์ ํตํด ์๋ต์ ์์ฑํ์ฌ ํด๋ผ์ด์ธํธ์๊ฒ ์ ๋ฌํฉ๋๋ค. ๋ฐ๋ผ์ ํด๋ผ์ด์ธํธ ์ธก์์ ์คํ๋๋ HTML์ด๋ JavaScript ์ฝ๋๋ WAS๊ฐ ์๋๋ผ ์น ๋ธ๋ผ์ฐ์ ์์ ์คํ๋๋ฉฐ, ์๋ฒ ์ธก์ ์ฝ๋๋ WAS์์ ์คํ๋ฉ๋๋ค.
#WS
WS๋ ํด๋ผ์ด์ธํธ๋ก๋ถํฐ HTTP ์์ฒญ์ ๋ฐ์ ์ ์ ์ธ ์น ํ์ด์ง๋ฅผ ์ ๊ณตํ๋ ์๋ฒ ์ํํธ์จ์ด์ด๋ค. ์น ์๋ฒ(WS)๋ ์ฃผ๋ก ์น ์ฌ์ดํธ์ ์ ์ ์ธ ์ฝํ ์ธ (HTML ํ์ผ, ์ด๋ฏธ์ง, CSS ํ์ผ ๋ฑ)๋ฅผ ์ ๊ณตํ๋ ์ญํ ์ ํ๋ค. ๋ํ์ ์ธ ์น ์๋ฒ๋ก๋ Apache, Nginx ๋ฑ์ด ์๋ค.
## ๋ธ๋ผ์ฐ์ ์ WAS/WS๊ฐ ์๋ ๊ฒ์ธ๊ฐ?
## ๋ธ๋ผ์ฐ์ ์ WAS/WS๊ฐ ์๋ ๊ฒ์ธ๊ฐ?
* ์น ๋ธ๋ผ์ฐ์ ์๋ WAS(Web Application Server)์ WS(Web Server)๊ฐ ์ง์ ์ ์ผ๋ก ๋ด์ฅ๋์ด ์์ง ์๋ค. ๋์ , ์น ๋ธ๋ผ์ฐ์ ๋ ์น ์๋ฒ๋ก๋ถํฐ HTML, CSS, JavaScript ๋ฑ์ ์ ์ ์ฝํ
์ธ ๋ฅผ ์์ฒญํ๊ณ ๋ฐ์์์ ํด์ํ๊ณ ๋ ๋๋งํ์ฌ ์ฌ์ฉ์์๊ฒ ๋ณด์ฌ์ค๋ค.
* ์น ๋ธ๋ผ์ฐ์ ๋ WAS๊ฐ ์์ฑํ ๋์ ์ธ ์ฝํ
์ธ ๋ฅผ ๋ฐ์์ฌ ์๋ ์๋ค.(์๋ก๋ ๋ก๊ทธ์ธ์ด ์๋ค.) ์ด๋ฅผ ์ํด WAS๋ HTTP ํ๋กํ ์ฝ์ ์ฌ์ฉํ์ฌ ์น ๋ธ๋ผ์ฐ์ ์ ์๋ต์ ์ ์กํ๋ค. ๋ฐ๋ผ์ ์น ๋ธ๋ผ์ฐ์ ์ WAS๋ ๋คํธ์ํฌ๋ฅผ ํตํด ์ํธ์์ฉํ๋ฉฐ ๋์ํ๋ค.
* ์น ์์ผ(WebSocket)์ ์น ๋ธ๋ผ์ฐ์ ์ ์น ์๋ฒ ๊ฐ์ ์๋ฐฉํฅ ํต์ ์ ์ํ ํ์ค ํ๋กํ ์ฝ์ด๋ค. ๋ฐ๋ผ์ ์น ์์ผ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ์๋ ์น ์๋ฒ์ WebSocket ์๋ฒ๊ฐ ํจ๊ป ๋์ํ๊ฒ ๋๋ค.
## ๋์ ์ธ ์ปจํ ์ธ ๋?
## ๋์ ์ธ ์ฝํ ์ธ ๋?
์น ์ ํ๋ฆฌ์ผ์ด์
์์ ์ฌ์ฉ์๊ฐ ๋ก๊ทธ์ธํ๋ฉด, ์๋ฒ๋ ์ฌ์ฉ์์ ์ธ์ฆ ์ ๋ณด๋ฅผ ๊ฒ์ฌํ๊ณ , ํด๋น ์ฌ์ฉ์์๊ฒ ๋ง๋ ๋์ ์ธ ์ฝํ
์ธ ๋ฅผ ์์ฑํ์ฌ ์๋ตํ๋ค. ์ด๋ฌํ ๋์ ์ธ ์ฝํ
์ธ ๋ ์น ๋ธ๋ผ์ฐ์ ์ ์ํด ๋ฐ์์์ง๊ณ , ํ๋ฉด์ ํ์๋๋ค. ์ด๋ฌํ ๋์ ์ธ ์ฝํ
์ธ ์์ฑ์ ๋ด๋นํ๋ ๊ฒ์ด WAS์ ์ญํ ์ค ํ๋์ด๋ค.
## ์ ์ ์ธ ์ปจํ ์ธ ๋?
์น ์ฌ์ดํธ์ ๋ก๊ณ ์ด๋ฏธ์ง๋ ์ ์ ์ธ ํ์ด์ง ๋ด์ฉ(์: ํ์ฌ ์๊ฐ ํ์ด์ง)๋ ์ ์ ์ธ ์ปจํ ์ธ ์ ํด๋นํ๋ค. ์ด๋ฌํ ์ปจํ ์ธ ๋ ์์ฒญ์ด ๋ค์ด์ฌ ๋๋ง๋ค ๋ณ๊ฒฝ๋์ง ์๊ณ ํญ์ ๋์ผํ ๋ด์ฉ์ ์ ๊ณตํ๋ค. ๋์ ์ธ ์ปจํ ์ธ ์๋ ๋ฌ๋ฆฌ ์ ์ ์ธ ์ปจํ ์ธ ๋ ์์ฒญ์ด ๋ฐ์ํ์ง ์์๋ ํญ์ ๋์ผํ ํํ๋ก ์ ๊ณต๋๋ค.
## http ํ๋กํ ์ปฌ์ ์ ์ ,๋์ ์ปจํ ์ธ ์ ๊ณต ํ์ง๋ง WAS.
HTTP๋ฅผ ํตํด ์๋ฒ๋ ํด๋ผ์ด์ธํธ์ ์์ฒญ์ ๋ฐ๋ผ ์ ์ ์ธ HTML ํ์ผ์ด๋ ๋์ ์ผ๋ก ์์ฑ๋ ์ปจํ ์ธ ๋ฅผ ์ ๊ณตํ๋ค. ์ด๋ WAS๋ ๋์ ์ธ ์ปจํ ์ธ ๋ฅผ ์ฒ๋ฆฌํ๊ณ ์์ฑํ๋ ์ญํ ์ ํ๋ฉฐ, WS๋ ์ ์ ์ธ ์ปจํ ์ธ ๋ฅผ ์ ๊ณตํ๋ ์ญํ ์ ํฉ๋๋ค. ํ์ง๋ง ๋๋ถ๋ถ์ WAS๋ ์ ์ ์ธ ์ปจํ ์ธ ๋ฅผ ์ ๊ณตํด์ฃผ๊ณ ์๊ธฐ ๋๋ฌธ์, WS ์์ด WAS๋ง ์กด์ฌ ๊ฐ๋ฅํ๋ค. ๊ทธ๋์ WAS๋ WS๋ฅผ ํฌํจํ๋ ๊ฐ๋ ์ด๋ผ๊ณ ํ ์๋ ์๋ค.
WAS์ WS
์ฝ์๋ก ๋ค์ผ๋ฉด ๋ฌด์จ ๋ป์ธ์ง ๋ชฐ๋ผ ๋นํฉํ ์ ์์ผ๋, ์ฌ์ค ์ต์ํ๊ฒ ๋ค์ด๋ณผ๋ฒํ ๋จ์ด์ด๋ค.๋์ ์ธ ๋ฐ์ดํฐ๋ฅผ ์ ๊ณตํ๊ธฐ ์ํ ์๋ฒ, ์น์๋ฒ์์ ์ฒ๋ฆฌํ ์ ์๋ ๋์ ์ธ ์ ๋ณด๋ฅผ ์ฒ๋ฆฌํ์ฌ ์น์๋ฒ์ ์
velog.io
HTTP ํต์ ๊ณผ WS
์๋ง ์ค๋ณต๋์์ ์ ์๋๋ฐ, ๋ณต์ต์ ๊ฐ๋ ๋ฐ ์ค๋ช ํ ์ ์๋ ์ ๋๋ก์ ๊ฐ๋ ์ผ๋ก ์ฌํ์ตํ๋ค๋ ๋๋์์ ์ ๋ฆฌํด๋ณธ๋ค๋ฌด์ํ์ฑ : ํด๋ผ์ด์ธํธ๋ฅผ ์๋ฒ๊ฐ ๊ธฐ์ตํ์ง ์๋๋ค. ์๋ฒ๋ ์์ฒญ์ ์๋ต๋ง ํ
velog.io
์ ๋ฆฌ
httpํ๋กํ ์ปฌ๋ก๋ถํฐ ํด๋ผ์ด์ธํธ์ ์์ฒญ๋ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ WAS๊ฐ ๋ฐ์๋ธ๋ค. ๊ทธ๋ ๊ฒ ์์ฒญ๋ ๋ฐ์ดํฐ๊ฐ ์ ์ ์ธ์ง ๋์ ์ธ์ง ํ์ ํด์ ์๋ง์ ์ปจํ ์ธ ๋ฅผ ์๋ต, ์ ๊ณตํด์ค๋ค. ์ ์ ์ธ ์ปจํ ์ธ ๋ ๋ํ์ ์ผ๋ก HTML๊ณผ ๋ฐ์ ํ ๋ฉ์ธํ์ด์ง, ๋ก๊ณ ๋ฑ์ด ์๊ณ ๋์ ์ธ ์ปจํ ์ธ ๋ก๋ ๋ํ์ ์ผ๋ก ๋ก๊ทธ์ธ์ด ์๋ค.