# form

208개의 포스트

React 폼(form)

✔ React에 의해 값이 제어되는 입력 폼 엘리먼트.✔ 제어 컴포넌트의 값은 state, setState, useState 로 관리된다.✔ < input type="file" >은 값이 읽기 전용이므로 비제어 컴포넌트(https://ko.reactjs.

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

개발자 도구 활용하기

개발자 도구 개발자도구는 웹에서 (크롬 이외의 브라우저들도 사용가능) 어떤 구조로 만들었는지 웹에서 보이는 부분 외에도 개발자들이 확인할수 있는 도구. (단축키는 Ctrl + Shift + C 또는 마우스 우클릭 -> 검사 ) 개발자 도구를 잘 활용할 줄 알아야함. 개

2022년 11월 16일
·
1개의 댓글
·
post-thumbnail

vue-formulate

이전 코드 필수입력은 모든 항목 유효성 검사 기업정보, 추천인코드와 같은 선택항목 입력 시 유효성 검사 회원가입버튼 클릭 후 통과되지 않은 필드들은 watch 사용해서 변경되면 유효성 검사 validation 오류 메세지 하드코딩 항목마다 통과 여부 저장 적용 후 예시 제공되는 validation rule, validation messages 커스텀 ...

2022년 11월 10일
·
0개의 댓글
·

프론트엔드 학습 일지 - [8. 폼 관련 요소(2)]

name : 전체 폼 데이터에서 해당 필드가 어떤 데이터를 갖고 있는지 구별하는 역할 placeholder : 양식 컨트롤이 비어있는 때 양식 컨트롤에 나타나는 내용. 입력값에 대한 힌트 제시 autocomplete : 양식 자동 생성 required : 필수 입력 항

2022년 11월 9일
·
0개의 댓글
·

프론트엔드 학습 일지 - [7. 폼 관련 요소(1)]

[ 폼 관련 요소 ] : 유저에게 정보 입력 장치 마련 정보 제출 위한 대화형 컨트롤 표현 2022.11.08(화) Action : 양식 데이터 처리할 프로그램의 URI. 다른 페이지 혹은 서버의 주소를 넣음 Method : 양식 제출 시 사용할 HTTP 메

2022년 11월 9일
·
0개의 댓글
·

[CRUD 게시판 만들기 -2] 폼데이터 주고받기, JPA 연동하기

controller 패키지에 ArticleController 생성📄 ArticleControllertemplates - articles diretory - new.mustache 생성action: http request가 어디로 갈지method: post 없으면 기본

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

react-hook-form 과 antd select

✏️ react-hook-form + antd form을 이용하여 회원가입을 구현중이었는데 맞딱드린 난관 antd 처럼 제어컴포넌트에서는 register를 아무리써도 값이 넘어오지 않았다 자꾸 name 타령하길래 화났던 기억,,, 이 빨간창을 맞딱드렸던 그때의 나는

2022년 11월 4일
·
0개의 댓글
·
post-thumbnail

[HTML]<form>

폼 안에 있는 모든 데이터를 웹 서버로 보낸다.웹 서버는 받은 폼 데이터를 처리하기 위해 웹 프로그램으로 넘긴다.웹 프로그램은 폼데이터를 처리한다.처리결과에 따른 html페이지를 웹 서버에 보낸다.웹 서버는 받은 html페이지를 브라우저에 보낸다.브라우저는 받은 htm

2022년 10월 31일
·
0개의 댓글
·
post-thumbnail

[Django] Form

Django 서버는 들어오는 요청을 모두 수용하고 있는데, 이러한 요청 중에는 비정상적인 혹은 악의적인 요청이 있을 수도 있음.이처럼 사용자가 입력한 데이터가 우리가 원하는 데이터 형식이 맞는지에 대한 유효성 검증이 반드시 필요Django Form은 유효성 검사를 단순

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

[SwiftUI] Date Planner 제작기 1

@ViewBuilder로 가변 파라미터 받는 방법을 깨우친 나.

2022년 10월 28일
·
2개의 댓글
·

event - form, EventHandler, load, popup, positon

form 기본 구조 을 요소와 연결하는 방법 에 id 속성을 넣고, 에 id 와 같은 값의 for 속성을 넣기. htmlEventHandler onblur 엘리먼트의 포커스가 해제되었을때 발생 DOMEventHandler 로드될때 함수가 발생하는 것이 아니라,

2022년 10월 27일
·
0개의 댓글
·
post-thumbnail

[TIL] React Documents Step03

form, state, Composition vs Inheritance

2022년 10월 26일
·
0개의 댓글
·

폼 요소 1) input

사용자로부터 데이터를 받아야 하는 경우 사용되는 요소들을 폼 요소라고 한다.주로 아이디, 이름, 주소, 전화번호 등 단순한 텍스트를 입력할 때 사용한다.type="text"에는 placeholder 속성이 존재하는데 사용자가 입력하기 전 미리 화면에 노출되는 값을 나타

2022년 10월 26일
·
0개의 댓글
·

[HTML]form 태그 특징

form 태그는 사용자로부터 입력을 받을 수 있는 HTLM 입력 폼(form)을 정의할 때 사용합니다.&lt;form> 요소는 다음과 같은 요소들을 하나 이상 포함할 수 있습니다.\- &lt;button>\- &lt;fieldset>\- &lt;input>\- &lt;

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

HTML & CSS 1

HTML과 CSS 기초

2022년 10월 24일
·
0개의 댓글
·

form, input, get, post

들어가기1\. pug에서 form을 만드는 방법을 알아본다2\. form에 들어가는 input, submit등을 알아본다3\. form에서 POST로 data를 보내는 방법을 알아본다.4\. GET으로 data를 받는 방법을 알아본다. extends base.pug

2022년 10월 21일
·
0개의 댓글
·
post-thumbnail

Axios로 formData() 이용해 file 올리기

이미지 업로드 테스트를 하던 도중 발생했던 오류를 해결한 기쁜맘에 오랜만에 블로그에 글을 쓴다!! 하하하현재 나는 회사 s3 서버에 이미지 업로드 테스트를 진행중이었고 multipart/form-data 형태로 파일을 넘겨주어야 했기 때문에 여러 시도를 해본 끝에 해결

2022년 10월 14일
·
0개의 댓글
·

장고 form 태그

텍스트 필드, 체크박스, 라디오 버튼, 제출 버튼 등 다양한 유형의 입력 요소를 위한 컨테이너사용자로부터 할당된 데이터를 서버로 전송하는 역할을 하는 html의 태그(한 페이지에서 다른 페이지로)action: 어느 페이지로 이동할건지method: get이냐 post냐r

2022년 10월 11일
·
0개의 댓글
·