일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- Golines
- System Design
- AWS
- 대규모 시스템 설계
- Bastion Server
- gitops
- argocd
- Infra
- tenneling
- Kubernetes
- 알림 시스템
- golang
- image resizing
- GoF
- Lambda@Edge
- Helm V3
- go
- GoF 디자인패턴
- UnBuffered channel
- notification system
- Buffered channel
- Logrus
- 클래스 관계
- 시스템 설계
- 컴포지트패턴
- 윈도우키보드
- AWS Infra
- goroutine
- Live Template
- 디자인패턴
- Today
- Total
목록2017/09 (2)
Fall in IT.
안녕하세요. 오늘은 rem과 em에 대해서 간단하게 알아보도록 하겠습니다. em이란?길이가 유연한 가변 단위. media query와 함께 사용하면, 뷰포트의 크기에 따라 길이를 가변적으로 핸들링 할 수 있습니다.상위 엘리먼트의 폰트 사이즈를 기준으로 적용되는 방식 (정확히는, 실제 사용된 요소의 폰트 크기와 직접 연관 된다고 합니다.) - 자세한 내용 rem이란?길이가 유연한 가변 단위.media query와 함께 사용하면, 뷰포트의 크기에 따라 길이를 가변적으로 핸들링 할 수 있습니다.최상위 엘리먼트(html)의 폰트 사이즈를 기준으로 적용되는 방식 px로 사이즈를 지정할 경우?절대값으로 사용되는 단위. 뷰포트의 크기에 상관없이 고정된 값으로 렌더링 됩니다. rem을 사용하는 경우요소에 크기가 절대 ..
안녕하세요. 오늘은 화살표함수(arrow function expression)에 대해서 알아보겠습니다. 화살표함수란?화살표함수 표현은 일반 함수 표현보다 간결하게 함수를 표현할 수 있는 방식입니다. 화살표 함수의 특징function 표현에 비해 구문이 짧습니다.나머지 매개변수 및 기본 매개변수가 지원 됩니다.화살표 함수는 자신만의 this를 생성하지 않습니다.화살표 함수 표현은 메소드 함수가 아닌 속에 적당합니다. 그래서 생성자로서 사용할 수 없습니다. 화살표 함수는 항상 익명입니다. 화살표함수 예제 기존 방식var a = function(user) {return user.age > 20;} 화살표함수를 적용한 방식1. 기본var a = (user) => {return user.age > 20;} 2. ..