자바스크립트 3

[개발일기] 배열, 객체 복제하기

배열이나 객체를 복제할 수 있다. 먼저 배열로 예를 들어보자면 var arr = [1,2]; var arr2 = Array.from(arr); console.log(arr, arr2, arr === arr2); // 출력 결과물 = [1,2] [1,2] false Array.from()을 통해서 배열을 복제할 수 있고 arr와 arr2는 서로 다른 값이다. 객체 복제의 예로는 var a = {name:mandoo}; var b = Object.assign({},a); console.log(a,b,a===b); //출력결과 = {name:mandoo} {name:mandoo} false b.name = 'dooman'; console.log(a,b,a===b); //출력결과 = {name:mandoo} {..

[JavaScript] Promise

Promise? 프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다. 프로미스는 왜 필요할까? 왜냐하면 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용하는데, 일반적으로 웹 어플리케이션을 구현하 때 서버에서 데이터를 요청하고 받아오기 위한 api를 사용한다. api가 실행되면 데이터를 받아오기 위한 요청을 하는데 데이터를 받아오기도 전에 데이터를 받아온 것 처럼 화면에 데이터를 표시 하려한다면 오류가 발생한다. 이와같은 문제점을 해결하기 위해서 프로미스를 쓰는 것이다. Promise 의 상태 Pending(대기) - 비동기 처리 로직이 아직 완료되지 않은 상태 new Promise(); new Promise(function(resolve, reject){ }); Fullfilled(이행) - 비..

FrontEnd/JavaScript 2022.11.24

ajax로 <form> 데이터 받아가기!

페이지 연결 시 form에 name값을 submit() 하는 방법을 많이 썼었는데 팀장님께서 그렇게 하면 매번 새로고침이 되는데 그러면 사용자 입장에서 불편하다고 해서 ajax로 다시 바꾸라고 하셨다! 그러면 ajax에서 form의 데이터는 그러면 어떻게 받아갈 수 있을까??? var insertSerial = $("#form1").serialize(); 바로 답은 .serialize()!!!! form의 데이터를 그냥 바로 가져간다!!! 개꿀 함수!! $.ajax({ url:"/callRegist", method:"post", data:insertSerial, success:function(result){ if(result="0000"){ }else if(result="9999"){ alert("정보를..

FrontEnd/Ajax 2022.04.29
반응형