Node JS 검색 결과

해당 글 11건

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

async/await

노드 7.6부터 지원되는 기능 이며 ES2017에서 추가되어 알아두면 정말 편리한 기능 이다. 특히 노드처럼 비동기 위주로 프로그래밍 할때 도움이 된다. 프로미스가 콜백 지옥을 해결했다지만 여전히 코드가 장황하고 then 과 catch가 계속 반복되기 때문이다. async/await 문법은 프로미스 를 사용한 코드를 한번 더 깔끔하게 줄인다. function findAndSaveUser(Users) { Users.findOne({}) .then((user) => { user.name = 'zero'; return user.save(); }) .then((user) => { return Users.findOne({ gender: 'm' }); }) .then((user) => { // 생략 }) .catc..
Node JS/ES2015+ 2022. 4. 24. 23:02

프로미스

자바스크립트와 노드에서는 주로 비동기를 접하는데 특히 이벤트 리스너를 사용할때 콜백 함수를 자주 사용한다. ES2015부터는 자바 스크립트와 노드의 API들이 콜백 대신 프로미스 기반으로 재구성되며 악명 높은 콜백 지옥 현상을 극복했다는 평가를 받고 있다. 추가로 프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용합니다. 일반적으로 웹 애플리케이션을 구현할 때 서버에서 데이터를 요청하고 받아오기 위해 꼭 알아야하는 개념이다. 프로미스는 다음과 같은 규칙이 있는데 먼저 객체를 생성해야한다. const condition = true; // true면 resolve, false면 reject const promise = new Promise((resolve, reject) => { if (cond..
Node JS/ES2015+ 2022. 4. 24. 23:01