목록Web (17)
오답노트
VPC (Virtual Private Cloud) 사용자가 정의한 가상의 네트워크 환경을 의미한다. 통신을 위한 기본 네트워크 환경을 구성할 수 있다. 보안 강화 목적과 부족한 IP 자원의 효율적인 관리 목적이 있다. VPC 생성 과정 IP Range 결정 VPC 구성시 가장 먼저 고려하는 것이 IP의 범위이다. 그 이유는 CIDR(Classless Inter-Domain Routing) 기법을 사용하기 때문이다. IP Range를 결정할 때, 아래 사항들을 살펴보자 구축할 서비스의 규모 IP 소모가 많은 시스템 추후 서비스 확장 가능성 타 시스템과 연계 가능성 Class 여기서 Class는 IP를 2진수로 표현시 32자리를 중 일부를 Network 나머지는 Host 주소로 할당 하도록 하는 것이다. C..
EC2 (Elastic Compute Cloud) EC2는 AWS에서 제공하는 가상 서버 서비스로 일종의 Virtual Machine이다. 재구성이 가능한 컴퓨팅 리소스를 지원해주고 쉽게 확장되고 축소되는 컴퓨팅 용량을 제공해준다. '고객 업무' 영역에 다른 다양한 인스턴스 타입을 제공하고 사용한 만큼 과금하는 구조로 되어있다. 과금 기준은 초단위이다. EC2 Security Gruop 보안 그룹 규칙으로는 Name, Description, Protocol, Port range, IP address, IP range, Security Group name이 있다. 특징으로는 인바운드 아웃바운드를 지정할 수 있고, 모든 인터넷 프로토콜을 지원한다. 인스턴스 동작 중에도 규칙을 변경할 수 있다. 계층적인 보안..
가상화 가상화는 운영체제에서 물리적 하드웨어를 분리하여 IT담당자가 직면한 많은 문제에 대한 해결책을 제공하는 기술이다. 가상화된 리소스는 물리적 리소스로 부터 공유된 것들이고, 각 가상화된 리소스는 물리적 리소스를 보지 못하고 할당된 리소스만 인식할 수 있다. 또 가상 이더넷 어댑터와 가상 스위치는 하이퍼바이저가 소프트웨어적으로 구현하여 제공한다. 즉 우리가 사용하는 인터넷도 물리적 리소스로 부터 논리적으로 구현하여 가상화된 환경에서도 인터넷을 사용할 수 있게된다. 하이퍼바이저 시스템에서 다수의 운영 체제를 동시에 실행할 수 있게 해주는 논리적 플랫폼이다 Type1(Native 또는 Bare-metal) 또는 Type2 (Hosted)가 존재한다. AWS (Amazone Web Service) AWS는..
CSS : Cascading style sheets HTML을 꾸며주는 언어 html이 웹페이지의 정보를 표현한다면, CSS는 html을 보기 좋게 디자인하는 역할 CSS 문법 h1 { color: yellow; font-size:2em; } 선택자(selector) 속성(property) 값(value) 선언(declaration) 선언부(declaration block) 규칙(rule set) CSS 주석 /* 주석입니다 */ /* 주석입니다 */ CSS 적용방식 Inline코드의 재활용이 쉽지 않아 잘 사용되지 않음 내용 해당 요소에 직접 스타일 속성을 이용해서 규칙들을 선언하는 방법 Internal 태그는 태그를 사용하여 규칙들을 선언 External스타일 규칙들을 별도의 외부 파일로 만들어 ht..
콘텐츠 모델 콘텐츠 모델의 7 분류 Metadata Content : 콘텐츠의 style, script를 설정 하거나 다른 문서와의 관계 등의 정보를 포함하는 요소 Flow Content : 문서에 사용되는 대부분의 요소 Sectioning Content : 헤딩과 푸터의 범위를 결정하는 요소, 아웃라인이 있음 Heading Content : 섹션의 헤더를 정의하는 요소 Phrasing Content : 문서의 텍스트이며 문단 내부 레벨로 마크업하는 요소 Embedded Content : 외부 컨텐츠를 표현하는 모델 Interacitve Content : 사용자와 상호작용하는 요소 시멘틱 마크업 컴퓨터(브라우저)가 잘 이해할 수 있는 코드 의미에 맞는 요소를 사용 문서의 구조화 인간과 기계가 모두 이해할..
HTML 태그 소개 버전에 따라서 새로 추가되도 삭제하기도 한다. 제목과 단락요소 제목(Heading) 태그 ~ 숫자가 작아질 수록 큰 수준의 제목 단락(paragraph)과 개행(linebreak) 단락 단락 별로 개행한다. 단락 안에서 다시 태그를 사용해도 개행되지 않는다. 개행 단락 태그 내에서 개행을 할려면 개행 태그를 사용해야함 텍스트를 꾸며주는 요소 : 글자를 굵게 표현한다. : 글자를 이탤릭체로 표현한다. : 글자에 밑줄을 표시한다. : 글자에 중간선을 넣는다. 앵커 요소 앵커 태그 다른 문서로 이동할 수 있는 링크를 생성한다. href(하이퍼 레퍼런스) 속성을 무조건 가지고 있다 href 속성 내에 #id 속성을 사용하면 내부 링크로 사용할 수 있다. 회사 소개로 이동하기 ... 중략. 회..
HTML 소개 HTML 이란? 웹페이지를 만들 때 사용하는 언어 HTML 문법 태그 무언가를 표기하기 위한 꼬리표, 또는 이름표 태그 = 요소 같은 의미라고 생각할 것 Hello,HTML 📋 h1 : 태그 이름 : 시작태그 : 종료 태그 Hello, HTML : 내용 속성(Attribute) 이름과 값으로 이루어져 있고 시작 태그 안에 선언한다. 태그 이름과 띄어쓰기로 구분하며, 속성은 띄어쓰기로 구분하지 않는다. 이름=값의 형태로 쓰이며 값은 쌍따옴표 또는 홀따옴표로 감싸준다. 모든 태그에서 사용가능한 속성 존재 특정 태그에서 무조건 사용해야하는 속성 존재 Hello,HTML Hello,HTML 태그 중첩(Nesting Tags) 올바른 예 부모태그 내에 자식태그가 종료되어있음 Hello, HTML 잘..