# form

179개의 포스트
post-thumbnail

[웹 개발][React] Form에서 입력 값들의 유효성 검사하기

유효성 변수들의 useState로 범벅된 코드 말고 :invalid 수도 클래스와 pattern 속성을 사용해 쉽고 간단하게 Form의 유효성을 검사하는 방법을 알아봤다.

어제
·
0개의 댓글
·
post-thumbnail

Compound Components Pattern 을 이용해서, Form Component 리펙토링 하기

Form 컴포넌트를 Compound Component Pattern을 사용해서 리펙토링 해보자 리펙토링을 하는 이유 예시) 예를 들어, form 을 만들면서 disabled 값을 input 에 넣었을 때, input 과 관련된 label button 들도 모두

어제
·
0개의 댓글
·
post-thumbnail

[웹 개발][React] Form 내의 입력 값들을 처리하는 방법

useState나 useRef로 범벅된 코드 말고 FormData API를 사용해 쉽고 간단하게 Form의 입력 값들을 처리하는 방법을 알아봤다.

1일 전
·
0개의 댓글
·
post-thumbnail

[html&css] form 태그 - 입력/양식 작성

입력받은 자료를 어떤 방식으로 서버로 넘길 것인지, 서버에서 어떤 프로그램을 이용해 처리할 것인지를 지정한다.autocomplete : 폼에서 내용을 입력할 때 예전에 입력한 내용을 자동으로 표시해 주는 것을 자동 완성 기능이라고 한다. 기본 속성값은 on. 아래와 같

2일 전
·
0개의 댓글
·
post-thumbnail

[React] todolist를 만들며 배운 것

투두리스트를 만들며 배운 것들을 정리했습니다.

2022년 8월 7일
·
0개의 댓글
·
post-thumbnail

24일차-2) [REACT/JS] react-hook-form / yup

react-hook-form > 우리는 이전까지 state를 직접 만들고 onchange함수도 일일이 만들어서 바인딩해주었음. 그러나, 폼 라이브러리를 이용하면 더이상 이러한 코딩을 하지 않아도 된다. 폼 라이브러리에는 react-form, redux-from, re

2022년 8월 6일
·
0개의 댓글
·
post-thumbnail

Django 핵심기능 Form

장고에서 폼의 동작 과정은Form 클래스에서 폼을 정의하고, View에서 사용하여Template엔진에 의해 html로 렌더링된다.폼 종류일반 폼- Form클래스를 상속받아 정의모델 폼- ModelForm클래스를 상속받아 정의.폼 필드 구성을 DB 모델 정의 기반으로 폼

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

[Flutter][Widget] Form, TextFormField (로그인/회원가입 UI를 만들어보자)

참고 사이트https://blog.codefactory.ai/flutter/form/서론 Flutter 에서 기본적으로 TextField 입력을 받으려면 기본적으로 TextEditingController 를 사용해야 합니다. TextField 가 하나면 괜찮지

2022년 7월 29일
·
0개의 댓글
·

Spring MultipartFile <form> 방식의 파일 업로드

uploadForm.jsp 실제 전송될 경로인 action="uploadFormAction"로 지정해주고, enctype속성값을 "multipart/form-data"로 지정해주는게 중요합니다. input type="file"\>

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

[React] React의 Form

React에서는 변하는 값들을 state에서 동적으로 제어해야하기 때문에 Input태그의 value값을 state에서 추적할 수 있게 해야한다. HTML의 &lt; form > 요소는 사용자의 입력에 따라서 상태가 변경된다.하지만, react에서는 UI를 묘사하기 위

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

폼 데이터 주고받기

put form data where and how to send into DTO

2022년 7월 23일
·
0개의 댓글
·
post-thumbnail

심리스 - 리액트 공식문서 3일차 : form, state, 합성, 상속, React로 생각하기

HTML 폼 엘리먼트는 폼 엘리먼트 자체가 내부 상태를 가지기 때문에, React의 다른 DOM 엘리먼트와 다르게 동작한다. HTML에서 &lt;input>, &lt;textarea>, &lt;select>와 같은 폼 엘리먼트는 일반적으로 사용자의 입력을 기반으로 자신

2022년 7월 22일
·
0개의 댓글
·
post-thumbnail

[React] typescript 환경에서 form 만들기

form 만드는 방법을 알아보자

2022년 7월 22일
·
0개의 댓글
·
post-thumbnail

[내보정HTML] 낱낱이 살펴보는 form

👊 form 부수기 대작전

2022년 7월 21일
·
0개의 댓글
·

[React] form 폼과 제어컴포넌트

아메리카노를 미리 선택되어 보여지는 값으로, 설정할 때 (초기값)기존 htmlReact JSX: selected 대신에 value를 사용

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

Form 태그와 전송 과정

1. Form ? > * 사용자가 입력필드에 입력한 데이터 값을 서버로 전송해주는 태그 >>서버란 정보를 제공하는 host 입니다. 1.1 서버와 클라이언트간의 전송 과정

2022년 7월 5일
·
0개의 댓글
·

Angular form

Angular form

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

<label>, <fieldset>, <legend>

사용자의 인터페이스(UI)요소의 라벨을 정의할 때 사용&lt;label>요소는 for속성을 사용하여 다른 요소와 결합할 수 있으며, 이 때 &lt;label>요소의 for속성값은 결합하고자 하는 요소의 id값과 같아야 함label에 for속성을 주고 input태그에 i

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

form

![](https://velog.velcdn.com/images/smiletmf/post/e40a2c88-4c76-472a-9

2022년 6월 29일
·
0개의 댓글
·