프론트엔드/자바스크립트
2021.04.15 20일차 입사 39일차. 일반적으로 정규표현식은 JS에서 처리한다. 전화번호나 주민번호, 사업자번호 등 숫자만을 입력하거나 ID나 PW에 특수문자를 제거하기 위해 사용한다. 매번 필요할때마다 하나씩 검색하는 수고를 덜기위해 자주쓰는 정규표현식을 정리해두려고 한다. 1. 숫자만 입력 ( replace ) function fn_regExNumber( str ) { chkStr = /[^0-9]/gi; return str.replace( chkStr, "" ); } 2. 영어만 입력 ( charCodeAt ) function fn_regExEng( str ) { for ( int i = 0; i < str.length; i++ ) { if ( str.charCodeAt( i ) = 122 ..
2021.04.11 18일차 입사 35일차. 내가 주말마다 시간을 쏟는 Football Manager시리즈는 작년에 매치엔진 문제로 크고 작은 이슈들이 있었다.FM개발자들은 선수들의 방향전환속도, 태클속도, 태클범위 등의 매치엔진을 구성하는 요소들을 .json파일로 생성했었고, json파일의 key와 value를 그대로 노출시켰기 때문이었다. 지금은 2021시리즈로 넘어오면서 json파일을 암호화해서 접근을 막아버렸지만,어제 공부한 fs.writeFile()로 FM의 매치엔진파일인 physical_constraints.json를만들어보려고 한다. 1. writeFile()을 이용한 json생성 ① 출처 : FM KOREA (링크) ② JSON.stringify()는 Json으로 변환해준다. ③ 매치엔진을..
2021.04.10 17일차 입사 34일차. React를 공부하기 위해 샀던 책 2권에는 fs에 대한 설명없이 fs.으로 시작하는 메소드들을 사용했기 때문에 좀 당황스러웠다. 내가 사용하는 기능들에 대해서는 꼭 알고 넘어가는 것이 나의 공부목표이기에 fs모듈에 대한 개념을 알고 기록하려고 한다. 1. fs 모듈 ① 출처 : 오픈튜토리얼스 (링크) ② FileSystem의 약자. 파일처리와 관련된 모듈이다. ③ const fs = require('fs'); 를 코드 맨위에 선언해주어야 사용가능하다. 2. fs.writeFile( '경로 및 파일명', 작성할내용, [파일을 저장하는 방식], function(err) {} ) ① fs.writeFile()은 비동기방식, fs.writeFileSync()는 동기..
2021.04.09 16일차 입사 33일차. 회사를 상대로 하는 프로젝트에는 사업자번호, 법인번호, 주민등록번호의 유효성을 체크하는 자바스크립트가 있다. 처음엔 NICE 같은 곳에서 API를 받아 비교하는 방법으로 진행하는 줄 알았으나, 실제로는 입력한 번호가 유효한지 체크하는 알고리즘이 있었다. 이미, 인터넷에 유효성검사에 관한 코드들이 많기 때문에, 최대한 중복되지 않는 직접 만든 코드를 작성해보기로 했다. 1. 주민등록번호 유효성체크 ① 출처 : 모바일 개발 Blog's (링크) ② 출처로 가져온 블로그에는 Java의 주민등록번호 유효성 검사 코드가 있다. ③ 아래의 코드는 내가 직접 작성해본 코드다. // jumin1 = 주민번호 앞 6자리, jumin2 = 주민번호 뒷 7자리 function f..
2021.04.08 15일차 입사 32일차. 회사를 상대로 하는 프로젝트에는 사업자번호, 법인번호, 주민등록번호의 유효성을 체크하는 자바스크립트가 있다. 처음엔 NICE 같은 곳에서 API를 받아 비교하는 방법으로 진행하는 줄 알았으나, 실제로는 입력한 번호가 유효한지 체크하는 알고리즘이 있었다. 이미, 인터넷에 유효성검사에 관한 코드들이 많기 때문에, 최대한 중복되지 않는 직접 만든 코드를 작성해보기로 했다. 1. 사업자번호 유효성체크 ① 출처 : Hello World! (링크) ② 출처로 가져온 블로그에는 사업자번호 유효성체크의 알고리즘과 스크립트가 있다. ③ 아래의 코드는 내가 직접 작성해본 코드다. // strBN = 문자열 파라미터 // 1번 방법 function fn_chkBusinessNum..
2021.04.01 14일차 입사 25일차. JavaScript ES6 문법정리 3회차 1. (배열)변수명.filter( 파라미터 => 조건 ) ① 배열 또는 Json Object의 값들 중, 조건을 정해 원하는 값을 출력하는 함수. ② 문자열간의 비교를 조건으로 설정하면, 에러를 발생하지 않지만 원하는 결과를 얻을 수 없다. const smartPhone = [ { made: '애플', ver: '12', model: '아이폰', price: 100 }, { made: '삼성', ver: '21', model: '갤럭시', price: 80 }, { made: 'LG', ver: 'VELVET', model: '벨벳', price: 50 }, ]; // 스마트폰의 가격이 60이상인 Json Object..