# TextField
TextField에 Int 사용하기 (feat. Formatter)
Formatter를 사용해서 TextField와 Int 변수를 bind 해봅시다.
위젯에 대한 기능_3
Column : 세로방향에 대한 레이아웃을 잡을 때 사용합니다. mainAxisSize : 세로 방향에 대한 크기 mainAxisAlignment : 세로 방향에 대한 정렬 crossAxisAlignment : 가로 방향에 대한 정렬 Row : 가로방향에 대한 레이아웃을 잡을 때 사용합니다. mainAxisAlignment : 가로 방향에 대한 cros...
비밀번호 입력 필드 만들기 (with SecureField)
이번 포스팅에서는 비밀번호 입력 필드를 만들어보겠습니다. 단순한 비밀번호 필드가 아니라 웹에서 흔히 보는 비밀번호 숨기기를 토글할 수 있는 기능을 구현해보도록 하겠습니다. SecureField 비밀번호 입력 필드를 만들기 위해서는 사용자가 입력한 값을 보이지 않게
TextField와 TextEditor
TextField는 이름도 비슷한 UITextField와 같은 역할을 합니다. 사용자의 text 입력을 받는 역할입니다. TextEditor는 TextField와 거의 유사합니다만 더 긴 text 입력을 받기 위해서 사용한다는 차이점이 있습니다. 두 View 모두 te
Flutter TextField 한글만 입력 허용하기 (천지인/10키 조합형 문제 해결 포함)
Flutter TextField에 FilteringTextInputFormatter.allow로 한글만 입력 허용하고자 할 때 (천지인/10키 키패드에서 입력 시 한글이 정상적으로 입력되지 않을 때 문제 해결 방법 포함)
Material UI Select, TextField 오류 해결
Material UI의 TextField에 MenuItem을 사용할 때, 메뉴 아이템들이 텍스트필드 아래로 보여져야 하는데, 텍스트 필드를 가리면서 아이템이 출력됨.Material UI 버전 문제였다. 기존 v4에서는 material-ui/core에서 라이브러리를 가져
React MUI(Material UI) Dynamic Textfield
Dynamic Textfield 사용자가 원하는 대로 컴포넌트를 추가하고, 삭제할 수 있도록 구현하고자 한다. add, remove button 추가 컴포넌트를 원하는 만큼 추가하고 제거할 수 있도록 하는 버튼을 추가한다. add, remove 함수 추가 실행 화
Dart Textfield 정규식
Flutter의 TextField위젯에서 입력을 받다보면, 정규식을 이용해야 할 때가 온다.검색을 하다보면, 늘 그렇듯이 내가 원하는 입맛에 딱 맞는 코드는 안나오는게 국룰.이 글을 보는 독자들도 딱 입맛에 맞는 것은 아니겠지만, 최대한 큰 틀에서 설명 해보고자 한다.
Flutter - 플러터 완성형 한글 validation
플러터의 RegExp 를 활용하여 완성형 한글을 입력받도록 하는 함수를 공유하고자 한다.
TextField 글자수 제한하기
TextField의 글자수 제한 방법 1) maxLength : 5 / maxLengthEnforced : true 2) inputFormatters:LengthLimitingTextInputFormatter(10)하지만 위의 방법을 적용해도 다음과 같은 결과가 일
[iOS] 키보드가 나타나면 TextField 이동
iOS 개발하며 프레임워크의 완성도가 안드로이드에 비해 좋다고 느끼고 있다. 단 하나만 빼고. 안드로이드의 EditText에 해당하는 입력 필드인 TextField에 입력할 때 키보드가 올라오면서 레이아웃을 덮어버린다. 그래서 화면 하단에 입력창이 있을 때 내가 뭘 쓰는지 보이지 않는다. 게다가 입력창 옆에 버튼이라도 있으면 누를 수가 없다. 엔터키 동...