웹개발/JavaScript
-
자바스크립트 정규표현식으로 문자열 검증하기 [ TIL / JavaScript ]웹개발/JavaScript 2023. 8. 24. 22:21
배경 유저들에게 간단한 입력을 받을 때, 클라이언트-서버 둘 다 입력을 검증해야될 필요가 있다. 이를테면 이메일을 입력받으면, 이메일 형식의 입력이 필요하다. 이 때 이메일은 반드시 '@'가 포함되어 있어야 하고, 뒤따라오는 도메인 형식의 확인도 필요하다. 비밀번호도 보안을 위해 대문자나 특수문자의 입력을 요구하기도 한다. 이렇게 문자를 입력받을 때 필요에 의해서 검증을 하는 것을 구현을 해야될 때 어떻게 해야할지 알아보려고 한다. 사실 한 글자, 한 글자 입력이 들어오고 삭제될 때마다 체크하는 방법도 있다. 비밀번호 정도는 이렇게 구현할 수 있을 것이다. 하지만 이메일 같이 패턴을 요구하는 검증에는 알고리즘을 짜기 어려울 수 있다. 정규표현식 이를 간편하게 구현할 수 있는 것이 정규표현식이다. 정규표현..
-
1급 객체, 콜백 함수, 고차 함수웹개발/JavaScript 2022. 9. 22. 01:04
JavaScript를 공부하면서 놀라웠던 것은 엄청난 자율성이다. '이게 될까?'라고 생각한 것은 생각보다 잘 작동한다. 그 중에서 한 몫 하는 건 JavaScript의 함수 개념이다. 1급 객체 /* 함수 선언식 */ function declaration() { console.log("Hello"); } declaration(); /* 함수 표현식 */ let expression = function(){ console.log("World!"); } expression(); /* 1급 클래스 */ function firstClass(paramFunc){ return function(){ paramFunc() console.log("Wake Up!") } }; 줄곧 기본적으로 봐왔던 '함수 선언식' 외에 ..
-
JavaScript / 'var' vs 'let' vs 'const'웹개발/JavaScript 2022. 8. 23. 21:30
모든 언어의 기초 중의 기초. 변수에 값을 할당하는 방법! JavaScript 를 처음 공부하게 되면 어려운 내용을 피하기 위해 변수 선언을 'var'로 한다. 하지만 기본적인 내용을 이해하고 나서는 ES6 부터 도입된 'let'과 'const'의 사용을 고려하게 된다. 'let'과 'const'의 도입 배경에 대해서 알고나면 언제 이 키워드를 써서 변수를 선언해야 할지 감이 온다. 'var'로 선언된 변수들은 문제를 안고 있다. 바로 너무 유연하다는 것. 전역에 'var'로 선언된 변수는 함수 내 영역에서 동일하게 생성하여 할당하면 값이 변경되기도 한다. 'let'과 'const'는 블록 레벨 스코프를 따른다. '{ }' 안에서 선언된 변수는 괄호 안에서만 사용되고 잊혀진다. 'let'과 'const'..