본문 바로가기

개발

(3)
플러터(Flutter)에서 한글 입력시 마지막 글자 중복 입력 이벤트 발생 이런식으로 안녕하세요 입력 후 '요'만 추가적으로 입력되는 이벤트가 발생했다.원인은한글은 마지막까지 어떤 글자로 완성될지 모르는 특성 때문에 IME를 사용하는데다음과 같이 '요' 글자 밑에 밑줄이 있는 상태를 composing 상태라고하며 다음 입력받을 글자를 대기중인 상태이다.이때 엔터키 등으로 입력을 하게되면 TextEditingController 가 두번 실행게된다.해결법은if (textController.value.composing.isValid) { print('composing'); return; }다음과 같이 TextEditingController의 value에서 composing값을 isvalid로 검사하여 true일경우그러니까 밑줄이 있을 경우 return;으로 처리했다.완벽한..
[스파르타 코딩클럽] 플러터 강의 2주차 2주차는 레이아웃을 활용하는 방법을 주로 배웠다. Row와 Column을 적절하게 사용해서 이미지와 텍스트를 적절하게 배치하여 시인성과 가독성이 좋은 UI를 만드는 것이 핵심이었다. 위 그림과 같이 Row와 Column안에 또 다른 Row와 Column을 넣어주고 거기에 아이콘과 텍스트를 적절하게 배치하면서 Padding과 Margin 등을 적용하고 ListView, GridView 등을 사용하면 더 편리한 UI를 만들 수 있다. 내가 만든 2주차 과제 Shazam 클론 코딩 https://dartpad.dev/?id=23221bab123f4bc761c0f46270c18f3d DartPad dartpad.dev 가장 어려웠던건 차트의 버튼을 누르게 만들고 하나가 눌리면 다른 하나는 풀리게 만들고 그에 따..
[스파르타 코딩클럽] 플러터 강의 1주차 이 강의를 듣게 된 이유는 AI 모델 혹은 기존 모델의 API를 활용해서 서비스를 만들고 싶어졌고 그래서 웹, 앱 모두 개발 가능한 언어를 배우고 싶어서였다. 공식 도큐먼트 혹은 책을 사서 배울 수도 있었지만 실제 예제를 따라하면서 만들면 더 퀄리티 높은 결과물을 만들 수 있을 것 같아서 인터넷 강의를 선택했고 마침 적절한 플러터 강의가 있어서 수강하게 되었다. Flutter vs React Native 모두 사용해보지는 않았지만 어떤 언어들인지는 대충 알고있었기 때문에 고민이 많았다. 나는 C, Java는 학부에서 배웠지만 JS는 배우지 않았기 때문에 Dart를 사용하는 Flutter가 더 배우기 쉬울 것 같았다. 그리고 디자이너도 없는 상황에서는 완성도 높은 다양한 위젯을 제공해주는 플러터가 끌렸다...