# 유효성검사

43개의 포스트
post-thumbnail

[Kakao Cloud School] 20번째 회고록

카카오 클라우드 스쿨 20주차 기간이 지났습니다. 파이널 프로젝트의 애플리케이션 개발 초기 설정을 진행하면서 팀 단위의 일일 개발내역 회고, 문제 상황에 대한 고민시간 제한 등의 이슈를 제안하면서 어떻게 효율적인 개발을 할 수 있을까 고민하는 시간을 가지게 되었습니다.

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

[JavaScript/브라우저] 회원가입 유효성검사 만들기

누구나 한 번쯤은 웹사이트의 회원가입을 진행해 보신 경험이 있을 것이다.가입 과정을 거치다 보면, 사이트에서 원하는 조건에 맞게 반드시 형식을 맞춰 입력해야 하는 경우가 생긴다.필수로 입력해야 하는 항목아이디, 이메일, 비밀번호, 이름, 전화번호 등입력 조건 \-

2023년 3월 8일
·
1개의 댓글
·
post-thumbnail

Spring의 Validator 인터페이스를 이용해서 유효성 검사하기

Validator 인터페이스에는 두 가지 메소드가 정의되어있다.해당 아래의 코드는 DTO에서의 Valid의 어노테이션의 검증이 끝난 뒤(예를들어 @NotBlank,@Email 같은 형식) 이미 존재하는 email인지 nickName인지 유효성 검사하는 Validator

2023년 1월 27일
·
0개의 댓글
·

[Spring] @Valid 유효성 검사하기

스프링에서 데이터 유효성 검사를 하는 방식에 대해 알아보자.자바 표준 검증 애노테이션이다.스프링 표준 검증 애노테이션인 @Validated는 외부 계층에서 검증할 때 사용하는 것이라 여기선 언급하지 않겠다.유효성을 검증하는 기술 표준이다. 동작 원리디스패처 서블릿 동작

2023년 1월 21일
·
0개의 댓글
·
post-thumbnail

회원가입 기능 구현하기

회원가입 로직추가하고 싶은 기능회원가입 성공하면 -> 메인페이지로 이동되고 alert도 띄우기 || 홈으로 가기 버튼 추가input창 입력값 \*\*\*\* 처리하기

2023년 1월 13일
·
0개의 댓글
·

로그인기능 - 유효성검사(리턴문제)

우선 Return의 기본적인 내용을 알아보고가자함수는 공장이다. Input이란 재료를 받아다가 작업을 하고 outPut으로 내보낸다함수는 항상 return 값이 있다. return을 안써주게되면 undefined가 나온다.리턴을 만나는 순간 함수를 바로 나가버린다

2023년 1월 11일
·
0개의 댓글
·

65일차 프로젝트 2일

문제점회원가입시 정규표현식을 사용해 유효성 검사를 하는데 username은 최소 4자 이상, 10자 이하이며 알파벳 소문자(a~z), 숫자(0~9)로 구성 password는 최소 8자 이상, 15자 이하이며 알파벳 대소문자(a~z, A~Z), 숫자(0~9)로 구성하도록

2023년 1월 3일
·
0개의 댓글
·

내일배움캠프 4기 React 42일차(만능버튼, 유효성검사, confirm, form태그 주의 )

1. 만능버튼 말만 만능버튼이지 만능이 아닌듯 싶다. css 가 다 다른 버튼들에는 오히려 더 많은 입력을 불러 일으켜서 이번 프로젝트땐 비효율 적인것 같다. css가 같은게 여러개일때 사용하면 좋을 것 같다. const 함수로 사용하게 되면 onclick 이벤트의

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

회원가입과 자녀 정보 등록하기

✨ 배경 현재 우리 서비스를 이용 중인 유저(학생)들의 나이 정보에 대해서 알 수 없었다. 우리 서비스를 이용 중인 대상은 초등학생이지만 가입은 대부분 부모님의 계정으로 가입하는 상황이었고, 초등학생은 학년 별로 성취능력, 이해도가 크게 다르기 때문에 우리 서비스를 이

2022년 12월 9일
·
0개의 댓글
·
post-thumbnail

[Spring_Boot] 유효성 검사, 오류 메세지

타임리프는 스프링의 BindingResult를 활용해서 편리한 오류 표현기능 제공field : BindingResult가 제공하는 오류에 접근 할 수 있다.th:errorclass : th:field에서 지정한 필드에 오류가 있으면 class를 추가th:errors :

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

[Spring] 스프링이 제공하는 검증 오류 처리 방법, BindingResult

스프링이 제공하는 검증 오류 처리 방법 BindingResult BindingResult bindingRsult 파라미터의 위치는 @ModelAttribute Item item 다음에 와야한다. BindingResult는 Model에 자동으로 포함된다. [FieldE

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

유효성 검사 너는 유효하니

사이트에서 원하는 조건에 맞게 형식을 맞춰 입력해야 하는 경우에 쓸 수 있다. 예를들어 특정 값을 반드시 입력해야 하는 경우와비밀번호와 비밀번호 확인란에 입력된 문자가 동일해야하는 경우가 있다. 이런 기능을 유효성 검사라고 한다!

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

[JS] 로그인폼 Vaildation Check(유효성 검사)

로그인폼으로 Javascript 연습을 하다 더 나은 스크립트를 짤 수 없을까 라는 고민을 시작으로 'vaildation check(유효성 검사)' 라는 것을 알게 되었다.vaildation check(유효성 검사) 란?사용자가 입력한 값이 DB로 넘어가기전에 올바른지

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

# Login 기능

1. Input value 가져오기 HTML JS ⭐️ input안에 입력되는 값을 value 라고 한다. 👉🏻 input에 입력된 값을 가져오기 위해 value라는 property를 가져와야 함. 👉🏻 2. username 유효성 검사 조건 비어있으면 안

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

[ToyProject] 회원가입 유효성 검사(feat. React) - 3. 안내문구 DOM에 추가하고 삭제하기

Post Bannerlogin pagesignup page 회원가입 같은 경우는 입력이 되는 동시에 사용자가 입력값이 유효한지에 대한 안내를 받을 수 있게 안내 문구를 출력해주었다. import './App.css'; import Signin from './P

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

[ToyProject] 회원가입 유효성 검사(feat. React) - 1. 프로젝트 개요

이번 프로젝트를 계획하게 된 이유는 정규표현을 다시금 복습해보려 했기 때문이다. 일상적으로 웹페이지에서 금방 정규표현이 사용될 수 있는 곳은 회원가입 페이지이다. 그래서 새로운 회원가입 페이지를 만들어 보면서 정규표현을 다듬어보려고 했다.React 최신 버젼(현 시점

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

[세미프로젝트] 9월 19일 구현 - 레시피 작성창, 레시피 등록, 레시피 상세 조회 완료, 레시피 수정 진행중

부트 스트랩을 이용하면 반응형이 자연스럽게 될줄 알았는데 생각처럼 반응형이 만들어지지 않아 무척 속상하다반응형까지 다시 작업할 시간은 없을 것 같다.그래도 오늘은 레시피 작성폼을 거의 완성했다. 등록/취소 버튼만 손을 보고 나중에 로그인 창이 들어왔을때 사용자 이메일만

2022년 9월 19일
·
0개의 댓글
·
post-thumbnail

[세미프로젝트] 0917구현

오늘 목표인 레시피 사진까지 전부 등록하기에 성공했다.자바스크립트를 이용해 이미지 파일만 등록 가능하게 하였다.오늘은 서비스클래스나 스토어, 매퍼에 손대지 않고 controller만 수정했다.오류가 굉장히 많이나서 하루를 통째로 사용했다.일단, 서버가 실행이 안되는 오

2022년 9월 17일
·
0개의 댓글
·
post-thumbnail

유효성 검사하기

자바스크립트로 id입력창의 유효성을 검사할수있다.자바스크립도 이런 유효성검사가 가능하지만 비효율적이다.따라서 같은 유효성검사는 HTML영역에서 하는 것이 좋다required : 반드시 작성해야 하는 폼maxlength="15" 15자 이상은 쓸수 없다

2022년 8월 27일
·
0개의 댓글
·