기분따라 코딩
  • 태그
  • 방명록
  • HTML
  • CSS
  • Javascript
  • React.js
  • Node.js
    • 분류 전체보기 (77)
      • HTML (8)
      • CSS (16)
      • Javascript (14)
      • React.js (11)
      • Node.js (7)
      • Python (4)
      • Database (2)
      • DevOps (1)
      • Log (2)
      • Info (6)
      • 정보처리기사 (6)
  • 메뉴 닫기
formik 검색 결과
1 개의 검색 결과가 있습니다.
React.js

[React] formik으로 폼(form) 만들기

formik 소개 formik은 리액트에서 form을 다루는 코드들을 쉽게 작성할 수 있도록 도와주는 라이브러리입니다. formik은 리액트에서 form을 다룰 때 3가지 까다로운(성가신) 점들을 해결해줍니다. 1. form의 state 관리 및 form의 안팎에서 value 접근 2. 벨리데이션(Validation)과 에러 메시지 3. submit 다루기 formik을 사용하면 form에서 사용하는 값들을 formik 내부에서 자체적으로 관리합니다. 고로 state를 따로 선언하고 관리할 필요가 없어집니다. 상태 값들을 formik 내부에서 관리하기 때문에 이 값을 얻기 위해서는 formik이 제공하는 api들을 이용해 함수를 호출하면 됩니다. form과 관련하여 내부에서 관리하는 상태들로는 각 inp..

2022. 10. 17. 08:08
  • «
  • 1
  • »

전체 카테고리

  • 분류 전체보기 (77)
    • HTML (8)
    • CSS (16)
    • Javascript (14)
    • React.js (11)
    • Node.js (7)
    • Python (4)
    • Database (2)
    • DevOps (1)
    • Log (2)
    • Info (6)
    • 정보처리기사 (6)

방문자

오늘
어제
전체
  • 최근 글
  • 최근 댓글

최근 글

최근댓글

태그

  • #html
  • #정보처리기사
  • #react
  • #Node.js
  • #form
  • #웹소켓
  • #Table
  • #react testing library
  • #태그
  • #redux toolkit
  • #selector
  • #레이아웃
  • #javascript
  • #Express
  • #웹개발
  • #핵심
  • #채팅 웹 만들기
  • #모듈
  • #자바스크립트
  • #요약 정리
  • #프로미스
  • #layout
  • #만들기
  • #socket.io
  • #필기
  • #로버트 C. 마틴
  • #개정판
  • #기초
  • #CSS
  • #기출문제
더보기+

블로그 인기글

Powered by Privatenote/라이프코리아 Copyright © 기분따라 코딩 All rights reserved. TistoryWhaleSkin3.4

티스토리툴바