Chapter 02. display속성, 선택자 이번에는 자주 쓰는 display 속성인 블록과 인라인의 차이에 대해서 알아보고 기타 display 속성들과 함께 css 선택자를 정리한다. Display 속성 CSS에서 display속성은 화면에서 element들이 어떻게 보여지는지를 결정한다. 우선 HTML의 요소들은 크게 블록(block)요소과 인라인(inline)요소으로 나눌 수 있다. , , ~, 등의 블록 요소는 하나의 태그가 브라우저에서 좌우 공간을 다 차지하면서 독립적인 공간을 가지는 요소다. 따라서 블록 요소 아래에 다른 태그를 쓰면 다음 줄에 요소가 나타난다. 이와 달리 , , 등의 인라인 요소는 하나의 태그가 브라우저에서 크기를 가질 수 있는 그 영역만 차지해 좌우로 다른 태그들이 나란..

Chapter 05. Amazon Virtual Private Cloud (Amazon VPC) Virtual Private Cloud(VPC) 즉, 가상 사설 클라우드는 개인 혹은 기관 만의 작은 가상 데이터 센터를 구축(내 나와바리 만들기)하는 것이라고 생각하면 쉽다. VPC가 없었던 시절, 우리가 EC2 인스턴스들을 만들면 우리도 모르는 아마존 서버 어딘가에 인스턴스들이 여기저기 퍼져 있었다고 한다. 즉 AWS를 이용하던 회사A의 인스턴스와 회사B의 인스턴스가 같은 네트워크를 사용하고 있었다는 말이다. 그러다 2009년 VPC 서비스를 출시하고 난 이후부터 회사A와 회사B가 서로 완전히 격리된 독자적인 네트워크 시스템을 사용할 수 있게 되었다. 현재는 EC2 인스턴스를 생성할 때 아래와 같이 VPC..

Chapter 04. Amazon EC2 (Amazon Elastic Compute Cloud) Amazon Elastic Compute Cloud, 즉 Amazon EC2는 'Elastic'이라는 단어처럼 컴퓨팅 용량을 유연하게 늘렸다 줄였다 할 수 있는 IaaS방식 클라우드 서비스다. EC2에서 필요한 만큼의 가상 서버를 빌리면 EC2에서 보안 및 네트워킹을 구성해주고 스토리지를 관리할 수 있게 해준다. 쉽게 말해 가변적인 용량을 가진 가상의 깡통 컴퓨터를 빌려준다고 보면 된다. 그 가상 컴퓨터에 OS든 소프트웨어든 웹 애플리케이션이든 입맛에 맞게 설치해서 사용할 수 있는 것이다. EC2의 기능(features of EC2) 인스턴스(instance) 더보기 AWS에서 제공하는 하나의 컴퓨터 단위를 ..

Chapter 03. Identity and Access Management (IAM) IAM(AWS Identity and Access Management)는 AWS내의 ID에 따라 AWS 리소스에 대한 액세스를 제어하는 핵심 인프라 서비스다. 계정을 처음 생성하고 로그인하면 루트 사용자(root user)로 접속하는데, 이 루트 사용자는 AWS 서비스 및 계정 리소스에 모든 액세스 권한을 가지고 있다. 이 root user대신 필요한 만큼의 권한만 가진 IAM유저를 생성해 필요한 서비스에 활용할 수 있다. 이 IAM 유저를 생성하고 관리하는 것이 IAM이다. AWS는 보안 이슈로 인해 오직 root user만 수행할 수 있는 일부 작업들을 제외하고는 전부 IAM유저를 사용해 작업하도록 강력하게 권고하..

Chapter 01. 클라우드 컴퓨팅(Cloud Computing) 클라우드 컴퓨팅의 등장 이전 기존 서버의 방식은 개인 혹은 각 기관이 물리적인 서버를 구입해 서버실 같은 별도의 물리적 공간에 배치하고 인터넷을 연결해 이용자들에게 서비스를 제공하는 것이었다. 수백만원대의 개인용 서버부터 수천, 수억원에 달하는 전문적인 서버를 실제로 구매하는 것은 비용적인 부담이 될 뿐만 아니라 구매한다고 끝나는 문제도 아니었다. 물리적 공간에 설치하고 난 이후에 서버가 자동적으로 가동되는 것도 아니라 서버에 os도 별도로 설치해야 했으며 서비스를 원활히 공급하기 위한 복잡한 절차로 인해 서버를 가동, 유지, 보수하는 데 더 많은 인력들이 필요했다. 서버를 24시간 가동하는 데 필요한 서버와 냉방기, 공조장치들의 전기세..

Chapter 01. 색상부터 단위, 박스까지 웹사이트를 만들면서 항상 CSS는 막히면 구글링을 통해서 해결법을 찾아왔다. 이번 기회에 한번 전체 정리를 해보려고 한다. 아주 기초적인 부분들은 빼고 핵심적인 부분만 정리해서 앞으로도 찾아볼 수 있도록 만드는 것이 목표다 CSS 파일(CSS files) 보통 CSS 파일은 HTML파일과 분리해서 사용한다. HTML파일에 태그로 style을 지정해 줄 수 있지만 코드가 복잡해질 수 있기 때문에 간단한 파일이 아니라면 분리해서 사용하는 것을 추천한다 home ┣ index.html ┗ style.css 주로 위와 같이 style.css로 이름을 짓지만 페이지마다 다른 css를 적용하거나 할 때는 다양한 이름으로 바꾸어 줘도 상관없다. 위의 코드를 적용해서 cs..

Chapter 06. 장고의 Queryset 2편 (Retrieve 심화) 지난 편에 이어서 QuerySet의 조회에 대한 상세한 내용을 정리했다. 데이터 객체 조회하기 ⅱ(Retrieving objects) 단일한 데이터 객체 조회하기(Retrieving a single object with get()) get() : 단 하나의 데이터 객체만을 조회한다 filter()는 결과가 0개, 1개 혹은 여러개의 QuerySet을 불러올 때 사용할 수 있는 데 반해, get()은 단 하나의 결과 만을 얻어야 할 때 사용한다. get()은 결과가 0개라면 DoesNotExist(결과가 존재하지 않는다)를 발생(raise)시키고, 여러개라면 MultipleObjectsReturned(여러개의 결과가 리턴됐다)를 발..

Chapter 05. 장고의 Queryset 1편 (Create와 Retrieve 기초) models.py에서 데이터 모델을 만들면 *데이터 객체를 만들고(create) 검색하고(retrieve) 수정하고(update) 삭제하는(delete) DB추상화 API를 자동적으로 사용할 수 있다. 데이터 객체의 CRUD(Create, Retrieve(Read), Update, Delete)는 Django ORM에서 제공하는 Queryset 자료형(Data Type)을 이용한다. Queryset은 DB에서 전달받은 객체의 목록으로, 구조는 list와 비슷하지만 파이썬의 기본 자료형이 아니므로 읽기 위해선 형변환이 필요하다. * 데이터 객체는 DB의 레코드(record) 혹은 행(row)라고 생각하면 편하다. 데이..

Chapter 04. 모델(Model)에 관하여 앞서 언급한 것처럼 장고의 모델은 DB 테이블을 결정짓는다. 즉, 모델에는 데이터가 저장될 때 어떤 필드에 저장될 것인지, 이 데이터가 저장될 때 어떤 동작을 할 것인지 등이 포함된다. 기초 각 모델은 django.db.models.Model의 서브클래스다 모델의 각 속성(attribute)는 DB의 필드(Field)를 의미한다 모델을 생성하면 Django는 자동으로 생성된 DB엑세스 API(save(), delete() 등)를 제공한다 모델 생성 및 사용 # app/models.py from django.db import models class Person(models.Model): class Meta: db_table = "person" name = m..

Chapter 03. 장고의 Template Language 템플릿 언어(Template Language)는 장고 Template에서 사용할 수 있는 특별한 문법이며 템플릿 변수, 템플릿 필터, 템플릿 태그, 템플릿 코멘트가 있다. 템플릿 변수(Template Variable) {{ 변수 }} 중괄호를 두번 열고 닫은 형태로 View에서 템플릿이 렌더될 때 해당 변수가 의미하는 값으로 변환된다. 템플릿 렌더링에서 .(점) 연산자는 lookup(조회)를 나타낸다 템플릿 시스템이 렌더하는 도중 변수 이름에서 점을 발견한다면 다음과 같은 순서대로 lookup을 한다 dictionary - 변수를 사전으로 간주하고 점 뒤에서 Key값 조회 attribute - 변수를 객체로 간주하고 객체의 내부 속성값 조회 혹..