본문 바로가기
반응형

notion/modules4

javascript 문자 길이와 공백 체크하기[react][maxLength ] 리액트.js에서 개발하다보니 문자길이를 바이트로 해결해야했다. 문제 문자열를 입력받고, 공백만 입력한 경우를 체크해야한다. 화면을 구현하다보니 문자입력 제한을 해야하는 경우가 있다. maxLength를 사용하면 문자 제한을 두었다. 여기서 의도치 않는 에러가 발생하였다. //입력 데이터 가나다라마바사아자차가나다라마바사아자차가나다라마바사아자차가나다라마바사아자차가나다라마바사아자차 그냥 입력할 때는 위 처럼 50자가 잘 제한이 되었다. [에러부분] 위 이미지처럼 끝에 자음이나 모음 혹은 예상치 못한 값들을 입력하고 다른 곳을 클릭을 하면 입력이 되었다. 문자 갯수로도 해도 되지만, 이번에는 바이트로 계산을 하여 공백을 제한하고, 문자열에 제한을 두려고 한다. 쉽게, 100자를 입력한다. 공백만 입력을 했을 경.. 2021. 2. 23.
url 문자열 단축하기 JAVA SCRIPT 문자열 단축 ◆ URL 문자열 단축 ◆ JAVA SCRIPT / NodeJs 문자열 단축 하는 방법 epdl.op 와 같이 단축 URL을 지닌 사이트는 URL 압축 알고리즘은 다음과 같이 특정 구조를 따른다. 예를 들어 www.google.com 으로 예시를 들어보겠다. 1. 데이터베이스가 URL에 대해서 정수 기반 고유 ID를 생성한다. www.google.com 은 데이터베이스에 항목 011101112이 있다. ID URL 0 www.youtube.com ... ... 11231230 www.google.com 2. 정수 ID 는 문자열로 단축된다. Base64 인코딩을 사용해 문자열을 단축하는 경우 11231230은 VhU2 가 된다. ID URL 단축 ID 0 www.yout.. 2021. 1. 27.
리액트에 webpack babel 세팅하기 리액트에 webpack babel 세팅하기 웹팩 : 모듈 번들러 ( module bundler ) 자바 스크립트 코드가 많아지면 하나의 파일로 관리하는데 한계가 있다. 여러개의 파일을 브라우져에서 로딩하는 것은 네트워크 비용을 치루어야하는 단점이 있고, 각 파일은 서로의 스코프를 침범하지 않아야 하는데, 잘못 작성할 경우 변수 충돌의 위험성도 있다. 브라우져에서는 파일 단위 모듈 시스템을 사용하는 것은 쉽지 않다. 모듈을 IIFE 스타일로 변경해 주는 과정 뿐만 아니라 하나의 파일로 묶어(bundled) 네트웍 비용을 최소화할 수 있는 방법이 웹 프론트엔드 개발 과정에는 필요하다. 그래서 여러 개의 모듈을 하나의 파일로 묶어서 보낼 모듈 번들러가 필요한데, 이 때 웹팩의 등장이다. 웹팩에서는 자바스크립트.. 2021. 1. 27.
JS를 이용한 주민번호 검증 모듈 주민번호 알고리즘을 체크하기 위한 소스 문자열 중간에 `띄어쓰기`, `특수문자` 등 정규식으로 제거가 되며, 혹은 숫자로 들어와도 유효성 체크가 가능하도록 만들어두었다. 주민번호의 알고리즘 자체는 그렇게 어렵지는 않았는데, 분명히 좀 더 개선을 해야겟다. //PatternChecker.js function Kor_rrn_pattern(rrn){ var regExp = /\D+/g; var _rrn = rrn.toString().replace(regExp,''); var multiList = [2,3,4,5,6,7,8,9,2,3,4,5]; var checkSum = _rrn[_rrn.length-1] * 1; var numPlus = 0; for(var i=0; i< _rrn.length-1; i++){ .. 2021. 1. 21.
반응형