쏘유니버스🌼

데이터를 입력하고 저장할 때, 그 값의 유효성을 체크하는 것은 필수적인데, 저장버튼을 누를때 validation 로직을 태워 return하는 flag 값이 true 또는 false로 저장 로직을 탈지 안 탈지 결정할 수 있다. 예시는 이메일 유효성 체크 로 응용해보았다. function checkEmail(inputValue) { const exptext = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; return exptext.test(inputValue); } * 작성한 html 및 script 소스코드 * 실행 결과 1) 빈 값으로 로직을 태웠을 경우 '이메일을 입력하세요' alert창 출..

이번 게시글에서는 리얼 찐찐 간단한(?) 프로젝트 생성 설정에 대한 정보만 담았다 쏘 씜쁠 * 우선 시작 전에 프로젝트 스펙 사전 계획! 0. 계획한 스펙을 sping initailizr에서 작성 https://start.spring.io/ ✔️ Project Metadata Group : 일반적으로 기업 도메인명 Artifact : 빌드되어 나올 결과물 Name : 프로젝트명 (일반적으로 Artifact와 동일) Description : 설명 Package name : 패키지 이름 (Group, Artifact 설정시 자동 생성) ✔️ Dependencies (사전 계획에 맞춰 필요한 라이브러리 추가) Spring Web Lombok MySql MyBatis MariaDB ✔️ GENERATE : 프로..

블록 스코프 선언 : let / const (var)한 사람이 작업해놓은 기존의 프로젝트를팀이 커지고, 팀장님이 작업 파트 분배 후 최적화 작업을 진행하는 중에기존의 작업물에서 모든 변수 선언이 var 로 되어있는 것을 개선하시겠다 하였다younimini.tistory.com 위의 이전글을 포스팅 하면서 알게 된 화살표 함수의 사용 시점.. 이랄까ES6부터 사용할 수 있게 된 화살표 함수!여러 방법이 있겠구나 하고 자연스럽게 편한 방법으로 선택해서 썼는데우연히 알게 된 이상 개념 정리의 포스팅을 진행해보려고 한다.화살표 함수를 사용하는 이유 여러가지 기능을 하는 코드를 한 묶음으로 묶어 재사용에 용이하게 하고, 입 출력 기능에 사용하려고 funtion 문법을 사용하는데, 화살표 함수를 썼을 때 더 간결하..

한 사람이 작업해놓은 기존의 프로젝트를팀이 커지고, 팀장님이 작업 파트 분배 후 최적화 작업을 진행하는 중에기존의 작업물에서 모든 변수 선언이 var 로 되어있는 것을 개선하시겠다 하였다.  프로젝트에 전부 var로 선언되어 있던 이유가 뭐였을까? 기존의 프로젝트는 ES5 기준으로 작성되어, 변수 선언은 var로만 작업했는데, ES6 사용이 가능해지면서, let 과 const 가 추가 됐다.  1. ES (ECMAScript) 란?▷ ECMAScript 는 Ecma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어 ▷  넷스케이프 커뮤니케이션즈로 부터 Javascript가 개발되고 나서 MS로 부터 JScript 개발되었고, 두 언어는 호환되지 않는 경우가 있어, 기능이 ..