본문 바로가기
728x90
반응형

js20

axios 장단점 및 사용 법 Axios는 Promise 기반으로 만들어졌기 때문에 데이터 다루기가 편리하고, 크로스 브라우징에 신경을 많이 써 브라우저 호환성이 뛰어나다는 장점이 있다 1. Axios는 response timeout 처리 방법이 있다. 2. 반면에 fetch는 내장 라이브러리이므로 모듈 설치가 필요 없다. 3. 하지만, response timeout 처리 방법이 없다는 단점이 있다 [개발상식] Ajax와 Axios 그리고 fetch 여러분들이 프로젝트를 진행하다보면 클라이언트와 서버 간 데이터를 주고받기 위해 HTTP 통신을 사용하게될겁니다. 주로 어떤것을 사용하시나요? 또, 그것에 대해 얼마나 알고계시나요? 저와 velog.io fetch / axios 차이 2: Ajax와 Axios 그리고 fetch 4: fet.. 2023. 5. 10.
숫자에 콤마 표기 in javascript 숫자를 콤마 표기를 하여 넣어 표현을 하고 싶었다. 첫째로는 db에서 추출할때 표현을 하려고 하니 정규식으로 표현하는걸 찾아보았다. SELECT NO ,REVERSE(TO_CHAR(no)) AS REVERSE_NO ,REGEXP_REPLACE(REVERSE(REGEXP_REPLACE( REVERSE(TO_CHAR(no)), '([0-9]{3})','\1,')), '^,','') AS COMMA_NO FROM ( SELECT 123456789 AS no FROM dual ) V1 ; [출처] [오라클] 숫자 3자리마다 콤마 찍기|작성자 llllllllllllll 좀 복잡해보였다.. 다시 자바스크립트로 표현하는 방법을 찾으니.. Number(res.data[i].keywdT).toLocaleString('k.. 2023. 5. 10.
this 해당 객체 $(document).on('click', '.btn-print', function(e) { window.open('${urlRootPath}/ubi4/ubihtml.jsp?jrf=attendance\_print\_1.jrf&arg=ecsIdx%23' + $(this).parents('tr').find('input\[name="ecsIdx"\]').val() + '%23year%23' + $(this).parents('tr').find('input\[name="classOpenYear"\]').val() + '%23semester%23'+ $(this).parents('.. 2021. 9. 15.
제이쿼리를 이용한 멀티 리스트 업데이트(다중) 순서 jsp ->제이쿼리 -> controller -> service -> sql 수강료 납부 목록 아이디 이름 중간 기말 기타(과제물) 기타(수업기여도) 출석 성적 수강인원이 없습니다. ${result.USER_ID } ${result.USER_NAME } ${result.TOTAL_SCORE} 위와 같은 테이블을 생성해주고, 그러면 아래와 같은 테이블이 완성된다. 그리고 나서 제이쿼리 코드 작성 $('#saveBtn').on('click', function(e) { confirmMessage('저장하시겠습니까?', '알림', function() { var updateList = []; $('#scoreTable tbody tr').each(function(idx, elem) { if ($(elem)... 2021. 7. 9.
promise 콜백지옥 만들기전..... 콜백지옥을 보여드림 //callback 지옥 function increseAndPrint(n, callback){ setTimeout(()=>{ const increased = n +1; console.log(increased); if (callback){ //콜백이 있다면.. callback(increased) //호출 } },1000) } increseAndPrint(0, n => { increseAndPrint(n, n=> { increseAndPrint(n, n=> { increseAndPrint(n, n=> { increseAndPrint(n, n=> { console.log('작업끝'); }); }); }); }); }); //1 //2 //3 //4 .. 2021. 4. 23.
비동기처리 동기적(Synchronous) 작업을 하는동안 다른작업을 할수 없는것! ₩₩₩ javascript //순서적으로 실행한다 //연산량이 많은 작업! function work(){ const start = Date.now(); for(let i = 0; i { const start = Date.now(); for(let i = 0; i { const start = Date.now(); for(let i = 0; i { //함수 내부에소 ms를 받아옴 console.log('작업이 끝났어요!'); console.log(ms+'ms걸렸다고해요'); }); console.log('다음작업'); //작업시작 //다음작업 //526ms //작업이 끝났어요! //526ms걸렸.. 2021. 4. 23.
728x90
반응형