이 글을 쓰게 된 동기AWS Cloud practitioner 자격증을 준비하면서, 헷갈리는 AWS 서비스들이 많아 두고두고 보고 공부하기 위해지극히 개인적인 정리 노트를 작성할려고 한다. 컨테이너 서비스Amazon ECSElastic Container ServiceAWS 제공하는 완전관리형 오케스트레이션 서비스AWS에서 컨테이너를 쉽고 안정적으로 실행할 수 있게 해주는 서비스EC2 또는 Fargate 위에서 실행 가능Amazon EKSElastic Kubernetes Service완전관리형 쿠버네티스 서비스Amazon Fargate컨테이너를 실행하기 위한 서버리스 컴퓨팅 엔진EC2 인스턴스를 직접 만들거나 관리하지 않고도 컨테이너를 실행할 수 있게 해주는 서비스서버 없는 ECS/EKS 실행 방식ECS..

프롤로그Amazon Virtual Private Cloud(VPC)는 사용자가 정의한 가상 네트워크에서 AWS 리소스를 실행할 수 있는 논리적으로 격리된 AWS 클라우드 섹션을 프로비저닝할 수 있다. 이는 인터넷에 직접 접속할 수 있는 퍼블릭 리소스가 있고, 접속할 수 없는 프라이빗일 수 있다. 퍼블릭 또는 프라이빗 리소스 그룹을 서브넷이라고 하며, 서브넷은 VPC에 IP 주소의 범위다.📌 서브넷이란? 서브네트워크는 대규모 네트워크 내의 작은 네트워크다. 1장 VPC(Amazon Virtual Private Cloud)수많은 EC2 인스턴스가 있는데 이 모든 리소스가 경계가 없으면 네트워크 트래픽 제한 없이 리소스 간에 흐를 수 있다. → AWS 리소스에 경계를 설정하는 데 사용할 수 있는 네트워킹 서..

서론 크롬이 인터넷 익스플로러보다도 성능이 좋은데 이유는 V8엔진이라고 하는 자바스크립트 엔진 때문이다. 자바스크립트는 프로그래밍 언어인데 이를 사람이 문법을 사용하면 그 문법을 컴퓨터가 해석해서 동작한다. 하지만 실제 이 언어를 해석해서 컴퓨터에 전달하기 위해서는 엔진이라는게 필요하다. 예를 들어 자바스크립트를 써서 인터넷 익스플로러에서는 차크라라는 자바스크립트 엔진이 내장되어 있고 파이어폭스에서는 스파이더 몽키라는 엔진이 내장되어 있다. 그리고 크롬 브라우저에서는 V8엔진이라는 자바스크립트 엔진이 내장되어 있다. V8엔진은 성능이 빠른데 이는 벤치마크 툴을 통해서 숫자로 정량적으로 비교할 수 있는데, 크롬은 그럴 필요 없이 맨눈으로만 봐도 빠르다고 느낄 정도이다. 이게 바로 크롬과 익스플로러의 차이..

일시: 2025.05.14 - 05.15 장소: 서울 코엑스 컨벤션 센터 🗒️ 들었던 강연 목록 ( 둘째날만 참석하였습니다.)11:10 ~ 11: 50 : 성공적인 생성형 AI 혁신 비결: 프로토타입 실험에서 비즈니스 가치 실현12:50 ~ 13:30 : Amazon Q Developer 애플리케이션 현대화의 신(神)13:50 ~ 14:10 : 나만의 AI 업무비서 에이닷 비즈, 이제 시간이 소요되는 번거로운 업무는 에이닷 비즈에게 맡기고 핵심업무에 집중하세요.16:30 ~ 17:10 : 복잡한 VPC 연결은 이제 그만! PrivateLink와 VPC Lattice 로 더 스마트하게 서론 AWS에 평소 관심이 있어 Cloud Practitioner 자격증을 준비하며 클라우드 기초 지..

📌 Amazon VPC Lattice 📗 VPC (Virtual Private Cloud)- 사용자 전용 네트워크 환경- AWS 클라우드 안에서 격리된 프라이빗한 공간- 구성요소: 서브넷, 라우팅 테이블(네트워크의 흐름 결정), 인터넷 게이트웨이, 보안그룹, ACL 📗 기존에는 VPC 안에서 서비스끼리 통신하려면, 여러 복잡한 네트워크 설정과 구성 요소를 사용했어야 했다. 1️⃣ 같은 VPC안에서 통신- 내부 IP + 보안 그룹 설정까지 [EC2: Service A] ↔ (Internal IP 통신) ↔ [EC2: Service B] 2️⃣ 다른 VPC 간 통신VPC Peering, Transit Gateway, PrivateLink 등 사용 1) AWS Transit Gateway- 여러 ..

☁️ AWS 스토리지 & 데이터베이스 완전 정리클라우드를 제대로 이해하기 위해 꼭 알아야 할 AWS의 스토리지 및 데이터베이스 서비스!이 글에서는 블록 스토리지부터 객체 스토리지, 파일 스토리지, 다양한 DB 서비스까지 전반적인 내용을 쉽게 정리해보았습니다. 📦 블록 수준 스토리지SSD, 하드디스크📌 SSD란, Solid State Drive 줄임말로 데이터를 저장하는 장치기존의 하드디스크(HDD)는 회전하는 디스크에 데이터를 저장움직이는 부품 없이, 반도체 칩에 바로 데이터를 저장 → 빠르고 조용하고 튼튼데이터를 작은 블록 단위로 저장하는 저장방식EC2 인스턴스에도 하드디스크가 있다.유형에 따라 인스턴스 스토어 볼륨이라고 하는 로컬 저장소를 제공할 수 있다.이러한 볼륨은 EC2 인스턴스가 실제로 ..

서사자바스크립트가 왜 만들어졌을까? 바로 웹 페이지의 엘리먼트요소를 동적으로 만들고 싶어서였다. 그리고 가장 처음 인터넷을 대중화시킨 브라우저는 무엇일까? 바로 넷스케이프아라는 회사의 모자이크라는 브라우저가 최초였다.  인터넷 익스플로러의 등장 그에 비해 2년 뒤에 출시한 마이크로소프트의 인터넷 익스플로러는 넷스케이프에 비해 뛰어난 기술력을 갖추고 있는 건 아니었다. 심지어 초기 인터넷 익스플로러 1.0은 기술력 부족으로 경쟁사인 넷스케이프에게 라이센스 비용을 지불하고 만들어야 했다. 하지만 사업가 빌게이츠는 꽤나 심박한 마케팅 전략을 내세우며 '인터넷 익스플로러'는 브라우저 시장의 1등 점유율의 타이틀을 얻게 된다.첫번째 성공 요인은 전면 무료화였다. 넷스케이프는 모자이크 브라우저가 회사의 핵심 비즈니..

💻 암호화 종류대칭 암호화동일한 키 사용예) 고급 암호화 표준(AES)비대칭 암호화 (RSA)암호화에는 공개 키, 복호화에는 개인 키📌 공개키 기법 (비대칭 암호) - RSA암호화RSA의 이니셜은 처음 알고리즘은 공개한 수학자 이름(Rivest Shamir Adleman)대칭키 암호화와 달리 공개키와 비밀키 서로 다른 두개를 사용하여 암호화 및 복호화공개키: 누구나 알아도 되는 키비밀키: 소유자만 아는 키공개키 암호화 → 비밀키 복호화비밀키 암호화 → 공개키 복호화대칭키 암호화 보다 리소스를 많이 사용하고 효율성이 떨어지기 때문에 메시지나 전체 파일을 암호화 하는 데에는 적합하지 않는다.SSH 같은 많은 프로토콜은 RSA 암호화 및 보안 시그니처 기능에 사용된다.📝 공개키 암호화 예시공개키는 누구나..

`concat()`매개변수로 전달된 모든 문자열을 호출 문자열에 붙인 새로운 문자열로 반환const str1 = 'hello'const str2 = 'world'str1.concat(' ', str2) `includes()`하나의 문자열이 다른 문자열에 포함되어 있는지 판별결과를 true false로 반환const sentence = 'The quick brown fox jumps over the lazy dog.';const word = 'fox';sentence.includes(word) ? 'is' : 'is not' `indexOf()``string` 객체에서 주어진 값과 일치하는 첫번째 인덱스를 반환값이 없으면 -1로 반환const paragraph = "I think Ruth's dog is ..

📝 function*generator 객체를 반환제너레이터는 중간에 원하는 부분에서 멈추거나, 그 부분부터 다시 실행하는 능력을 가진 함수즉시 실행되지 않고, 함수를 위한 iterator 객체가 반환iterator의 next() 메서드를 호출하면 genrator 함수가 실행되어 yield 문을 만날 때까지 진행하고, 해당 표현식이 명시하는 iterator로부터의 반환값을 반환yield* 표현식을 마주칠 경우, 다른 generator 함수가 위임되어 진행된다.이후 next() 메서드가 호출되면 진행이 멈췄던 위치에서부터 재실행된다.next()가 반환하는 객체는 yield 문이 반환할 값을 나타내는 value 속성과 generator 함수 안의 모든 yield 문의 실행 여부를 표시하는 boolean 타입..

🔍 reducer💻 action과 reduceraction은 store로 운반할 데이터를 말한다. 상태 변화를 담은 객체이 액션이 reducer라는 함수로 전달 되고 이 함수가 넘겨 받은 action은 가지고 새로운 state를 만든다.action → reducer → storelet user = createSlice({ name: 'userName', initialState: 'brgndy', reducers: { changeName(state) { return state + 'jeon'; } }})reducer를 이용해서 changeName이라는 함수를 만들어 주었다.저 매개변수로 들어간 state는 기존에 있던 초기 state 값이다. 💻 reducer로 만든 함수 ..

참고자료1 CSS 선택자 - CSS: Cascading Style Sheets | MDNCSS 선택자는 CSS 규칙을 적용할 요소를 정의합니다.developer.mozilla.org ✨CSS 선택자 📕 기본 선택자💻 전체 선택자* { color: green;} 💻 유형 선택자💻 클래스 선택자💻 ID 선택자 💻 특성 선택자 ⭐️- `[attr]` : 이름의 특성을 가진 요소를 선택- `[attr=value]`: attr이라는 이름의 특성값이 정확히 value인 요소를 선택함- `[attr~=value]` : 이름의 특성값이 정확히 value인 요소를 선택. 공백으로 구분한 여러 개의 값을 가지고 있을 수 있음- `[attr|=value]` : attr이라는 특성값을 가지고 있으며 정확히 va..