페이지 레이아웃 버전

아티클
02/24/2024

페이지 레이아웃 패키지는 페이지 요소의 수정 사항 및 개선 사항을 포함하도록 주기적으로 업데이트됩니다. 다음 변경 로그는 각 버전에 도입된 변경 내용을 지정합니다.

Important

Azure Active Directory B2C는 새로운 페이지 레이아웃 버전마다 향상된 기능과 수정 사항을 릴리스합니다. 모든 페이지 요소에 최신 보안 기능, 접근성 표준 및 피드백이 반영되도록 페이지 레이아웃 버전을 최신 상태로 유지하는 것이 좋습니다.

jQuery 및 Handlebars 버전

Azure AD B2C 페이지 레이아웃은 다음 버전의 jQuery 라이브러리 및 핸들바 템플릿을 사용합니다.

요소	페이지 레이아웃 버전 범위	jQuery 버전	핸들바 런타임 버전	Handlebars 컴파일러 버전
다단계	>= 1.2.8	3.5.1	4.7.7	4.7.7
	>= 1.2.4	3.5.1	4.7.6	4.7.7
	< 1.2.4	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
selfasserted	>= 2.1.11	3.5.1	4.7.7	4.7.7
	>= 2.1.4	3.5.1	4.7.6	4.7.7
	< 2.1.4	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
unifiedssp	>= 2.1.7	3.5.1	4.7.7	4.7.7
	>= 2.1.4	3.5.1	4.7.6	4.7.7
	< 2.1.4	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
globalexception	>= 1.2.3	3.5.1	4.7.7	4.7.7
	>= 1.2.1	3.5.1	4.7.6	4.7.7
	< 1.2.1	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
providerselection	>= 1.2.3	3.5.1	4.7.7	4.7.7
	>= 1.2.1	3.5.1	4.7.6	4.7.7
	< 1.2.1	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
claimsconsent	>= 1.2.2	3.5.1	4.7.7	4.7.7
	>= 1.2.2	3.5.1	4.7.7	4.7.7
	< 1.2.1	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
unifiedssd	>= 1.2.3	3.5.1	4.7.7	4.7.7
	>= 1.2.1	3.5.1	4.7.6	4.7.7
	< 1.2.1	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4

자체 어설션된 페이지(셀프 어설션됨)

2.1.29

CAPTCHA 추가

2.1.26

이벤트로 Key Down 대체 Keypress 되고 클래식 모드에서 필수가 아닌 경우 방지 Asterisk 합니다.

2.1.25

CSP(콘텐츠 보안 정책) 위반을 수정하고 추가 요청 헤더 X-Aspnetmvc-Version을 제거합니다.

2.1.24

접근성 버그를 수정했습니다.
MFA 관련 문제 및 IE11 호환성 문제가 해결되었습니다.

2.1.23

접근성 버그를 수정했습니다.
기본 템플릿의 UI 표시 영역에 대한 min-width 값이 감소되었습니다.

2.1.22

접근성 버그를 수정했습니다.
백 엔드 라이브러리에서 생성된 QR 코드 이미지를 채택하는 논리를 추가했습니다.

2.1.21

XSS 공격을 방지하기 위해 스크립트 태그의 더 많은 삭제 이 수정 버전은 .의 <body>모든 스크립트 태그를 중단합니다. 태그에 스크립트 태그를 <head> 추가해야 합니다. 자세한 내용은 Azure Active Directory B2C에서 JavaScript 및 페이지 레이아웃 버전 사용을 참조 하세요.

2.1.20

MFA에서 Enter 이벤트 트리거를 수정했습니다.
CSS는 작은 화면에 대해 세로 방식으로 렌더링 페이지 텍스트/컨트롤을 변경합니다.

2.1.19

접근성 버그를 수정합니다.
기존 사용자 등록에 대해 정의되지 않은 오류 메시지를 처리합니다.
페이지 수준 대신 암호 불일치 오류를 인라인으로 이동합니다.

2.1.18

필수 항목에 별표 추가
클래식 템플릿에 대한 TOTP 스토어 아이콘 위치 수정
확인 코드가 인증된 경우에만 입력 항목을 활성화합니다.
배경 이미지에 대한 대체 텍스트 추가
TOTP 검증을 통한 서버 오류에 대한 사용자 지정 추가

2.1.17

설명적인 오류 메시지를 추가하고 forgotPassword 링크를 수정했습니다.
확인란을 그룹으로 만들기
제어 변경 시 유효성 검사 오류 업데이트를 적용하고 유효성 검사된 이메일에서 계속을 사용하도록 설정합니다.
유효성 검사 실패 응답에 오류 코드에 더 많은 필드 추가

2.1.16

코드를 확인하는 동안 "확인 컨트롤에 대한 클레임이 확인되지 않았습니다." 버그가 수정되었습니다.
유효성 검사 성공 시 오류 메시지를 숨기고 유효성 검사를 위해 코드를 보냅니다.

2.1.15

QR 텍스트 길이로 인한 QR 코드 생성 버그 수정

2.1.14

TOTP 다단계 인증 화면에 대한 WCAG 2.1 접근성 버그가 수정되었습니다.

2.1.10

탭 인덱스 수정
WCAG 2.1 접근성 및 화면 읽기 프로그램 문제 수정

2.1.9

TOTP 다단계 인증 지원. 사용자가 Microsoft 인증자 앱을 다운로드하고 설치하여 인증자에 대한 TOTP 등록을 완료할 수 있는 링크를 추가합니다.

2.1.8

클레임 이름은 사용자의 특성 입력 요소를 둘러싼 <li> HTML 요소의 class 특성에 추가됩니다. 클래스 이름을 사용하면 CSS 선택기를 만들어 특정 사용자 특성 입력 요소의 부모 <li>를 선택할 수 있습니다. 다음 HTML 태그는 등록 페이지에 대한 클래스 특성을 보여줍니다.

<div id="attributeList" class="attr">
  <ul>
    <li class="EmailBox email_li">...</li>
    <li class="Password newPassword_li">...</li>
    <li class="Password reenterPassword_li">...</li>
    <li class="TextBox displayName_li">...</li>
    <li class="TextBox givenName_li">...</li>
    <li class="TextBox surname_li">...</li>
    <li class="TextBox extension_age_li">...</li>
  </ul>
</div>

2.1.7

요청이 실패하는 언어 인코딩 문제를 해결했습니다.
양식 제출 시에만 인라인 오류 메시지를 표시하는 접근성 버그를 수정했습니다.

2.1.6

다른 필드에 너무 빨리 입력할 경우 지워지는 암호 오류를 해결했습니다.

2.1.5

텍스트 중간에 편집할 때 iOS에서 커서 점프 문제가 해결되었습니다.

2.1.4

jQuery 버전을 3.5.1로 업데이트했습니다.
HandlebarJS 버전을 4.7.6으로 업데이트했습니다.

2.1.3

보안 수정 사항입니다.

2.1.2

스페인어 및 프랑스어와 같은 언어에 대한 지역화 인코딩 문제가 해결되었습니다.

2.1.1

페이지에 제목으로 표시하는 것 intro 외에도 UXString heading 이 추가되었습니다. 이 메시지는 기본적으로 숨겨집니다.
iCloud 키 집합에 암호를 저장하는 지원이 추가되었습니다.
레이아웃(classic, oceanBlue 또는 slateGray)을 선택하기 위해 정책 또는 QueryString 매개 변수 pageFlavor페이지에 제목으로 표시하는 지원을 추가했습니다.
자체 어설션된 페이지에 고지 사항이 추가되었습니다.
이제 페이지가 로드될 때 편집 가능한 첫 번째 필드에 포커스가 배치됩니다.
이제 여러 필드에 오류가 있는 경우 첫 번째 오류 필드에 포커스가 배치됩니다.
이제 전자 메일 확인 코드가 확인된 후 '변경' 단추에 포커스가 배치됩니다.

2.1.0

지역화 및 접근성 수정.

2.0.0

사용자 지정 정책의 표시 컨트롤에 대한 지원을 추가했습니다.

1.2.0

사용자 이름/전자 메일 및 암호 필드는 이제 HTML 요소를 사용하여 form Microsoft Edge 및 IE(Internet Explorer)가 이 정보를 제대로 저장할 수 있도록 합니다.
사용자 환경을 개선하기 위해 구성 가능한 사용자 입력 유효성 검사 지연을 추가했습니다.
접근성 수정
내레이터에서 오류 메시지를 읽도록 접근성 문제를 해결합니다.
이제 메일이 확인된 후 암호 필드에 포커스가 배치됩니다.
검사box 컨트롤에서 제거되었습니다autofocus.
전화 번호 확인을 위한 디스플레이 컨트롤에 대한 지원이 추가되었습니다.
이제 HTML 태그에 data-preload="true" 특성을 추가할 수 있습니다.
- 연결된 CSS 파일을 HTML 템플릿과 동시에 로드하므로 파일 로드 사이에 ‘깜박임’이 발생하지 않습니다.
- 페이지가 로드되기 전에 script 태그를 가져오고 실행하는 순서를 제어합니다.
이제 type=email 전자 메일 필드가 있으며 모바일 키보드는 올바른 제안을 제공합니다.
Chrome 번역에 대한 지원.
사용자 흐름 페이지에서 회사 브랜딩에 대한 지원이 추가되었습니다.

1.1.0

취소 경고 제거됨
오류 요소에 대한 CSS 클래스
향상된 오류 논리 표시/숨기기
기본 CSS 제거됨

1.0.0

초기 릴리스

팁

여러 로캘 또는 사용자 흐름의 언어를 지원하도록 페이지를 지역화하는 경우. 지역화 ID 문서에서는 선택한 페이지 버전에 사용할 수 있는 지역화 ID 목록을 제공합니다.

2.1.17

CAPTCHA를 추가합니다.

2.1.14

Keypress를 Key Down 이벤트로 바꿨습니다.

2.1.13

CSP(콘텐츠 보안 정책) 위반을 수정하고 더 많은 요청 헤더 X-Aspnetmvc-Version 제거

2.1.12

IE11 호환성을 위해 ReplaceAll 함수를 제거했습니다.

2.1.11

접근성 버그를 수정했습니다.

2.1.10

XSS 공격을 방지하기 위해 스크립트 태그의 추가 삭제를 추가했습니다. 이 수정 버전은 .의 <body>모든 스크립트 태그를 중단합니다. 태그에 스크립트 태그를 <head> 추가해야 합니다. 자세한 내용은 Azure Active Directory B2C에서 JavaScript 및 페이지 레이아웃 버전 사용을 참조 하세요.

2.1.9

접근성 버그를 수정했습니다.
고대비 단추 표시 및 앵커 포커스 개선과 관련된 접근성 변경

2.1.8

설명적인 오류 메시지를 추가하고 forgotPassword 링크를 수정했습니다!

2.1.7

접근성 수정 - 탭 인덱스 수정

2.1.6

접근성 수정 - 확인을 위해 입력 필드에 포커스를 설정합니다.
UI 요소 및 CSS 클래스에 대한 업데이트

2.1.5

idp 선택기 템플릿이 로그인 페이지에서 사용되는 경우 탭 순서의 문제를 해결했습니다.
로그인 링크 텍스트의 인코딩 문제가 해결되었습니다.

2.1.4

jQuery 버전을 3.5.1로 업데이트했습니다.
HandlebarJS 버전을 4.7.6으로 업데이트했습니다.

2.1.3

보안 수정 사항입니다.
사소한 버그 수정.

2.1.2

스페인어 및 프랑스어와 같은 언어에 대한 지역화 인코딩 문제가 해결되었습니다.
"암호 잊기" 링크를 클레임 교환으로 사용할 수 있도록 허용합니다. 자세한 내용은 셀프 서비스 암호 재설정을 참조하세요.

2.1.1

페이지에 제목으로 표시하는 것 intro 외에도 UXString heading 이 추가되었습니다. 이 메시지는 기본적으로 숨겨집니다.
레이아웃(classic, oceanBlue 또는 slateGray)을 선택하기 위해 정책 또는 QueryString 매개 변수 pageFlavor페이지에 제목으로 표시하는 지원을 추가했습니다.
iCloud 키 집합에 암호를 저장하는 지원이 추가되었습니다.
이제 여러 필드에 오류가 있는 경우 첫 번째 오류 필드에 포커스가 배치됩니다.
이제 페이지가 로드될 때 편집 가능한 첫 번째 필드에 포커스가 배치됩니다.
클레임 공급자 선택 링크 bottomUnderFormClaimsProviderSelections에 대한 새 위치가 추가되었습니다.
더 이상 사용되지 않는 UXStrings가 제거되었습니다.

2.1.0

여러 등록 링크에 대한 지원이 추가되었습니다.
정책에 정의된 조건자 규칙에 따라 사용자 입력 유효성 검사에 대한 지원이 추가되었습니다.
로그인 옵션이 이메일로 설정된 경우 로그인 헤더에는 “로그인 이름으로 로그인”이 표시됩니다. 사용자 이름 필드에는 “로그인 이름”이 표시됩니다. 자세한 내용은 지역화를 참조 하세요.

1.2.0

사용자 이름/전자 메일 및 암호 필드는 이제 HTML 요소를 사용하여 form Microsoft Edge 및 IE(Internet Explorer)가 이 정보를 제대로 저장할 수 있도록 합니다.
접근성 수정
이제 HTML 태그에 data-preload="true" 특성을 추가하여 CSS 및 JavaScript의 부하 순서를 제어할 수 있습니다.
- 연결된 CSS 파일을 HTML 템플릿과 동시에 로드하므로 파일 로드 사이에 ‘깜박임’이 발생하지 않습니다.
- 페이지가 로드되기 전에 script 태그를 가져오고 실행하는 순서를 제어합니다.
이제 type=email 전자 메일 필드가 있으며 모바일 키보드는 올바른 제안을 제공합니다.
Chrome 번역에 대한 지원.
사용자 흐름 페이지에서 테넌트 브랜딩에 대한 지원이 추가되었습니다.

1.1.0

KMSI(로그인 유지) 컨트롤이 추가됨

1.0.0

초기 릴리스

MFA 페이지(다단계)

1.2.15

MFA 페이지에 CAPTCHA를 추가합니다.

1.2.12

KeyPress를 KeyDown 이벤트로 바꿨습니다.

1.2.11

IE11 호환성을 위해 ReplaceAll 함수를 제거했습니다.

1.2.10

접근성 버그를 수정했습니다.

1.2.9

MFA에서 이벤트 트리거를 수정 Enter 합니다.
CSS 변경 내용은 작은 화면에 대해 페이지 텍스트/컨트롤을 수직 방식으로 렌더링합니다.
다단계 탭 탐색 버그를 수정합니다.

1.2.8

추가 심사를 위해 백 엔드에 대한 오류가 있는 MFA 확인에 대한 응답 상태를 전달했습니다.

1.2.7

다시 시도 코드 레이블의 접근성 문제가 수정되었습니다.
IE 11의 기본 매개 변수 비호환으로 인해 발생하는 문제가 해결되었습니다.
H1 제목을 설정하고 기본적으로 사용하도록 설정합니다.
HandlebarJS 버전을 4.7.7로 업데이트했습니다.

1.2.6

확인 코드 필드의 autocomplete 값을 false에서 꺼짐으로 수정했습니다.
몇 가지 XSS 인코딩 문제를 수정했습니다.

1.2.5

요청이 실패하는 언어 인코딩 문제를 해결했습니다.

1.2.4

jQuery 버전을 3.5.1로 업데이트했습니다.
HandlebarJS 버전을 4.7.6으로 업데이트했습니다.

1.2.3

언어 지역화를 통해 도구 설명 문자열 재정의 허용
보안 수정 사항입니다.
사소한 버그 수정.

1.2.2

iOS를 사용할 때 확인 코드를 자동 필터링하는 문제가 해결되었습니다.
Android 웹 보기에서 신뢰 당사자로 토큰을 리디렉션하는 문제를 해결했습니다.
페이지에 제목으로 표시하는 것 intro 외에도 UXString heading 이 추가되었습니다. 이 메시지는 기본적으로 숨겨집니다.
레이아웃(classic, oceanBlue 또는 slateGray)을 선택하기 위해 정책 또는 QueryString 매개 변수 pageFlavor페이지에 제목으로 표시하는 지원을 추가했습니다.

1.2.1

기본 템플릿의 접근성 수정

1.2.0

접근성 수정
이제 HTML 태그에 data-preload="true" 특성을 추가하여 CSS 및 JavaScript의 부하 순서를 제어할 수 있습니다.
- 연결된 CSS 파일을 HTML 템플릿과 동시에 로드하므로 파일 로드 사이에 ‘깜박임’이 발생하지 않습니다.
- 페이지가 로드되기 전에 script 태그를 가져오고 실행하는 순서를 제어합니다.
이제 type=email 전자 메일 필드가 있으며 모바일 키보드는 올바른 제안을 제공합니다.
Chrome 번역에 대한 지원.
사용자 흐름 페이지에서 테넌트 브랜딩에 대한 지원이 추가되었습니다.

1.1.0

'코드 확인' 단추가 제거됨
이제 코드의 입력 필드가 최대 6자까지만 입력됩니다.
페이지는 단추를 클릭하지 않고도 6자리 숫자 코드가 입력될 때 입력된 코드를 자동으로 확인하려고 시도합니다.
코드가 잘못된 경우 입력 필드가 자동으로 지워집니다.
잘못된 코드를 사용하여 세 번 시도하면 B2C는 신뢰 당사자에게 오류를 다시 보냅니다.
접근성 수정
기본 CSS 제거됨

1.0.0

초기 릴리스

예외 페이지(globalexception)

1.2.5

IE11 호환성을 위해 ReplaceAll 함수를 제거했습니다.

1.2.4

접근성 버그를 수정했습니다.

1.2.3

HandlebarJS 버전을 4.7.7로 업데이트했습니다.

1.2.2

H1 제목을 설정하고 기본적으로 사용하도록 설정합니다.

1.2.1

jQuery 버전을 3.5.1로 업데이트했습니다.
HandlebarJS 버전을 4.7.6으로 업데이트했습니다.

1.2.0

접근성 수정
이제 HTML 태그에 data-preload="true" 특성을 추가하여 CSS 및 JavaScript의 부하 순서를 제어할 수 있습니다.
- 연결된 CSS 파일을 HTML 템플릿과 동시에 로드하므로 파일 로드 사이에 ‘깜박임’이 발생하지 않습니다.
- 페이지가 로드되기 전에 script 태그를 가져오고 실행하는 순서를 제어합니다.
이제 type=email 전자 메일 필드가 있으며 모바일 키보드는 올바른 제안을 제공합니다.
Chrome 번역에 대한 지원

1.1.0

접근성 수정
정책에서 연락처가 없는 경우 기본 메시지를 제거했습니다.
기본 CSS 제거됨

1.0.0

초기 릴리스

기타 페이지(ProviderSelection, ClaimsConsent, UnifiedSSD)

1.2.4

IE11 호환성을 위해 ReplaceAll 함수를 제거합니다.

1.2.3

접근성 버그를 수정했습니다.

1.2.2

HandlebarJS 버전을 4.7.7로 업데이트했습니다.

1.2.1

jQuery 버전을 3.5.1로 업데이트했습니다.
HandlebarJS 버전을 4.7.6으로 업데이트했습니다.

1.2.0

접근성 수정
이제 HTML 태그에 data-preload="true" 특성을 추가하여 CSS 및 JavaScript의 부하 순서를 제어할 수 있습니다.
- 연결된 CSS 파일을 HTML 템플릿과 동시에 로드하므로 파일 로드 사이에 ‘깜박임’이 발생하지 않습니다.
- 페이지가 로드되기 전에 script 태그를 가져오고 실행하는 순서를 제어합니다.
이제 type=email 전자 메일 필드가 있으며 모바일 키보드는 올바른 제안을 제공합니다.
Chrome 번역에 대한 지원

1.0.0

초기 릴리스

다음 단계

사용자 지정 정책에서 애플리케이션의 사용자 인터페이스를 사용자 지정하는 방법에 대한 자세한 내용은 사용자 지정 정책을 사용하여 애플리케이션의 사용자 인터페이스 사용자 지정을 참조하세요.

페이지 레이아웃 버전

jQuery 및 Handlebars 버전

자체 어설션된 페이지(셀프 어설션됨)

암호 재설정 링크를 사용하는 통합 로그인 및 가입 페이지(unifiedssp)

MFA 페이지(다단계)

예외 페이지(globalexception)

기타 페이지(ProviderSelection, ClaimsConsent, UnifiedSSD)

다음 단계

추가 리소스