백엔드와 작업 시 파라미터 값을 보내야 하는 일이 빈번한데, 이번에 처음 겪은 이슈가 있어 작성해둔다. 이건 내가 작성한 ajax 코드가 아니었고, 유지보수 업무였다. (ajax 옵션을 잘 몰랐던 문제가 가장 컸다) 아래와 같이 작성했던 ajax 코드가 있었다. 데이터가 전송이 안되서 문제를 찾아보던 중에 processData를 알게되었다. JS $.ajax({ url : '', processData : false, contentType : "application/json", data : { id : 'abcd' }, type : "GET", success : function(res){ //....... } }); processData 란? 기본값은 true다. ajax 통신을 통해 데이터를 전송할때, ..
input에 데이터를 입력을 받을때, 해당 코드 포맷에 맞추어 입력해줘야하는 요구가 있었다. 디테일한 요구조건 1. 숫자만 입력 2. {0000 0000} 포맷 3. max 8자 HTML 해당 코드를 입력해주세요. (EX : 1234 5678) JS $('#code').on('input', function(){ var thisVal = $(this).val().replace(/\s|\D/g, ''); thisVal = thisVal.replace(/(\d{4})\B/g, '$1 '); thisVal = thisVal.substr(0,9); $(this).val(thisVal); }); CSS #code{margin-top:10px; display:block;} 문자를 입력받게되면 빈값으로 치환했고 그 다..
void 0 이란? 라이브러리 코드를 학습하던 중에 이런 코드를 발견했다. if(params === void 0){ } void 0이 뭐지? 검색해 본 결과 void는 javascript의 연산자이고 항상 undefined를 반환한다고 한다.void 0, void 'hello' 등 전부다 undefined를 한다. 그럼 왜? undefined를 안쓰고?if(params === undefined){ } 첫번째로는 undefined는 항상 undefined가 아닐 수도 있다는 얘기다.var undefined = 'hello'; console.log(undefined);// hello 그리구 짧아서 브라우저로 전송되는 바이트 수를 줄일 수 있고 관용적이라고 한다. MDN링크https://developer.mo..
- Total
- Today
- Yesterday
- 뷰
- 제이쿼리
- 코딩애플
- 자바스크립트
- 통신
- Study
- VUE
- 브라우저
- frontend
- html
- 타입스크립트
- css
- 제로초
- 공부
- JS
- 기초
- 차이
- TypeScript
- jQuery
- Method
- 프론트엔드
- 아티클
- React
- vue.js
- Article
- 프로젝트
- 리액트
- 강의
- JavaScript
- 메서드
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |