Fall in IT.

안녕하세요. 오늘은 AWS의 ELB의 설정인 Sticky session의 개념과 사용법에 대해서 알아보도록 하겠습니다. ELB란?Elastic Load Balancing의 약자로써, 부하분산(Traffic Load Balance)과 고가용성(High Availability)을 위한 서비스 입니다.(AWS 프리티어 계정에서 무료로 사용해보실 수 있습니다.) Sticky session이란?ELB의 옵션으로 사용됩니다.ELB는 기본적으로 라운드로빈 방식으로 트래픽을 분산 하는데, 이를 쿠키 또는 세션을 사용하여 트래픽을 분산하는 기능입니다.즉, 특정 사용자가 접속을 시도 했을때 처음 접속된 서버로 계속해서 접속되도록 트래픽을 처리하는 방식입니다. Sticky session 필요성로그인 세션을 유지하기 위해서 ..

안녕하세요. 오늘은 태그를 가운데 수직 가운데 정렬하는 방법에 대해서 알아보겠습니다. 태그 수직(horizontal) 가운데 정렬하는 방법parent의 div position이 relative, child의 div position이 absolute 일 경우 - sample code) Document .parent { position: relative; width: 500px; height: 500px; border: 3px solid tomato; } .child { width: 200px; height: 200px; border: 3px solid green; margin: auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50..

안녕하세요. 오늘은 태그를 가운데 수평 가운데 정렬하는 방법에 대해서 알아보겠습니다. 태그 수평(horizontal) 가운데 정렬하는 방법parent div 와 child div 의 position이 기본(static) 또는 relative일 경우 (아래 코드 참조) - sample code) Document .parent { border: 4px solid tomato; width: 700px; height: 700px; } .child { border: 2px solid gold; width: 200px; height: 200px; margin: 0 auto; } 결과child의 div position이 absolute 일 경우 - sample code ) Document .parent { posit..

안녕하세요. 오늘은 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. ..