[CSS] CSS 속성 - Grid

CSS Grid(그리드)는 2차원(행과 열)의 레이아웃 시스템을 제공합니다.
Flexible Box도 훌륭하지만 비교적 단순한 1차원 레이아웃을 위하며, 좀 더 복잡한 레이아웃을 위해 우리는 CSS Grid를 사용할 수 있습니다.

Continue reading

[CSS] CSS 개요

웹(Web)을 구성하는 HTML, CSS, JS의 이해와 학습은 단순히 기술을 배우는 것으로 그치지 않고 웹과 모바일 그리고 IT 전반의 과거, 현재, 미래를 이해하는 데 많은 도움을 줍니다. 그리고 실무적으로 Product를 보다 구조적인 관점에서 볼 수 있는 능력을 키울 수 있습니다. 특히 Product 개발과 관련해 밀접하게 협업하는 기획, 디자인, 기술 영업 등의 직군에서 많은 도움이 될 수 있습니다. 이런 이유로 여러 기업에서 비전공자에게 개발 경험을 요구하는 경우가 상당히 많아졌습니다.

Continue reading

[HTML] HTML IMG의 srcset과 sizes 속성

일반적으로 반응형 웹에서 이미지를 지원하기 위해, ‘미디어쿼리’라고 부르는 CSS Media Rule(@media)에서 background-image 속성을 많이 사용하는데, 반응형 이미지를 처리하기 위해 뷰포트(Viewport)의 크기부터 사용자 화면의 해상도 등 많은 환경을 고려해야 합니다.
하지만 우리는 HTML IMG의 srcsetsizes를 통해 쉽게는 이미지의 크기를 설정하는 것만으로 대부분의 고려 사항을 사용자 브라우저에 떠넘길 수 있습니다.

Continue reading

[HTML] HTML 개요

웹(Web)을 구성하는 HTML, CSS, JS의 이해와 학습은 단순히 기술을 배우는 것으로 그치지 않고 웹과 모바일 그리고 IT 전반의 과거, 현재, 미래를 이해하는 데 많은 도움을 줍니다. 그리고 실무적으로 Product를 보다 구조적인 관점에서 볼 수 있는 능력을 키울 수 있습니다. 특히 Product 개발과 관련해 밀접하게 협업하는 기획, 디자인, 기술 영업 등의 직군에서 많은 도움이 될 수 있습니다. 이런 이유로 여러 기업에서 비전공자에게 개발 경험을 요구하는 경우가 상당히 많아졌습니다.

Continue reading

[DjangoAWS] 장고와 AWS S3

AWS S3 는 아마존 웹 서비스(AWS)에서 제공하는 클라우드 스토리지 서비스를 이용하기에 앞서 AWS IAM 서비스에서 기존에 생성한 kangpro` 권한을 설정한다.

Continue reading

[DjangoAWS] 장고와 AWS 탄력적 IP, AWS Route 53 DNS

이번 포스트에서는 배포한 웹서비스에 도메인 네임으로 접속할 수 있도록 하는 방법을 알아볼 것이다. DNS는 IP 주소에 도메인 이름을 부여해서 외우기 힘든 IP 주소 대신 알아보기 쉬운 도메인 이름을 통해서 특정 서버에 접속할 수 있도록 해주는 시스템이다. 지금 우리가 AWS 컴퓨터에 올려놓은 웹 사이트에 접속하기 위해서는 *.ap-northeast-2.compute.amazonaws.com 와 같은 주소로 접속해야한다. 이것도 DNS를 통해 부여된 도메인 이름이긴 하지만 차라리 IP 주소를 외우는 것이 더 쉬울 것만 같이 복잡하고 길다. 이제 웹 사이트에게 간단하고 알아보기 쉬운 DNS를 새로 부여해보자.

Continue reading

[DjangoAWS] 장고와 AWS 데이터베이스 RDS 사용

이번 포스트에서는 프로젝트가 사용할 데이터베이스를 별개의 서버에 두고 운영하는 방법을 알아본다. 각자의 기능이 최적으로 운영되도록 하기 위해서는 기능별로 별도의 서버를 두고 관리하는 것이 효율적이다. 아마존에서 제공하는 RDS 는 데이터베이스 운영에 최적화된 환경에서 효율적으로 데이터베이스를 관리하기 위해 별도로 운영하는 서버이다.

Continue reading

[oracle] 오라클 SQL Fundamentals II

오라클 SQL 유저 액세스 제어, 스키마 객체 관리, 데이터 딕셔너리 뷰를 사용하여 객체 관리, 대형 데이터 집합 조작, 다른 시간대에서 데이터 관리, Subquery를 사용하여 데이터 검색, 정규식 지원

Continue reading

Pagination


© 2020. GANGPRO. All rights reserved.