분류 전체보기 (14) 썸네일형 리스트형 SVG SVG는 XML기반의 2차원 벡터 그래픽이다. 일반적인 도트단위 비트맵 그래픽과 달리 CSS와 Javascript의 적용이 가능하고, 이미지의 크기의 상관없이 화질이 선명하게 유지된다. 이러한 특징때문에 아이콘 혹은 그래프등과 같은 사용자 인터페이스에 널리 쓰인다. 다음 실습에 앞서서 SVG파일이 하나 필요한데 만약 없다면 아래 사이트에서 원하는 SVG파일을 다운 받을 수 있다. www.flaticon.com 1. SVG 출력하기 1. 태그를 이용하여 출력하기 2. background를 통해 출력하기 이 때, div태그는 너비가 없기 때문에 width와 height를 SVG크기만큼 지정해줘야한다. 3. 인라인으로 출력하기 svg파일을 보면 XML형식의 태그들을 볼 수 있다. 해당 코드를 HTML에 인라인.. Docker 컨테이너 네트워크 (1) 기본편 해당 글은 도커 컨테이너 생성 및 수정에 대한 자세한 설명은 없습니다. 1. 도커 컨테이너 네트워크 구조 1. 두개의 컨테이너 생성 docker run -it --name client ubuntu:14.04 docker run -it --name server ubuntu:14.04 두 개의 터미널을 열어 각각 컨테이너를 실행한 후에 ifconfig 명령어를 입력해보면 다음과 같이 eth0 와 lo라는 네트워크 인터페이스가 존재한다. eth0는 실제로 Ethernet과 같이 IP가 할당되어서 외부와 통신할 수 있는 네트워크이고, lo는 로컬 네트워크이다. root@42588a0aca5a:/ ifconfig eth0 Link encap:Ethernet HWaddr 02:42:ac:11:00:04 inet a.. Docker 컨테이너 생성, 실행 및 삭제 Docker 컨테이너는 하나의 도커 이미지를 통해 생성하는 격리된 시스템과 네트워크를 사용할 수 있는 독립된 공간입니다. 컨테이너는 읽기전용의 이미지에 여러 계층의 바이너리 파일을 쌓아 올려 만들어집니다. 1. 컨테이너 생성, 실행 및 삭제 1. 이미지 가저오기 위에서 언급했듯이 컨테이너 생성은 하나의 이미지를 필요로 한다. 다음 명령어를 통해 도커 허브에서 이미지를 다운 받을 수 있다. # docker pull 이미지:태그 docker pull ubuntu:16.04 가져온 이미지는 다음 명령어로 확인 할 수 있다. docker images 2. 컨테이너 생성 도커 컨테이너는 create명령어를 사용하여 생성할 수 있다. 이 때 --name 옵션으로 컨테이너의 이름을 설정할 수 있다. 또한 생성시에 -.. AWS VPC 및 간단한 IPv4 Amazon VPC란 무엇인가? AWS(Amazon Virtual Private Cloud) 란 이름에서 유추할 수 있듯이, Private Network를 구성하여 EC2 인스턴스끼리 통신을 하게 해주는 EC2의 네트워킹 계층이다. 모든 EC2는 VPC가 필요하며, EC2 생성시에 자동으로 생성 혹은 연결 된다. 네트워크 계층 여기서 말하는 네트워크 계층은 OSI model(네트워크 7계층)중 네트워크 인터페이스 계층을 의미한다. 이해를 돕기 위해 일반적으로 우리가 사용하는 Network Interface는 이더넷, 와이파이 인터페이스(유선랜, 무선랜) 등이 있다. 이들은 다양한 하드웨어를 네트워크에 연결한다. 네트워크 계층에 대해 더 자세한 설명은 다음 포스팅을 확인할 수 있다. 지금 당장 내용이 어렵.. AWS Lambda 기본 기능 파악하기 (1) 해당 글은 런타임으로 nodejs를 사용하며 Lambda의 추가 코드 작성과 같은 예제는 없습니다. Lambda의 용도는 다 알고 있으리라 생각한다. 직접 만들어 보며 어떤 것들을 제공하는지 어떻게 쓰면 좋을지에 대해서 살펴보자. 01. 새 함수 생성 간단하게 새 함수를 생성하자. 런타임이란 실행할 환경 즉 사용하실 언어를 선택하시면 된다. 예제에서는 런타임으로 Node.js 12.x를 선택했지만 다른 런타임을 선택하더라도 큰 무리 없다. 고급 설정에는 ARN과 VPN을 설정할 수 있다. 필요하시면 사용하시면 된다. 02. 디자이너 01. Layers 람다 함수의 코드 베이스 레이어를 등록한다. 일반적으로 외부 라이브라리를 사용해야 할 때, 주로 사용된다. 01. Layers를 등록하기 위해선 추가해야 .. Don't be alone. Use what others being conscious. I'm really lazy When I'm alone. Always be in the kitchen. Another thing, If I'm gonna to sleep, do on my face. API Gateway를 사용하여 API 구축하기 (3) REST API 생성 00. 준비사항 API Gateway의 주된 사용 목적은 Lambda일 것이라 생각한다. 또한 API Gateway를 잘 이해하기 위해서도 Lambda 예제가 좋을 것이라 믿는다. 그렇기 때문에 간단한 Lambda함수를 생성하자. 해당 글은 Lambda의 기초를 설명하는 글이 아니므로 Lambda 함수의 생성방법을 모른다면 다른 글을 참고하길 바란다. 예제 코드 'use strict'; console.log('Loading hello world function'); exports.handler = async (event) => { let name = "you"; let city = 'World'; let time = 'day'; let day = ''; let responseCode = 200; cons.. API Gateway를 사용하여 API 구축하기 (2) HTTP API 생성 00. 준비사항 API Gateway의 주된 사용 목적은 Lambda일 것이라 생각한다. 또한 API Gateway를 잘 이해하기 위해서도 Lambda 예제가 좋을 것이라 믿는다. 그렇기 때문에 간단한 Lambda함수를 생성하자. 해당 글은 Lambda의 기초를 설명하는 글이 아니므로 Lambda 함수의 생성방법을 모른다면 다른 글을 참고하길 바란다. 예제 코드 'use strict'; console.log('Loading hello world function'); exports.handler = async (event) => { let name = "you"; let city = 'World'; let time = 'day'; let day = ''; let responseCode = 200; cons.. Something I want to do today, Let's do it today. I'm gonna go to the theme park once I make friends I'm gonna cut my hair once I lose weight I'm gonna ask for new computers if I do well in my exams Even when I became an adult, Once I buy keyboards, I'll get MIDI Once I get a tatto, I'll shoot a new profile Once I have a company, I'm gonna release an album Once I get a driver's licence, I'm going on a trip After passing my 30s, there are no mor.. Why do I keep a journal on my blog, not on Twitter. Why do I keep a journal on my blog, not on Twitter. Ofcourse, I agree it's better to write on twitter than on blog. But I don't know how to use twitter and that makes it difficult to start writing a journal. So, I just started where i was most comfortable :) 이전 1 2 다음