다른 언어에 비해 자바스크립트는 함수 선언 방법이 참 다양합니다. 그래서 각 상황에 맞게 사용해보고자, 각 선언 방법을 정리해보고자 합니다. 1. named function declaration (명명 함수 선언) function helloJS(){ // 함수 내용 } 가장 대중적인 방법으로, 함수 호이스팅으로 어느 위치에서든 호출할 수 있는 함수이다. 2. anonymous function expression (익명 함수 표현) const myName = function () { // 함수 내용 } 이름이 없이 함수를 변수에 담는 방식이다. 이름이 없는 함수지만, 자바스크립트 엔진이 이름을 변수명으로 추정하여 넣는다. 변수 할당은 호이스팅 되지 않으므로, 할당된 이후에만 실행 가능하다. 3. named..
코딩 | 개념 정리/JavaScript
JavaScript를 공부하면서 에러 문구를 종종 뭘 써야되지 고민하는 일이 많아져 정리하였습니다. 로그인 1. 아이디를 입력하지 않았을 때 "아이디를 입력해 주세요." 2. 비밀번호를 입력하지 않았을 때 "비밀번호를 입력해 주세요." 3. 아이디/비밀번호를 잘못 입력했을 때 "등록되지 않은 아이디이거나 아이디 또는 비밀번호를 잘못 입력했습니다." 4. 오류로 인한 로그인 실패 "일시적인 오류로 로그인을 할 수 없습니다. 잠시 후 다시 이용해 주세요." 회원가입 1. 아이디를 입력하지 않았을 때 "아이디를 입력해 주세요." 2. 아이디 형식이 아닐 때 "아이디는 X ~ X자로 영문 대/소 문자, 숫자, 특수기호(.)(-)만 사용할 수 있습니다. "금칙어가 있습니다. 3. 아이디가 중복일 때 "이미 사용 ..
자바스크립트를 공부하다보니, 비밀번호 정규 표현식을 작성해야 하는 일이 생겨서 각 조건에 따른 정규 표현식을 정리해둡니다. 비밀번호 정규 표현식 최소 8 자, 최소 하나의 문자 및 하나의 숫자 : "^(?=.*?[A-Za-z])(?=.*?\d)[A-Za-z\d]{8,}$" 최소 8 자, 최소 하나의 문자, 하나의 숫자 및 하나의 특수 문자 : "^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$" 최소 8 자, 대문자 하나 이상, 소문자 하나 및 숫자 하나 : "^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$" 최소 8 자, 대문자 하나 이상, 소문자 하나, 숫자 하나 및 특수 문자 하나 이상 : // 방..
오늘은 어쩌면 자주 사용하실 자바스크립트를 이용하여 전화번호나 휴대폰번호에 자동으로 하이픈 넣는 방법을 정리해보고자 합니다. 방법 1: 함수를 이용해 넣기 아래 예시와 같이 autoHypenPhone 이라는 함수를 만들어 사용하는 방법입니다. 방법 2: 정규 표현식 활용하기 정규 표현식을 활용하면 방법 1에 길었던 함수를 단 몇 줄로 끝낼 수 있습니다.(대박!!) 이 방법에서는 함수와는 다르게 input 태그에 oninput 속성을 사용하였습니다. // 첫번째 코드: 00-000-0000 or 000-0000-0000 String.replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); // 두번째 코드 // 000-0000-0000 String.replace(/^(\..