폼 사용성 15

input에 숫자 입력시 천 단위로 콤마를 적어 준다면 주의할 점이 있습니다.

input value에 쉼표를 찍은 뒤 replace하게 될 텐데요. 그 때마다 커서가 맨 뒤로 이동한다는 점입니다.

이게 사용자의 입력 제어권에 민감한 사람들에게는 꽤 불편한 느낌을 줍니다.

그래서 커서의 위치까지 파악해서 커서 위치도 제자리로 돌려 두는 코딩을 해야 합니다.

아주 깔끔한 사용자 경험을 줄 게 아니라면 차라리 입력 칸과 보기 칸(콤마 숫자와 한국어)을 나누는 게 낫습니다.

아이폰 기업은행 앱은 아예 input에 커서를 표시하지 않게 해 이를 극복했습니다.

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 2월 15일 오전 1:40

 • 

저장 6조회 1,002

댓글 0

    함께 읽은 게시물

    "마케팅을 바꾸는 데이터의 힘"을 읽고 정리해본 마케팅/데이터 개념

    요즘 제품을 만드는 개발자라면 단순히 코드만 잘 짜는 것 이상을 요구받습니다. 고객을 이해하고, 데이터 기반으로 제품을 개선할 수 있는 감각이 점점 더 중요해지고 있는데요.

    ... 더 보기

    테스트코드 작성 하시나요?

    ... 더 보기

    테스트코드 작성 하시나요?

    또라이개발자

    테스트코드 작성 하시나요?

     • 

    저장 41 • 조회 6,235


    앱 개발 개척시대

    A

    ... 더 보기

    앱 개발 개척시대

    K리그 프로그래머

    앱 개발 개척시대

     • 

    저장 7 • 조회 1,877


    1인 개발자의 최고의 사무실은 바로 자기집 방구석

    ... 더 보기

    최고의 사무실은 바로 우리집 방구석

    K리그 프로그래머

    최고의 사무실은 바로 우리집 방구석

    구어체의 명확한 설명 🆚 직관적인 인터페이스 표현

    ... 더 보기

    Journal of Next-generation Convergence Information Services Technology

    Nciss

    Journal of Next-generation Convergence Information Services Technology

    개발자 교양 팟캐스트

    A

    ... 더 보기