Programing/javascript
-
[javascript] 특수 문자 앞에 역슬러시 넣기Programing/javascript 2021. 11. 19. 11:35
간혹, url을 통해 이미지 파일에 접근해야 할 경우, 파일이름에 특수문자가 들어가서 코드상에서 호출이 안될때가 있다. 그럴땐 아래와 같이 정규표현식으로 같단하게 해결 할 수 있다. url = "localhost:3000/temp/abc(123-2).jpg"; data.replace(/[!@#$%^&*()+=\-[\]\\';,./{}|":?~_]/g, "\\$&"); data.replace(" ", "%20"); // 공백 대체
-
table row search function 만들기Programing/javascript 2020. 9. 11. 09:19
React로 웹 페이지를 만드는데 테이블 검색 기능이 필요했다. 구글에 좀 찾아보니 아예 검색 기능이 제공되는 테이블을 쓰는게 편해보여서 바꾸니까,, 커스텀 해야하는 것들이 성가셔서 직접 만들기로 결정했다. 테이블이 아래와 같을 경우 검색을 한다면, 이메일과 이름 컬럼을 필터링 해야한다. 검색 필터 주요 부분이다. input은 검색 TextField의 값이고 d는 사용자 정보 객체를 담은 배열이다. d = [{id=1, email:'test@test.com', name: '테스터'}, {id=3, email:'test1@test.com', name: '테스터1'}] const filtered = data.filter( d => d.email.indexOf(input) != -1 || d.name.inde..
-
[javascript] date time difference, 날짜 시간 비교 함수Programing/javascript 2020. 9. 9. 09:42
- 시간 절대값 비교(날짜 무시) const HOUR_TO_SEC = 3600; const MINUTE_TO_SEC = 60; const timeDiff = (_date1: any, _date2: any) => { const diff = moment.utc(moment(_date1, "YYYY-MM-DD HH:mm:ss").diff(moment(_date2, "YYYY-MM-DD HH:mm:ss"))).format("HH:mm:ss"); const hour_to_second = parseInt(diff.substring(0, 2)) * HOUR_TO_SEC; const minute_to_second = parseInt(diff.substring(3, 5)) * MINUTE_TO_SEC; const sec..
-
-
How to NaN to 0 in javascript?Programing/javascript 2019. 12. 11. 11:43
자바스크립트에서 0 나누기 0을 하면 결과가 0이 되지 않고 'NaN'으로 된다. // before code : const total: number = 0; const count: number = 0; rate = (total / count * 100).toFixed(1); console.log(rate); // 'NaN' 그래서 아래 코드와 같이 isNaN() 함수를 사용하여 결과값을 체크한 후, 조건 분기시켜 처리를 하면 된다. // solution code : rate = isNaN((total / count * 100)) ? 0 : (total / count * 100).toFixed(1); console.log(rate); // 0.0
-
[typescript] Start express with typescriptPrograming/javascript 2019. 12. 6. 16:43
1.Make a PROJECT_DIRECTORY $ mkdir plantonline-cron-service && cd $_ 2. Make package.json $ npm init -y // package.json { "name": "plantonline-cron-service", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC" } 3. Install modules $ npm install -S express $ npm install -D t..
-
[javascript] histogram modulesPrograming/javascript 2019. 11. 26. 14:01
1.Plotly https://github.com/plotly/plotly.js plotly/plotly.js Open-source JavaScript charting library behind Plotly and Dash - plotly/plotly.js github.com https://plot.ly/javascript/histograms/ Histograms How to make a D3.js-based histogram in JavaScript. Seven examples of colored, horizontal, and normal histogram bar charts. plot.ly 2.d3 https://github.com/d3/d3 d3/d3 Bring data to life with SV..