FOR A BETTER ME162 VPC와 Subnet을 통한 세부 필터링 실습 AWS VPC 가상 네트워크를 생성하기 위한 서비스 서버존과 DB존으로 이루어진 VPC VPC라는 큰 덩어리 안의 작은 서브넷들 각자 분리된 네트워크: 다른 회사의 vpc주소와 숫자가 같아도 괜찮다 AWS를 시작할 때 자동으로 배치되는 단일 VPC 환경은 ⇒ 모든 인프라 자원(EC2, ELB, RDS 등)이 하나의 네트워크에 배치되는 형태 외부에서 데이터 베이스에 접근할 수 있는 등의 보안상 결함의 가능성 자신만의 독립적인 주소 대역을 사용하는 custom VPC를 사용하는 것이 적절 여러 부분으로 나뉜 Subnet 장점: 보안! 특정 IP로 가기 위한 경로 지정(라우팅) ⇒ 트래픽의 세밀한 분류 ⇒ 세부적인 필터링 가능 단점: 장기적인 큰 비용 초기 비용은 저렴하나 장기적 비용 큰 편 ⇒ 자체적으로 데.. 2020. 8. 7. GRE & VPN 을 통한 사설 IP간 통신하기 GRE 터널링 구축 실습 🎫 시나리오 : 인터넷을 사용하여 서울 본사- 제주 지사 간 네트워크 구축이 가능하지만, 인터넷 라우터는 사설IP주소를 라우팅 못하게 설정되어 있어 통신이 불가능한 문제가 발생한다. 이때 본사와 지사를 '터널링'을 통해 연결하자. 터널링 구축 SEOUL(config)# int tunnel 0 SEOUL(config-if)# ip add 172.16.12.1 255.255.255.0 SEOUL(config-if)# tunnel destination 23.23.23.3 SEOUL(config-if)# tunnel source fa0/0 SEOUL(config-if)# tunnel mode gre ip JEJU(config)# int tunnel 0 JEJU(config-if)# ip.. 2020. 8. 7. IP 주소의 변환에 대하여: NAT & PAT IP에는 크게 두 가지 종류가 있다. Public(공인) IP: ISP가 제공, 인터넷 사용 가능, 돈내야함. Private(사설) IP: 무료인 대신 인터넷 사용 불가 NAT Network Address Translation 네트워크 계층 : L3 왜 NAT가 필요한가? 1. 공인주소 절약: 공인주소의 수는 제한되어 있는데, NAT를 통해 여러 개의 사설주소가 한정된 공인주소 공유 가능 2. 보안적 측면: 중요한 데이터가 있는 서버가 공인 주소를 가지고 인터넷에 접속하면 외부에 노출되는 위험이 존재하는데, NAT를 통해 보안 위험 예방 가능 따라서 인터넷과 서버(사설IP) 사이에 공인IP를 가진 NAT 장비를 놓고, 필터링을 거친 트래픽만 받을 수 있게 한다. (NAT기능만 있는 장비가 있기도 하고, .. 2020. 8. 7. Beanstalk을 통한 웹 애플리케이션 배포 및 관리 AWS Beanstalk ? : 도커 컨테이너를 기반으로 애플리케이션을 쉽게 배포할 수 있고 운영 및 관리를 하는 서비스 ✔️ 별도의 사용료는 없고, 사용한 AWS 리소스 만큼 비용이 과금 ✔️ 알아서 EC2 인스턴스 유형을 변경 ✔️ Auto Scaling으로 EC2 인스턴스를 늘리고, ELB 로드 밸런싱을 통한 부하 분산으로 애플리케이션 배포까지 자동 📍 실습: Beanstalk으로 웹 애플리케이션 배포 및 데이터 관리 1. VPC 및 Subnet 구성 (IGW 및 Router table) 🌐 VPC: 10.0.0.0/16 🌐 Subnet for ELB: 10.0.1.0/24 🌐 Subnet for Web Instance: 10.0.2.0/24 2. 배포할 웹 애플리케이션 파일 준비 후 Elastic.. 2020. 8. 5. if 중첩문 : elif #!/bin/bash echo -n "TYPE THE PACKAGE NAME YOU WANT TO INSTALL:" read packname echo -n "$packname will be installed, right? [Y/N]" read answer if [ $answer == y -o $answer == Y ] then echo "Installing $packname ... " yum -y install $packname elif [ $answer == n -o $answer == N ] then echo "CANCELLED" else echo "PLEASE ANSWER WITH 'Y' OR 'N'" fi 2020. 6. 22. "Google 계정을 만들 수 없습니다 " 오류 해결 - 기존 계정을 싹 다 밀어버리고 탈퇴한 다음, 새로운 계정을 생성하려고 했는데, "현재 구글 계정을 만들 수 없습니다." 또는 "Can't create google account" 오류가 떴다 방문기록이나 캐시 지우고, 시크릿모드에서 해보고, 인터넷 익스플로러에서 해보고, 모바일 사파리로도 시도해봤는데 자꾸 실패했다. 그러다가 유투브 어플로 들어가서 '계정 생성하기'를 진행했더니 아주 깔끔하게 성공 !! 2020. 6. 13. HTML & CSS : fieldset inside fieldset , <hr> 출력해야 할 웹페이지 화면: 내가 작성한 코드: 카드 정보 입력 카드 타입 VISA AmEx Mastercard 카드 번호 CRC 번호 카드 소유자 이름 1. inside 일 때 css 스타일을 다르게 적용하기 위해 div로 class를 나누었다. 2. 이중선 가운데 텍스트 넣기 & ::before & ::after 활용하여 구분선 가운데 텍스트(ex. 구매 버튼) 넣기 성공! 2020. 6. 7. HTML & CSS source: fieldset 태그 출력되어야 할 웹페이지 화면 : 내가 작성한 소스코드 : 신상정보 이름 이메일 휴대폰 번호 Visual Studio Code 1. : 여러 개의 control들을 그룹지을 때 활용 이때 태그는 태그의 캡션 역할 2. 새로 배운 것 - padding 값을 통해 그룹 안 여백 크기를 조절 - 태그의 "placeholder" 속성: 해당 타입에서 입력하게 될 내용의 예시를 미리 보여주기 - 태그의 "pattern" 속성: 해당 타입에서 입력받는 값을 어떤 패턴으로 받을 것인지 설정 2020. 6. 7. HTML source : input 출력되어야 할 웹페이지 화면 : 내가 작성한 코드 : HTML 5 요소 데모 화면 이름: 이메일: 웹사이트: 정수: 범위: 메세지: Visual Studio Code 1. input : 사용자로부터 정보 입력받을 때 사용하는 태그 range, number, text, email, submit 등 다양한 type을 사용할 수 있다. 2. 새로 배운 것! - range type에서 " list = tickmarks "속성을 이용하여 눈금을 표시할 수 있다! - autofocous 옵션: 입력창에 자동으로 포커스(깜빡 깜빡 ! 여기에 작성하세요오) 를 적용할 때 사용한다! *포커스를 적용한다: 입력창에 텍스트를 입력하기 위해 마우스를 클릭하여 입력창을 선택 2020. 6. 7. 이전 1 ··· 13 14 15 16 17 18 다음
