분류 전체보기 (958) 썸네일형 리스트형 [비공개] Weekly Report - 24/10/21~24/10/27, 1583일차 보호되어 있는 글입니다. [작성중] keycloak k8s 배포 보호되어 있는 글입니다. [작성중][제철음식 알리미] bottomNavBar, didChangeDependencies, pageController 제철음식 알리미 앱을 제작하며 학습했던 내용들을 정리한다. 1. BottomNavBar bottomNavBar 요소를 통해서 페이지를 이동할 수 있도록 했다. Scaffold 내부에 bottomNavigationBar 인자로 아래와 같이 BottomNavBar를 추가했다.bottomNavigationBar: BottomNavBar( selectedIndex: _selectedIndex, onItemTapped: _onItemTapped,) 여기서 _selectedIndex, _onItemTapped를 통해 현재 선택된 index 값과 홈 또는 검색 아이콘이 클릭되었을 때의 행동을 정의한다. selectedIndex 값은 홈페이지의 index 값을 0, 검색 페이지의 index 값을 1로 두었다. 그.. [제철음식 알리미] ValueListenableBuilder, ValueNotifier 제철음식 알리미 앱을 제작하며 학습했던 내용들을 정리한다. 1. ValueNotifier제철음식 알리미는 아래와 같이 MonthSlider와 PageView로 구성되어있다. 여기서 아래 애니메이션과 같이, 두 개의 다른 요소가 서로 상호작용하며 바뀌는 월 정보를 추적해야한다. PageView를 좌우로 스와이프해도 MonthSlider의 월 정보가 바뀌어야하고, MonthSlider의 화살표를 누르더라도 PageView의 내용이 변경되어야한다. 이를 위해 현재 선택된 month 정보를 selectedMonth라는 변수로 두고 ValueNotifier로 등록했다. class _HomeViewState extends State { final ValueNotifier selectedMonth = .. Keycloak ID(username) 찾기 기능 구현하기 1. ID 찾기 기능필요한 경우가 있을 수 있어 추가적인 SPI(Service Provider Interface)로 개발할 수 있다.다만, ID 찾기 기능은 적용하기에 좀 애매한 부분이 있다. 보안적인 측면에서 문제가 없다고 판단되고 안전하다고 생각될 경우에만 적용해야한다.ID까지 찾을 수 있다면, 악의적인 사용자가 ID, PW 모두 찾아서 계정을 탈취할 수 있다.글로벌 서비스(Google, Figma 등)에서는 제공하지 않는다.따라서 간이로만 작성하였으며, form template과 연동하는 원리를 이해하는 목적으로 작성했다. 추가적인 구현은 필요하다면 추가로 하면 될 것 같다.소스코드는 아래 링크의 forgot-username-extension 부분에서 확인할 수 있다.https://github.co.. keycloak 2차 인증(문자, 이메일) 구현하기 w/ AWS SNS 문자 및 이메일로 본인 인증을 하는 flow를 추가하는 Provider를 생성하고, 사용하는 방법에 대해 다룹니다. 1. 소스 코드keycloak Expert인 dasniko라는 분의 SMS 2차 인증 authenticator 예시 코드https://github.com/dasniko/keycloak-2fa-sms-authenticator함께 올려져있는 영상을 보면 대부분 이해할 수 있음 2. 코드 설명 및 변경2.1 SmsAuthenticator.classaction 메서드에서 사용자가 입력한 Code 값과 내부에서 지정한 Code 값을 비교. 성공과 실패에 따라 context.success(), context.failuareChallenge 등을 호출하여 인증 단계를 진행하고, 사용자에게 보여줄 페이.. [비공개] Weekly Report - 24/10/14~24/10/20, 1576일차 보호되어 있는 글입니다. [제철음식 알리미] 2. 화면 요소: Flexible, Expanded, Positioned 제철음식 알리미 앱을 제작하며 학습했던 내용들을 정리한다. 1. Stack과 Positioned 이전 글에서 플러터의 화면 요소들은 기본적으로 Stack으로 쌓인다는 것을 공부했다. 그리고 Stack 요소 자체를 추가하여 화면을 구성할 수도 있다. 예를 들어 아래의 화면처럼 음식의 목록 화면이 존재하고, 음식 목록 화면의 스크롤 여부와는 별개로 그 위쪽에 겹치도록 광고 화면을 구성하고 싶을 수 있다. 이럴 때 화면의 아래에서부터 위로 쌓아나가는 Stack과 고정된 위치를 지정할 수 있는 Postioned 요소를 사용하면 된다.return Stack(children: [ Builder(builder: (context) { return Container( ... 음식 목록 화면에 사용된 C.. 이전 1 2 3 4 5 6 7 ··· 120 다음
