App 2

앱에서 input 클릭시 뷰포트 안으로 들어오게 하는 방법

this.document.activeElement.scrollIntoView()는 웹 페이지에서 현재 포커스된(활성화된) 요소를 뷰포트(viewport) 내에 보이도록 스크롤하는 메서드 호출을 의미합니다. 이것은 웹 페이지의 사용자 인터페이스에서 특정 요소에 포커스가 주어졌을 때, 해당 요소가 사용자에게 보이도록 자동으로 스크롤하는 데 사용됩니다.용도사용자가 웹 페이지에서 키보드를 사용하거나 특정 상호작용을 통해 요소를 활성화할 때, 해당 요소가 뷰포트 밖에 있을 수 있습니다. 이때 scrollIntoView()를 사용하면 활성화된 요소가 자동으로 뷰포트 안으로 스크롤되어 사용자에게 보여지도록 할 수 있습니다. 이는 특히 접근성 측면에서 유용하며, 사용자 경험을 개선하는 데 도움이 됩니다.작동 방식thi..

프로그래밍/Js 2024.05.08

[flutter] 백버튼(뒤로가기) 클릭시 "종료하시겠습니까?" 다이얼로그 추가

뒤로가기 버튼을 클릭했을 때 "종료하시겠습니까?"와 관련된 기능을 추가하려면 WillPopScope 위젯을 사용하여 백 버튼 이벤트를 처리할 수 있습니다. 아래와 같이 코드를 수정하여 "뒤로가기" 버튼 클릭 시 종료 여부를 묻는 다이얼로그를 표시할 수 있습니다. 기존코드 @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Flutter WebView 11'), ), body: WebViewWidget( controller: controller, ), ); 수정코드 Future _onWillPop() async { return await showDialog( context: cont..