Node JS/프런트엔드 자바스크립트 검색 결과

해당 글 2건

FormData

HTML form 태그의 데이터를 동적으로 제어할수 있는 기능이다. 주로 AJAX와 함께 사용된다 먼저 FormData 생성자로 FormData 객체를 만든다 .다음 코드를 한줄식 Console 탭에 입력한다. 생성된 객체의 append 매서드로 키-값 형식의 데이터를 저장할수 있습니다. append 메서드를 여러번 사용해서 키 하나에 여러개의 값을 추가해도 됩니다. has 메서드는 주어진 키에 해당하는 값이 있는지 여부를 알리고 get 메서드는 주어진 키에 해당하는 값 하나를 가져오고 getALL 메서드는 해당하는 모든 값을 가져온다. delete 메서드는 현재 키를 제거하는 메서드고 set은 현재 키를 수정하는 메서드다. 이제 axios 로 폼 데이터를 서버에 보내면 된다. (async () => {..
Node JS/프런트엔드 자바스크립트 2022. 4. 24. 23:06

AJAX

AJAX(Asynchronous JavaScript And XML)는 비동기적 웹 서비스를 개발할때 사용하는 기법이다. 이름에 XML이 들어있지만 꼭 XML을 사용해야하는것은 아니며, 요즘에는 JSON을 많이 사용한다. 쉽게 말해 페이지 이동없이 서버에 요청을 보내고 응답을 받는 기술이다. 웹사이트 중에서 페이지 변환없이 새로운 데이터를 불러오는 사이트는 대부분 AJAX 기술을 사용하고 있다. 보통 AJAX 요청은 jQuery, axios 같은 라이브러리를 이용해서 보낸다. 브라우저 에서 기본적으로 XMLHttpRequest 객체를 제공하긴 하지만, 사용 방법이 복잡하고 서버에서는 사용할수 없으므로 공부할때는 axios를 사용할거다. 프론트엔트에서 사용하려면 HTML 파일을 하나 만들고 그안에 scrip..
Node JS/프런트엔드 자바스크립트 2022. 4. 24. 23:06