μλ
νμΈμ. Dev.to μμ μν°ν΄ κ΄λ ¨ λ΄μ©μ λΈλ‘κ·Έμ λ°λ‘ κΈ°λ‘ν΄λλ € ν©λλ€.
μ΄κ³³μ μμΌλ‘ 리μ€νΈλ₯Ό κ³μ μ
λ°μ΄νΈ ν μμ μ
λλ€.
π List
- λ€μ νλ‘μ νΈλ₯Ό μν 15 κ°μ§ λ¬΄λ£ React ν νλ¦Ώ
- λΉμ μ΄ μμμΌ ν μ μ©ν VS Code λ¨μΆν€ 10κ°μ§
- React μμ΅μκ° κ°λ₯΄μΉμ§ μλ 5κ°μ§ μ£Όμ κ΅ν
- μμ°μ± ν₯μμ μν VS μ½λ νλ¬κ·ΈμΈ λ° λ΄μ₯ κΈ°λ₯
- λμ 첫λ²μ§Έ κ°μΈ μ¬μ΄νΈ!
- λΉμ μ΄ κΌ μλν΄μΌ ν λͺκ°μ§ λ°λλΌ JS λΌμ΄λΈλ¬λ¦¬
- μ£Όλμ΄ μννΈμ¨μ΄ μμ§λμ΄λ‘ 3κ°μ λ§μ λ°°μ΄ 10κ°μ§
- μλ° μ€ν¬λ¦½νΈ: λ΄κ° μ΄ν΄νμ§ λͺ»ν κ²
- AWSλ₯Ό μ¬μ©ν 컨ν μ΄λ μκ°
π Article
λ€μ νλ‘μ νΈλ₯Ό μν 15 κ°μ§ λ¬΄λ£ React ν νλ¦Ώ
β π
. .
π μμΈν λ΄μ©μ μλ¬Έμμ λ³΄μ€ μ μμ΅λλ€.
https://dev.to/exwhyzed/15-free-reactjs-templates-for-your-next-project-313m
λΉμ μ΄ μμμΌ ν μ μ©ν VS Code λ¨μΆν€ 10κ°μ§
β π
. .
π μμΈν λ΄μ©μ μλ¬Έμμ λ³΄μ€ μ μμ΅λλ€.
https://dev.to/simonpaix/10-useful-vs-code-shortcuts-you-should-know-42m
React μμ΅μκ° κ°λ₯΄μΉμ§ μλ 5κ°μ§ μ£Όμ κ΅ν
β π
. .
π μμΈν λ΄μ©μ μλ¬Έμμ λ³΄μ€ μ μμ΅λλ€.
https://dev.to/reedbarger/5-key-lessons-react-tutorials-don-t-teach-5pb
μμ°μ± ν₯μμ μν VS μ½λ νλ¬κ·ΈμΈ λ° λ΄μ₯ κΈ°λ₯
β π
. .
π μμΈν λ΄μ©μ μλ¬Έμμ λ³΄μ€ μ μμ΅λλ€.
https://dev.to/babib/vs-code-extensions-to-boost-productivity-with-previews-ajp
λμ 첫λ²μ§Έ κ°μΈ μ¬μ΄νΈ!
β π
. .
π μμΈν λ΄μ©μ μλ¬Έμμ λ³΄μ€ μ μμ΅λλ€.
https://dev.to/fentybit/my-first-personal-site-4m20
λΉμ μ΄ κΌ μλν΄μΌ ν λͺκ°μ§ λ°λλΌ JS λΌμ΄λΈλ¬λ¦¬
β π
. .
π μμΈν λ΄μ©μ μλ¬Έμμ λ³΄μ€ μ μμ΅λλ€.
https://dev.to/commentme/some-vanilla-js-libraries-you-must-try-17a3
μ£Όλμ΄ μννΈμ¨μ΄ μμ§λμ΄λ‘ 3κ°μ λ§μ λ°°μ΄ 10κ°μ§
β π
. .
π μμΈν λ΄μ©μ μλ¬Έμμ λ³΄μ€ μ μμ΅λλ€.
https://dev.to/alexlsalt/10-things-i-ve-learned-after-3-months-as-a-junior-software-engineer-2m89
μλ° μ€ν¬λ¦½νΈ: λ΄κ° μ΄ν΄νμ§ λͺ»ν κ²
β π
. .
π μμΈν λ΄μ©μ μλ¬Έμμ λ³΄μ€ μ μμ΅λλ€.
https://dev.to/jesuisundev/javascript-what-i-didn-t-understand-14hl
AWSλ₯Ό μ¬μ©ν 컨ν μ΄λ μκ°
β π
컨ν
μ΄λνλ κΈ°μ
μ΄ ν΄λΌμ°λ νκ²½μμ
μ ν리μΌμ΄μ
μ κ°λ°νκ³ λ°°ν¬νλ λ°©μμ λ³νμν€κ³ μμ΅λλ€.
- 컨ν μ΄λν
κ° μ ν리μΌμ΄μ μ λν΄ μ 체 κ°μ λ¨Έμ μ μμν νμ μμ΄
λΆμ° μ ν리μΌμ΄μ μ λ°°ν¬ λ° μ€ννλλ° μ¬μ©λλ κ°μν λ°©λ² μ λλ€.- 컨ν μ΄λλ
μμ©νλ‘κ·Έλ¨μ μ½λ, μ½μ΄ λ°μ΄ν°, κ΅¬μ± νμΌ, μΈν°νμ΄μ€ λ°
μ’ μμ± λ± μμ©νλ‘κ·Έλ¨ μ€νμ νμν λͺ¨λ λ΄μ©μ ν¬ν¨νλ
κ΄λ¦¬ κ°λ₯ν μμ ν¨ν€μ§λ‘ λΆν΄ν©λλ€.- 컨ν μ΄λ μ κ·Ό λ°©μμ ν΅ν΄
κ°λ°μλ λ°°μΉ λ° μΈνλΌ κ΄λ¦¬μ μ κ²½μ°μ§ μκ³
μ ν리μΌμ΄μ κ°λ°μ μ§μ€ν μ μμ΅λλ€.
.
- κ°λ° μΈ‘λ©΄μμλ 컨ν μ΄λ μ κ·Ό λ°©μμ μ¬λ¬ κ°μ§ μ΄μ μ΄ μμ΅λλ€.
ν μ€νΈ λ° λλ²κΉ μ ν¬ν¨ν κ°λ° νμ΄νλΌμΈ κ°μν
μ§μμ μΈ ν΅ν©(CI) λ° μ°μ λ°°ν¬(CD) μν¬νλ‘μ°λ₯Ό μ΄μ§νμ¬
μλ‘μ΄ μ½λ κ°μ μμ μ΄ μνλ λλ§λ€ μλμΌλ‘ μ¬κ΅¬μΆ λ©λλ€.컨ν μ΄λλ
λ°μ€ν¬ν± λλ λ©ν±μμ λ‘μ»¬λ‘ μ€νλλ©° ν΄λΌμ°λμ μ§μ μ½κ² μ λ‘λ λ©λλ€.
κ°λ°μμ ν μ€νΈλ‘, μ΄μ μμ€ν μΌλ‘ μ½λλ₯Ό μ΄λν λ μΌκ΄λ κ²°κ³Όκ° λνλ©λλ€.κ° OS λ° ν΄λΌμ°λ νλ«νΌμ λν μ½λλ₯Ό λ€μ μμ±ν νμκ° μμΌλ―λ‘
ν ν΄λΌμ°λ νλ‘λ°μ΄λμ 컨ν μ΄λλ₯Ό λ€λ₯Έ ν΄λΌμ°λ νλ‘λ°μ΄λλ‘ μ½κ² μ΄λν μ μμ΅λλ€.
.
- 컨ν μ΄λμ μ₯μ μ κ°λ° μ£ΌκΈ°λ₯Ό λμ΄ νμ₯λ©λλ€.
컨ν μ΄λλ νμ΄νΌλ°μ΄μ κ° νμνμ§ μμΌλ―λ‘
μ»΄ν¨ν 리μμ€λ₯Ό λ³΄λ€ ν¨μ¨μ μΌλ‘ νμ©ν©λλ€.컨ν μ΄λ λ΄μμ μ€νλλ μ ν리μΌμ΄μ μ μ±λ₯μ μν₯μ μ£Όμ§ μκ³
OS 컀λμ 곡μ νκΈ°λ§ νλ©΄ λ©λλ€.μ€μΉ 곡κ°μ΄ μ€μ΄λ€λ©΄ λ¨μΌ νΈμ€νΈμμ λ λ§μ 컨ν μ΄λλ₯Ό μ€νν μ μμΌλ―λ‘
μ»΄ν¨ν 리μμ€μ νμ©λ₯ μ΄ ν₯μλκ³ λΉμ©μ΄ μ κ°λ©λλ€.λν μνλ λ°μ΄λ리 λ° κ΅¬μ± μμλ‘λ§ μ»¨ν μ΄λλ₯Ό ꡬμ±ν μ μμΌλ―λ‘
μ 체 μ΄μ 체μ μμ λ°κ²¬λ μ μλ μ μ¬μ μΈ μ·¨μ½μ±μ μ κ±°ν μ μμ΅λλ€.
.
- Amazon EC2 μ€νΏ μΈμ€ν΄μ€μμ μ€νν μ μλ 컨ν μ΄λλ
μ£Όλ¬Έν 컨ν μ΄λμ λΉν΄ μ΅λ 90%κΉμ§ ν μΈλ©λλ€.
.
- AWSμμ 컨ν μ΄λν μν¬λ‘λλ₯Ό μ€ννλ λ°©λ²μ μ¬λ¬ κ°μ§κ° μμ΅λλ€.
μ΄ λΈλ‘κ·Έ κ²μλ¬Όμ AWSμμ Dockerλ₯Ό μ€ννλ κ°μ₯ μ€μν μΈ κ°μ§ λ°©λ²μ λΉκ΅ν©λλ€.
- AWS Fargateλ₯Ό μ§μνλ Amazon Elastic Container Service(ECS)
- Kubernetesλ₯Ό μν μλ§μ‘΄ Elastic Container Service(EKS)
- λ¨μΌ 컨ν μ΄λ λμ»€κ° μλ AWS Elastic Beanstalk(EB)
.
[1] ECS (ECS with Fargate)
λ¨Όμ μμ ν κ΄λ¦¬λλ 컨ν
μ΄λ μ‘°μ μλΉμ€μΈ ECSλ₯Ό μ΄ν΄λ³΄κ² μ΅λλ€.
ECSλ AWSμμ μ 곡νλ λ¬΄λ£ μ루μ μ λλ€.
ECSλ AWS μΈνλΌμ λμ μμ€μ ν΅ν©μ μ 곡νλ€λ μ μ μΈκΈνλ κ²μ΄ μ€μν©λλ€.
ECSλ λ‘λ λ°Έλ°μ λλ DNS(ν΄λΌμ°λ 맡)λ₯Ό ν΅ν΄ μλΉμ€ κ²μμ μ 곡ν©λλ€.μ΄ μΈμλ ECSλ AWSμμ EC2 μΈμ€ν΄μ€λ₯Ό μ€ννμ§ μκ³
Docker 컨ν μ΄λλ₯Ό μ€νν μ μλ μ μΌν μ΅μ μ λλ€.Fargateλ ECSμ μ»΄ν¨ν μμ§μ λλ€.
EC2 μΈμ€ν΄μ€ λ° μ»¨ν μ΄λμ μλ₯Ό λλ¦¬κ³ , 컨ν μ΄λμ μν₯μ λ―ΈμΉμ§ μκ³
EC2 μΈμ€ν΄μ€μ λν μ λ°μ΄νΈλ₯Ό λ‘€μμνλ λ±μ λͺ¨λ νλ μμ μ΄ μ¬λΌμ‘μ΅λλ€.ECSλ κ±°μ 무λ£μ λλ€.
Fargateλ 컨ν μ΄λμ ν λΉλ CPU λ° λ©λͺ¨λ¦¬λ₯Ό κΈ°μ€μΌλ‘ μ΄λΉ μ²κ΅¬λ©λλ€.
vCPUκ° 1κ°μ΄κ³ 4GBμΈ μ»¨ν μ΄λλ ν λ¬μ μ½ USD 30μ λλ€.Fargateμ μ ν μ¬νμ λ€μκ³Ό κ°μ΅λλ€. (λ²μ© κ³μ° μ©λλ§ ν΄λΉν©λλ€.)
νμ¬ Fargateλ GPU, CPU/λ©λͺ¨λ¦¬ μ΅μ ν ꡬμ±μ μ§μνμ§ μμ΅λλ€.
μꡬ λ³Όλ₯¨μ μ¦μ μ§μλμ§ μμ΅λλ€. (μ: Docker volume driver)
μμ½ μ©λμ λν ν μΈμ΄ μμ΅λλ€.
.
[2] EKS(Kubernetes)
AWSμμ Docker 컨ν
μ΄λλ₯Ό μ€ννλ λ λ²μ§Έ μ΅μ
μ Kubernetes(K8s)μ
λλ€.
μμ½νλ©΄, K8sλ μ€ν μμ€ μ»¨ν
μ΄λ μ‘°μ μ루μ
μ
λλ€.
AWSλ K8s λ§μ€ν° κ³μΈ΅μ μλΉμ€λ‘ μ 곡ν©λλ€.
λ§μ€ν° κ³μΈ΅μ 컨ν μ΄λ ν΄λ¬μ€ν°μ μνλ₯Ό μ μ₯νκ³ μ 컨ν μ΄λλ₯Ό λ°°μΉν μμ€ν μ κ²°μ νλ μν μ ν©λλ€.
λν 컨ν μ΄λ μ€νμ μ¬μ©λλ EC2 μΈμ€ν΄μ€ μΌλ¨μ κ΄λ¦¬ν μ± μμ΄ μμ΅λλ€.K8μ μ£Όμ ν맀 ν¬μΈνΈλ μ€ν μμ€μ΄λ©°
AWS, Azure, Google Cloud, μ¬λ΄ λλ λ‘컬 μ»΄ν¨ν°μμ μ€νλ©λλ€.
κ²°κ³Όμ μΌλ‘ λ¨μ μ μΏ λ²λ€ν°μ€κ° AWS μΈνλΌμ μ ν΅ν©λμ§ μμλ€λ κ²μ λλ€.μΏ λ²λ€ν°μ€λ λ§μ΄ν¬λ‘ μλΉμ€ μν€ν μ²λ₯Ό μν΄ μ€κ³λμμ΅λλ€.
μλ₯Ό λ€μ΄, λ΄μ₯λ μλΉμ€ κ²μμ ν΅ν΄
컨ν μ΄λκ° λ‘컬 νλ‘μλ₯Ό μ¬μ©νμ¬ μλ‘ μ½κ² λνν μ μμ΅λλ€.EKSλ λ§μ€ν° λ μ΄μ΄μ κ²½μ° λ§€λ¬ μ½ 144λ¬λ¬μ λλ€.
λν 컨ν μ΄λμ μ μμ 곡κΈνλ EC2 μΈμ€ν΄μ€μ λν λΉμ©μ μ§λΆν΄μΌ ν©λλ€.μλ₯Ό λ€μ΄ at3.medium μΈμ€ν΄μ€λ
CPU 2κ°μ 4GiBμ λ©λͺ¨λ¦¬λ₯Ό μ 곡νκ³ λΉμ©μ μ 30λ¬λ¬ μ λμ λλ€.EKSμ EC2μ μ΄μμ 볡μ‘μ±μ κ³Όμνκ°ν΄μλ μλ©λλ€.
μλ₯Ό λ€μ΄ EKSμ VPCλ₯Ό ν΅ν©νλ λ°©λ²μλ λͺ κ°μ§ μκΈ°μΉ μμ μ νμ΄ μμ΅λλ€.
.
[3] Elastic Beanstalk
AWSμμ Docker 컨ν
μ΄λλ₯Ό μ€ννλ λ λ€λ₯Έ μ΅μ
μ Elastic Beanstalkμ
λλ€.
Elastic Beanstalkμ λ§€μ° μ¬μ©νκΈ° μ½μ΅λλ€.
μΌκ°μμλ Elastic Beanstalkμ΄
AWSμ PaaS(Platform-as-a-Service) μ νμ΄λΌλ λΆμλ λμ΅λλ€.Elastic Beanstalkλ‘ μΉ μ ν리μΌμ΄μ μ λ°°ν¬ν μ μλ νκ²½μ΄ λ§μ΄ μμ΅λλ€.
κ·Έ μ€ νλλ μ±κΈ 컨ν μ΄λ λ컀λΌκ³ λΆλ¦½λλ€.
μ΄ νκ²½μ νλ μ΄μμ EC2 μΈμ€ν΄μ€μ λ¨μΌ Docker 컨ν μ΄λλ₯Ό λ°°ν¬ν©λλ€.Elastic Beanstalkλ μ ν리μΌμ΄μ μ λ°°ν¬ν λΏλ§ μλλΌ
λ°μ΄ν°λ² μ΄μ€, λ‘λ λ°Έλ°μ λ° EC2 μΈμ€ν΄μ€λ‘ ꡬμ±λ νμν μΈνλΌλ₯Ό ꡬμΆνκ³ μμ΅λλ€.Elastic Beanstalkλ EC2 μΈμ€ν΄μ€λ₯Ό μλμΌλ‘ μμ±ν©λλ€.
κ·Έλ¬λ AWSμμ μμ ν κ΄λ¦¬νμ§ μλ μ΄λ¬ν κ°μ λ¨Έμ μ λν μ± μμ μ¬μ ν ββκ·νμκ² μμ΅λλ€.Elastic Beanstalkλ AWSμμ μ 곡νλ λ¬΄λ£ μ루μ μ λλ€.
κΈ°λ³Έ μΈνλΌμ λν λΉμ©λ§ μ§λΆνλ©΄ λ©λλ€.μλ₯Ό λ€μ΄ at3.medium μΈμ€ν΄μ€λ
4GiBμ λ©λͺ¨λ¦¬λ₯Ό κ°μ§ 2κ°μ CPUλ₯Ό μ 곡νλ©° λ§€λ¬ μ½ USD 30μ λΉμ©μ΄ λλλ€.
.
μλΌμ€ν± λΉμ€ν‘, 컨ν
μ΄λ μλΉμ€, μΏ λ²λ€ν°μ€ μλΉμ€κ° κ°κ°
AWSμμ Docker 컨ν
μ΄λλ₯Ό κ΄λ¦¬νλ κ°μ₯ μ’μ λ°©λ²μ μΈμ μΌκΉμ?
. .
π μμΈν λ΄μ©μ μλ¬Έμμ λ³΄μ€ μ μμ΅λλ€.
https://dev.to/aws-builders/introduction-to-containers-with-aws-og4