개발자(진) 옞

  • 홈
  • 태그
  • 방명록

리액트 1

[우테코 레벨2 페이먼츠] input 자동 포커스 autoFocus VS useEffect

우테코 레벨 2 페이먼츠 2단계 미션 중 다음과 같은 기능 요구사항이 있었다.입력 필드는 사용자의 입력이 완료되면 다음 필드로 자동으로 이동한다. 먼저 페이먼츠 미션의 기능을 간단하게 소개하자면,사용자에게 카드 정보를 입력받아 카드를 등록(여기서 등록이란, 모든 폼 정보가 유효한지 확인하고, 확인 버튼 클릭 시 카드 등록 완료 페이지로 넘어가는 행위를 말한다.)하는 서비스이다. 궁금하다면 요기서 사용해볼 수 있다! 위의 요구사항을 다른 말로 동적 입력 UI 구현이라고도 할 수 있다.페이먼츠 미션에서 동적 입력 UI를 구현하기 위해 신경 쓸 부분에는 크게 두 가지가 있었다. 1. 같은 input 내에서의 자동 포커스ex) 카드 번호 (카드 번호의 총 input은 4개이며, 올바른 값이 입력되면 다음 inp..

우테코 2025.05.04
이전
1
다음
더보기
프로필사진

개발자(진) 옞

새싹 🌱

  • 분류 전체보기 (70)
    • 코딩테스트 (60)
    • Kotlin (2)
      • 냉장고 앱 (2)
    • Web (4)
    • 트러블슈팅 ☄️ (3)
    • 우테코 (1)

Tag

브루트포스, 트러블슈팅, 백트래킹, 알고리즘, 투포인터, 문자열, 백준, ktb, 정렬, 파이썬, 자료구조, 이분탐색, python, 카카오테크부트캠프, BFS, dfs, 그리디, 이진탐색, 구현, 그래프,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바