코딩 | 개념 정리/JavaScript

다른 언어에 비해 자바스크립트는 함수 선언 방법이 참 다양합니다. 그래서 각 상황에 맞게 사용해보고자, 각 선언 방법을 정리해보고자 합니다. 1. named function declaration (명명 함수 선언) function helloJS(){ // 함수 내용 } 가장 대중적인 방법으로, 함수 호이스팅으로 어느 위치에서든 호출할 수 있는 함수이다. 2. anonymous function expression (익명 함수 표현) const myName = function () { // 함수 내용 } 이름이 없이 함수를 변수에 담는 방식이다. 이름이 없는 함수지만, 자바스크립트 엔진이 이름을 변수명으로 추정하여 넣는다. 변수 할당은 호이스팅 되지 않으므로, 할당된 이후에만 실행 가능하다. 3. named..
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(/^(\..
PatienceLee
'코딩 | 개념 정리/JavaScript' 카테고리의 글 목록