Web5 API 요청 통제 기술 API Gateway API Client와 Server 사이 구간에 위치하여 다양한 목적으로 사용되는 역할을 한다. API Gateway 도입 이점 인증 및 권한 부여 서비스 검색 통합 응답 캐싱 정책, 회로 차단기 및 QoS 다시 시도 속도 제한 부하 분산 로깅, 추적, 상관 관계 헤더, 쿼리 문자열 및 청구 변환 IP 허용 목록에 추가 API Throttling API 요청에 속도와 횟수를 제한하는 것을 말한다. DoS(Denial of Service)와 같은 공격에 방어하기 위해서 필요하다. Scale Out을 통해 서버 자원을 확장하는 비용이 API 제공으로 얻는 금액보다 클 경우, API Throttling 도입을 통해 SLA(Service Level Agreement)에서 협의 대상으로 삼을수.. 2023. 8. 24. BEM 코드의 재사용성을 높이기 위한 Component 기반의 웹 개발 접근법 중 하나이다. BEM은 각각 Block, Element, Modifier의 약자이다. 기능적으로 독립된 Component로서 HTML에서는 class 속성으로 표현 되는 것이 Block이며, 그 Block의 구성 요소가 Element이다. Modifier는 Block과 Element의 외향을 결정하는 entity이다. 이름을 지을 때 상태가 아닌 그 목적으로 기술되어야 하며, 각각은 double underscore와 single underscore ( Block이름__Element이름_Modifier이름 )으로 분리한다. 하기 링크는 BEM Quick start 번역문서. BEM( Block, Element, Modifier) Qui.. 2020. 3. 2. CSS - transition, ease Transition 스타일 전환 효과 설정. 설정 요소와 지속 시간을 설정한다. .redbox :nth-child(2) { height: 0; transition: height 0.5s ease; } .redbox:hover :nth-child(2) { height: 10vmin; } 위 코드는 redbox 클래스 2번째 요소의 높이를 0에서 10vmin으로 0.5초만에 변경 시키는 것. .redbox :nth-child(2) { height: 1px; transition: height 0.5s ease, width 1s; } .redbox:hover :nth-child(2) { height: 10vmin; width: 5vmin; } 높이와 넓이를 동시에 설정할 수도 있다. 전환 속도 설정 ease는 .. 2020. 1. 29. Front-end Framework 사이트 Bootstrap 외에 참고해볼만한 사이트들 Foundation ( bootstrap과 유사) The most advanced responsive front-end framework in the world. | Foundation Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any d foundation.z.. 2020. 1. 23. 이전 1 2 다음
