반응형

Keycloak의 로그인 페이지 사용자 정의

1. 개요 Keycloak 은 웹 또는 모바일 애플리케이션의 인증 및 권한 부여 요구 사항을 관리하는 데 사용되는 타사 권한 부여 서버입니다. 기본 로그인 페이지를 사용하여 앱을 대신하여 사용자를 로그인합니다. 이 예제에서는 다른 모양과 느낌을 가질 수 있도록 Keycloak 서버의 로그인 페이지를 사용자 정의하는 방법에 중점을 둘 것입니다. 독립형 서버와 내장형 서버 모두에서 이를 확인할 수 있습니다. 이를 위해 Keycloak 예제 을 위한 사용자 정의 테마를 기반으로 구축 할 것입니다. 2. 독립형 Keycloak 서버 사용자 정의 사용자 정의 테마 의 예를 계속 진행 하여 독립 실행형 서버를 먼저 살펴보겠습니다. 2.1. 관리 콘솔 설정 서버를 시작하려면 Keycloak 배포가 보관된 디렉터리로 ..

Javascript/React 2021.09.20

Spring @Qualifier 어노테이션

1. 개요 이 예제에서는 @Qualifier 어노테이션이 우리에게 어떤 도움을 줄 수 있는지 , 어떤 문제를 해결하는지, 어떻게 사용하는지 살펴보겠습니다. 또한 @Primary 어노테이션과 이름으로 자동 연결 하는 것과 어떻게 다른지 설명합니다 . 2. 명확성을 위한 Autowire의 필요성 @Autowired 어노테이션은 명시 적으로 Spring에 의존성을 주입 할 필요가 만드는 좋은 방법입니다. 유용하기는 하지만 이 어노테이션만으로는 Spring이 주입할 빈을 이해하기에 충분하지 않은 사용 사례가 있습니다. 기본적으로 Spring은 유형별로 자동 연결된 항목을 해결합니다. 컨테이너에서 동일한 유형의 두 개 이상의 빈을 사용할 수 있는 경우 프레임워크는 NoUniqueBeanDefinitionExcep..

Javascript/React 2021.09.14

Vue js 디렉티브 예제

디렉티브 디렉티브는 v- 접두사가 있는 특수 속성입니다. 디렉티브 속성 값은 단일 JavaScript 표현식 이 됩니다. (나중에 설명할 v-for는 예외입니다.) 디렉티브의 역할은 표현식의 값이 변경될 때 사이드이펙트를 반응적으로 DOM에 적용하는 것 입니다. 아래 예제에서 살펴보겠습니다. 이제 나를 볼 수 있어요 여기서, v-if 디렉티브는 seen 표현의 진실성에 기반하여 엘리먼트를 제거 또는 삽입합니다. 전달인자 일부 디렉티브는 콜론으로 표시되는 “전달인자”를 사용할 수 있습니다. 예를 들어, v-bind 디렉티브는 반응적으로 HTML 속성을 갱신하는데 사용됩니다. ... 여기서 href는 전달인자로, 엘리먼트의 href 속성을 표현식 url의 값에 바인드하는 v-bind 디렉티브에게 알려줍니다...

Javascript/Vue 2020.06.18

Vue js 템플릿 문법 예제

템플릿 문법 Vue.js는 렌더링 된 DOM을 기본 Vue 인스턴스의 데이터에 선언적으로 바인딩 할 수있는 HTML 기반 템플릿 구문을 사용합니다. 모든 Vue.js 템플릿은 스펙을 호환하는 브라우저 및 HTML 파서로 구문 분석 할 수있는 유효한 HTML입니다. Vue js 템플릿 데이터 출력 예제 문자열 데이터 바인딩의 가장 기본 형태는 “Mustache” 구문(이중 중괄호)을 사용한 텍스트 보간입니다. 메시지: {{ msg }}Mustache 태그는 해당 데이터 객체의 msg 속성 값으로 대체됩니다. 또한 데이터 객체의 msg 속성이 변경될 때 마다 갱신됩니다. v-once 디렉티브를 사용하여 데이터 변경 시 업데이트 되지 않는 일회성 보간을 수행할 수 있지만, 같은 노드의 바인딩에도 영향을 미친다..

Javascript/Vue 2020.06.18

CentOS에 YARN 설치하는방법

centos CentOS에 YARN 설치 CentOS 7 시스템에 Yarn을 설치하려면 다음 단계를 수행하십시오. 1. 시스템에 Node.js가 설치되어 있지 않은 경우 다음 [curl명령으로]아래와같이 Nodesource 리포지토리를 활성화하십시오 . curl --silent --location https://rpm.nodesource.com/setup_10.x | sudo bash - 다음을 입력하여 Node.js 패키지를 설치하십시오. sudo yum install nodejs 2. 공식 YARN 저장소는 지속적으로 유지 관리되며 최신 버전을 제공합니다. Yarn 저장소를 사용 가능하게하고 저장소의 GPG 키를 가져 오려면 다음 명령을 발행하십시오. curl --silent --location ht..

Javascript 2020.06.09
반응형