๐ ๊ธฐํ(13)
-
[๊ธฐํ/์คํฐ๋] ๋ฉด์ ์คํฐ๋ (2ํ: 240307)
์ํ๋ ์ง๋ฌธ LIsts ๊ฐ๋ฐ์ง๊ตฐ์ ์ ํํ ์ด์ ? ์ด๋ ํ์ฌ์ ๊ฐ๋๋ผ๋ ๋ด๊ฐ ๊ณต๋ถํ๋ ๊ฒ์ ์ด์ด์ ํ ์ ์๋ค ํด๊ทผ ํ์๋ ๊ณ์ํด์ ์ฑ์ฅํ ์ ์๋ ์ถ์ ์ํ๋ค useEffect์ ๋ํด ๋งํด๋ณด์ธ์ ๋ฆฌ์กํธํ ์ ํ ์ข ๋ฅ, ์ธ๋ถ ์ปดํฌ๋ํธ์ ๋๊ธฐํ์์ ์ ๊ฐ๋ฅํ๊ฒ ํจ setup ํจ์์ ์์กด์ฑ๋ฐฐ์ด๋ก ๊ตฌ์ฑ๋์ด ์๋๋ฐ, ์์กด์ฑ ๋ฐฐ์ด์ ์๋ต ๊ฐ๋ฅํจ setup ํจ์๋ cleanup ํจ์๋ฅผ ์ถ๊ฐํ ์ ์์. component๊ฐ mount ๋ ๋, setupํจ์๊ฐ ์คํ๋จ. ์ดํ์ ๋ฆฌ๋๋๋ง ๋ ๋๋ง๋ค cleanup ํจ์๊ฐ ๋จผ์ ์คํ๋๊ณ setup ํจ์๊ฐ ์คํ๋จ ์ด ๋ ์์กด์ฑ๋ฐฐ์ด์ ์ถ๊ฐํ๋ฉด ๋ฐฐ์ด์ ํด๋นํ๋ ๋ถ๋ถ์ด ๋ฆฌ๋๋๋ง ๋ ๋๋ง setup ํจ์๋ฅผ ํธ์ถํ์ฌ ์ฑ๋ฅ๊ฐ์ ์ ๋์์ด ๋จ provider์ ๋ํด ๋งํด๋ณด์ธ์ React ์ปดํฌ๋..
2024.03.07 -
[๊ธฐํ/์คํฐ๋] ๋ฉด์ ์คํฐ๋ (1ํ: 240228)
๊ธฐ์ ๋ฉด์ ๋ฌธ์ 1๋ฒ ์ฐธ๊ฐ์ ์ํ๊ด๋ฆฌํ๋ ์ด์ ์ ํ๋ ๋ฐฉ๋ฒ ์ฑ๋ฅ๊ฐ์ (props drilling, ๋ถํ์ํ ๋ฆฌ๋๋๋ง ๋ฐฉ์ง)์ ์ํด ์ํ๊ด๋ฆฌ ํจ ์ํ(state): ์ปดํฌ๋ํธ์ ๋ํ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ง ๊ฐ์ฒด ์ง์ญ์ ์ธ ์ํ๊ด๋ฆฌ: useState ํ ์ ์ฌ์ฉ ==> props drilling์ ํ๊ณ ์ ์ญ์ ์ธ ์ํ๊ด๋ฆฌ: redux, recoil๋ฑ์ ์ฌ๋ฌ ์ํ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํ์ฉ ==> props drilling ๊ทน๋ณต, ํ์ ๋ฐ ์ ์ง/๋ณด์์ ์ฉ์ด Redux๋? ์ฌ์ฉํ๋ ์ด์ ? ์ ์ญ ์ํ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฑ๋ฅ๊ฐ์ (๋ถํ์ํ ๋ฆฌ๋๋๋ง ๋ฐฉ์ง, ์ํ๊ด๋ฆฌ ๋ณต์ก์ฑ ํด๊ฒฐ) Redux ์ธ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ Recoil ํ์ด์ค๋ถ์์ ๊ฐ๋ฐํ react ์ ์ฉ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ํธํ์ฑ์ด ์ฐ์ํ๋ค ๋น๋๊ธฐ ์ฒ๋ฆฌ, ์ฝ๋ ์คํ๋ฆฌํ ๋ฑ์ ๊ธฐ๋ฅ ์ ๊ณต atom์ stat..
2024.02.28 -
[๊ธฐํ/AWS] CloudFront
CloudFront: AWS์์ ์ ๊ณตํ๋ Content Delivery Network ์๋น์ค์ด๋ค. ์ง๋ฆฌ์ ์ผ๋ก ๊ฐ๊น์ด ์๋ฒ์ ์บ์ฑ๋ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ง๊ณ ์ ๋น ๋ฅด๋ค ๋ฐฉํ๋ฒฝ์ด ์ ๊ณต๋๊ณ ์๋ฒ๊ฐ ๋ถ์ฐ๋์ด ์์ด DDoS๋ฑ์ ๊ณต๊ฒฉ์๋ ์บ์ ๊ธฐ๋ฅ์ผ๋ก ์ค๋ฆฌ์ง ์๋ฒ ํธ๋ํฝ์ด ์์ ํ๋ค ๋์ ์ปจํ ์ธ ์๋ ์ ํฉํ์ง ์๋ค(์ถ๊ฐ๋น์ฉ ๋ฐ์๋ฑ...) ์ธ๊ณ ๊ฐ์ง์ ์บ์ ์๋น์ค๋ฅผ ๊ตฌ์ฑํ ์ ์๊ธฐ์ Netflix์์ ์ฌ์ฉ์ค์ธ ์๋น์ค์ด๋ค. Reference https://teamsparta.notion.site/9-Cloudfront-5f6a631a9f2b426db185cfc9e5f6bdff
2023.08.03 -
[๊ธฐํ/AWS] S3
S3(Simple Storage Service): ์ธํฐ๋ท ์คํ ๋ฆฌ์ง ์๋น์ค ์๋น์ค ์ฌ์ฉ ์: ์น ์ฌ์ดํธ ํธ์คํ , ๋ฉํฐ๋ฏธ๋์ด ํ์ผ ์ ์ฅ ๋ฐ ์คํธ๋ฆฌ๋ฐ, ์ ํ๋ฆฌ์ผ์ด์ ๋ฐ์ดํฐ ์ ์ฅ, ๋ฐฑ์ ๋ฐ ๋ณต์, ์์นด์ด๋ธ ๋ฒํท(Bucket): ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๋ ๊ฐ์ฅ ์์ ๋ ๋ฒจ์ ํด๋ ํํ์ ์ปจํ ์ด๋. ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๋ ์ปจํ ์ด๋ ์ญํ ๊ฐ์ ์ ๋ํ ๊ณต์ฉ ๋๋ ๊ฐ์ธ์ ์ธ ์ ๊ทผ ๊ถํ์ ์ค์ ํ๊ธฐ ์ํ ์์น ๊ฐ์ฒด์ ๋ํ ํน๋ณํ ์ด๋ฒคํธ ์๋ฆผ์ ์ค์ ํ๊ธฐ ์ํ ์์น AWS ๊ณ์ ์์ ๋ฒํท ๋ฐ ๊ฐ์ฒด ์ฌ์ฉ์ ๋ํ ๋น์ฉ ์ถ์ ๋ฐ ๋ชจ๋ํฐ๋ง์ ์ํ ์์น ๋ฒํท ํด๋ฆฌ์(Bucket Policy) IAM๊ณผ ์ ์ฌํ JSON ํ์์ ๋ฌธ์ ๋ฒํท์ ๋ชจ๋ ๊ฐ์ฒด์ ๋ํ ์ก์ธ์ค ์ ์ด ํน์ ๊ฐ์ฒด ๋๋ ๊ฐ์ฒด ๊ทธ๋ฃน์ ๋ํ ์ก์ธ์ค ์ ์ด ์ก์ธ์ค๋ฅผ ํ์ฉํ๋ IP ์ฃผ์ ๋๋ ๋ฒ์ ์ง์ ..
2023.08.03 -
[๊ธฐํ/AWS] Route 53
Route 53: AWS์์ ์ ๊ณตํ๋ DNS(Domain Name System). DNS(Domain Name System) : IP ์ฃผ์๋ค์ ์ฌ์ฉ์๊ฐ ๊ธฐ์ตํ๊ณ ์ฝ๊ฒ ์ ๊ทผํ ์ ์๋ ๋๋ฉ์ธ ์ด๋ฆ์ผ๋ก ๋ณํํจ (172.217.18.36 ==> www.google.com) ๊ณ์ธต ๊ตฌ์กฐ Root DNS Server DNS ๊ณ์ธต ๊ตฌ์กฐ ์ต์์ ๋ชจ๋ DNS ์ฟผ๋ฆฌ๋ ๋จผ์ Root DNS Server์ ๋์ฐฉํ์ฌ ํด๋น ๋๋ฉ์ธ์ TLD(Top-Level Domain) DNS Server ์ฃผ์๋ฅผ ์์์ผํจ. TLD(Top Level Domain) Server: .com, .net, .org, .kr ๋ฑ์ TLD๊ด๋ฆฌํ๋ DNS ์๋ฒ. SLD(Second Level Domain) Server: ๋๋ฉ์ธ ์ด๋ฆ์ ์ค๊ฐ ๋ ๋ฒจ์ ํด๋นํ๋ D..
2023.08.03 -
[๊ธฐํ/AWS] EC2
EC2(Elastic Compute Cloud): ํด๋ผ์ฐ๋ ์ปดํจํ ์๋น์ค ์ค ํ๋๋ก, ๊ฐ์ ์๋ฒ ์ธ์คํด์ค๋ฅผ ์ ๊ณตํจ. instance: ๊ฐ์ํ๋ ์ปดํจํฐ ํ๊ฒฝ, ๋ ๋ฆฝ์ ์ผ๋ก ์คํ/๊ด๋ฆฌ ๋จ. ์์ฑ, ์์, ์ค์ง, ์ข ๋ฃ๋ฑ์ ๊ด๋ฆฌ ์ต์ ์ด ์์ผ๋ฉฐ ์ค์ผ์ผ ์ /๋ค์ด์ด ๊ฐ๋ฅํจ. ํด๋ผ์ฐ๋ ์๋น์ค์ ์ข ๋ฅ Iaas(Infrastructure as a Service): ํ๋์จ์ด ์ธํ๋ผ ์ ๊ณต. ๊ฐ์ํ๋ ํ๋์จ์ด, ์คํ ๋ฆฌ์ง, ๋คํธ์ํฌ, ์ด์์ฒด์ ์ ๊ณต. AWS EC2, Microsoft Azure, Google Compute Engine ๋ฑ์ด ์์. Paas(Platform as a Service): ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐ, ์คํ, ๊ด๋ฆฌํ๊ธฐ ์ํ ํ๋ ํผ ์ ๊ณต. IaaS์์ ์ ๊ณตํ๋ ๋ฏธ๋ค์จ์ด์ ํ๋์จ์ด ์ธํ๋ผ๋ฅผ ์ฌ์ฉ. AWS Elastic..
2023.08.03