๐ ์ค๋์ TIL ์์ฝ
๐ธ์ฟ ํค๋ ์๋ฒ์ ๊ธฐ์ต์ ๊ฐ์ง๊ณ ์์.
๐ธ์๋ฒ๋ ํญ์ ์ผ์ ธ์์ผ๋ฉฐ ์ธํฐ๋ท์ด ์ฐ๊ฒฐ๋์ด์๊ณ ์์ฒญ์ ๊ธฐ๋ค๋ฆฌ๋ ์ปดํจํฐ
๐ธ์๋ฒ๋ฆฌ์ค๋ ํจ์๋จ์๋ก ์ชผ๊ฐ์ ธ์์ผ๋ฉฐ ํด๋น ํจ์๊ฐ ์์ฒญ์ฌ๋๋ง๋ค ๊นจ์ด๋ ์์ ํ๊ณ ๋ค์ ์ ๋ ๋ค
๐ ์ฑ ์์ ๊ธฐ์ตํ๊ณ ์ถ์ ๋ด์ฉ
์ธํฐ๋ท ์ต์คํ๋ก๋ฌ
- CSS๋ฅผ ์ต์ด๋ก ์ ์ฉํ ์น๋ธ๋ผ์ฐ์
- ์์ด์ ์ค(Ajax, ์น ์ฌ์ดํธ๋ด์ฉ์ ์
๋ฐ์ดํธํ๋ฉด ์๋ก ๊ณ ์นจ์์ด ๋ฐ๋ก ํ์ธ ๊ฐ๋ฅํ ๊ธฐ์ )๊ธฐ์ ์ต์ด๋ก ์ง์
- ๋ณด์ ๋ฌธ์ ์ ๋ค์ณ์ง๋ ์
๋ฐ์ดํธ๋ก ์ง์ ์ค๋จ ํ, ๋ง์ดํฌ๋ก์ํํธ ์ฃ์ง๋ก ์๋ก ๊ฐ๋ฐ์ ๋ฐํ
(์ฃ์ง์ ์์ง : ํฌ๋กฌ ๋ธ๋ผ์ฐ์ ์์ง ๋ธ๋งํฌ)
๋ธ๋ผ์ฐ์ ์์ง, ๋ ๋๋ง ์์ง
์น ํ์ค์ ๊ธฐ๋ฐ์ผ๋ก ๊ฐ๋ฐ๋ ์น ๋ธ๋ผ์ฐ์ ํต์ฌ ํ๋ก๊ทธ๋จ
ํ์ด์ดํญ์ค - ๊ฒ์ฝ ์์ง / ์ฌํ๋ฆฌ - ์นํท ์์ง / ํฌ๋กฌ - ๋ธ๋งํฌ ์์ง
์๋ฐ์คํฌ๋ฆฝํธ์ ์ํฌ๋ง์คํฌ๋ฆฝํธ(ECMAScript)ํ์ค์ ์กด์ฌ
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์น๋ธ๋ผ์ฐ์ ์์ ์คํํ ์ ์๊ฒ ํด์ฃผ๋ ํ๋ก๊ทธ๋จ์ธ ์์ง
ํฌ๋กฌ-v8
๋
ธ๋์ ์ด์์ค, ๋๋
ธ์ ๊ฐ์ด ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํด์ํด์ผํ๋ ๊ณณ ์์๋ ์ฐ์
HTTP (HyperText Transfer Protocol)
์ธํฐ๋ท์์ ์ฌ์ฉ์์ ์๋ฒ๊ฐ ์ ๋ณด๋ฅผ ์ฃผ๊ณ ๋ฐ๊ธฐ ์ํ ํ๋กํ ์ฝ
HTTP์์๋ ์ฌ์ฉ์์ ์๋ฒ๋ ํญ์ ์ฐ๊ฒฐ๋์ด์์ง ์์(stateless)
: ์๋ฒ๋ ์ฃผ์์ ํด๋นํ๋ ๋ฐ์ดํฐ(HTML,CSS,JS ๋ฑ)๋ฅผ ์ ๋ฌํ๊ณ ๋์ ์ฐ๊ฒฐ ์ํ๋ฅผ ๋์
์ฟ ํค
์ฟ ํค๋ ์น์ฌ์ดํธ์ ์ ์ํ ๋๋ง๋ค ์๋ฒ์ ์ ์ก๋์ด ์๋ฒ์ ๊ธฐ์ต์ ๋์ด๋ฆผ
ํธ์, ๋ณด์๋ฑ์ ์ด์ ๋ก ๊ท์น ์กด์ฌ
์ฟ ํค๋ ๋๋ฉ์ธ 1๊ฐ์๋ง ํ์
์ฟ ํค๋ ์๋์ผ๋ก ๋ณด๋ด์ง
์ฟ ํค๋ ์ปดํจํฐ์ ์๋์ผ๋ก ์ ์ฅ๋จ
์๋ฒ
ํญ์ ์ผ์ ธ์์ผ๋ฉฐ, ์ธํฐ๋ท์ ์ฐ๊ฒฐ๋์ด์๋ ์ ์ ์์ฒญ์ ์๋ตํ๋ ์ปดํจํฐ
์ ์ฅ์์ ๋ฉ๋ชจ๋ฆฌํฌ๊ธฐ๊ฐ ํฐ ์ปดํจํฐ
์๋ฒ๋ 24์๊ฐ ๋ด๋ด ์ฌ์ฉ์์ ์ฃผ์์
๋ ฅ์ ๊ธฐ๋ค๋ฆผ
์ฃผ์๊ฐ ์
๋ ฅ๋๋ฉด ๊ทธ ์ฃผ์์ ํด๋นํ๋ ๋ฐ์ดํฐ๋ฅผ ๊บผ๋ด์ ๋ณด์ฌ์ค
ํ์คํ = ํ๋ก ํธ์๋ + ๋ฐฑ์๋ + ๋ฐ๋ธ์ต์ค(DevOps)
ํ๋ก ํธ์๋
์ฌ์ฉ์ ์ธํฐํ์ด์ค(user inteface, UI) : ์ฌ์ฉ์์ ์ํธ์์ฉ
HTML, CSS, JS, react, Jqeury , Vue.js etc.
์
๋ ฅํ ์ ์๋ UI ์์ฑ
๋ฐฑ์๋
์ฌ์ฉ์๊ฐ ๋์ผ๋ก ๋ณผ ์ ์์ง๋ง, ์ค์ ๋ก๋ ์ฌ์ฉํด์ผํ๋ ๊ธฐ๋ฅ
์ฌ์ฉ์๊ฐ ์
๋ ฅ์ ํ๊ณ ๋์์ ๋ฐ์ดํฐ์ฒ๋ฆฌ
๋ฐ๋ธ์ต์ค
์๋ฒ๋ฅผ ์ฌ๋ ค์ผํจ : ์๋ฒ๋ฅผ ์ ํ, ์ค์ , ์๋ฒ์ ์ํํธ์จ์ด์ค์น,
๋ฐ์ดํฐ ๋ฒ ์ด์ค ์ค์ , ๋ณด์ etc.
๊ณผ๊ฑฐ์๋ ์ค์ ๋ก ์๋ฒ๋ฅผ ๊ตฌ๋งคํ๊ณ ์ ์, ์ธํฐ๋ท์ ์ฐ๊ฒฐํด ์ ๋ถ ์๋์ผ๋ก ๊ด๋ฆฌํจ.
์๋ง์กด์ EC2 : ์๋ง์กด ์๋ผ์คํฑ ์ปดํจํธ ํด๋ผ์ฐ๋
์๋ง์กด์ด ์๋ฒ๋ฅผ ๋์ ์ด์ ํด์ค
์ต์ ์๋ฒ๋ฅผ ์ ์ ๋ฐ ๊ฐ์ข
์ฌ๊ณ ์์ด ์์ ํ๊ฒ ์ ๊ณต, ๊ด๋ฆฌํด์ฃผ๋ ์๋น์ค
์๋ง์กด๋ฟ๋ง์๋๋ผ, ๊ตฌ๊ธ, ๋ง์ดํฌ๋ก์ํํธ์จ์ด์์ ๊ฐ์ข
์๋น์ค ์ ๊ณต
ํ๋์จ์ด๋ฅผ ์ ๊ณตํด์ฃผ๋ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ ์ํํธ์จ์ ๊ด๋ฆฌ๋ ์ง์ ํด์ผํจ
์๋ฒ ์ด์์ฒด์ ์
๋ฐ์ดํธ, ๋ณด์ ์ ๊ฒ, ์ฅ์ ํ๋ณต ์์คํ
๊ตฌ์ถ, ๋ฐ์ดํฐ ๋ฐฑ์
๋ฑ
์๋ฒ๋ฆฌ์ค
์๋ฒ๋ฅผ ์ํ ์ํํธ์จ์ด(๋ฐฑ์๋์ฝ๋)๋ฅผ ์์ ํจ์ ๋จ์๋ก ์ชผ๊ฐ์ ์๋น์ค(์๋ฒ)์ ์ฌ๋ฆฌ๋ ๊ฒ
24์๊ฐ ๊นจ์ด์์ผ๋ฉฐ ์์ฒญ์ ์๋ต์ ๊ธฐ๋ค๋ฆฌ๋ ์๋ฒ์ ๋ฌ๋ฆฌ ์๋ฒ๋ฆฌ์ค๋ ํด๋น ํจ์๊ฐ ํ์ํ ๋(์์ฒญ) ๊นจ์์ ์์ฒญํ ์์
์ ์ํํ๊ณ ๋ค์ ์ ์ด๋ฌ!
์ ๋ ฅ๋ญ๋น ๊ฐ์. ํจ์จ์ ์ธ ํ๋์จ์ด ์ฌ์ฉ. ์์ฒญ์ด ์ฌ๋๋ง๋ค ์คํ๋๊ธฐ ๋๋ฌธ์ ๊ธ์ก๋ ์ ๋ ดํด์ง
- ๋จ์
์๋ฒ๋ฆฌ์ค์ ํจ์๋ ์ ์์ ๊นฐ ๋ ์๊ฐ์ด ํ์ํจ : ์ฝ๋ ์คํํธ
AWS(Amazone Web Service)๊ฐ ํจ์๋ฅผ ๊นจ์ฐ๋ ค๋ฉด ์๊ฐ์ด ํ์ํ๊ธฐ ๋๋ฌธ์ ์๊ฐ์ด ์ค์ํ ์๋น์ค์์๋ ๋ง์ง์๋ ์ ํ์ผ ์ ์์
์๋ฒ ์ ๊ณต์์๊ฒ ์ง๋์น๊ฒ ์์กดํจ
๋ค๋ฅธ ํ์ฌ์ ์๋น์ค๋ก ์ฎ๊ธฐ๊ธฐ ํ๋ฌ
์ฌ์ด๋ ํ๋ก์ ํธ, ํ๋กํ ํ์
๋ฑ์ ์ฌ์ฉํ๊ธฐ ์ข์
serverless.com , AWS ๋๋ค, ๊ตฌ๊ธ ํด๋ผ์ฐ๋ ํ์
(Google Cloud Function), ์ํ์ค(Apex) , ํ
๋ผํผ(Teraform)
๐ท ์ฝ์ ์๊ฐ ๋ฐ ๋ ์ค๋ฅด๋ ์๊ฐ
์ ์๋ ๊ฐ๋ณ๊ฒ ์ฝ์์๋๋ฐ, ์ ์ ๊ผญ ์๊ณ ์์ด์ผ ํ๋ ๋ด์ฉ๋ค์ด ๋์์ ์ ์ตํ์ผ๊ฒ ๋ค๋ ์๊ฐ์ด ๋ ๋ค.
'๋ ์ ๋ชฉ๋ก > IT 5๋ถ ์กํ์ฌ์ (with ๋ ธ๊ฐ๋ถ)' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[IT 5๋ถ ์กํ์ฌ์ ] Day 9. ์ํผ์๋ 30 ~ 34 (0) | 2023.09.03 |
---|---|
[IT 5๋ถ ์กํ์ฌ์ ] Day 9. ์ํผ์๋ 26 ~ 29 (0) | 2023.09.02 |
[IT 5๋ถ ์กํ์ฌ์ ] Day 5. ์ํผ์๋ 11~15, ๋ด๊ฐ ๊ฐ๋ฐ์ ๊ณต๋ถํ๋ ์ด์ ๋? (0) | 2023.08.29 |
[IT 5๋ถ ์กํ์ฌ์ ] Day 3. ์ํผ์๋ 6 ~ 10 (0) | 2023.08.27 |
[IT 5๋ถ ์กํ์ฌ์ ] Day 2. ์ํผ์๋ 1 ~ 5 (0) | 2023.08.26 |