웹개발

동적 폼 전송 (fetch, ajax, axios) 유저가 서버에 원하는 데이터를 GET요청을 보냄. 주소창에 URL을 넣거나 Form태그를 이용해서 버튼으로 요청을 할 수 있음. 그러나 이 두개는 브라우저가 새로고침이 된다. 이게 싫으면 비동기 HTTP통신을 사용하면 된다.비동기 HTTP 통신이란?response와 request를 비동기 식으로 다룰 수 있다! ➡️ 이를 통해 웹 페이지 전체를 다시 로드하지 않고도 필요한 데이터만 갱신할 수 있다. 💻Ajaxjavascript를 이용해 클라이언트와 거버 간에 데이터를 주고 받는 비동기 HTTP통신JQuery를 통해 쉽게 구현이 가능하나 반대로 말하면 JQuery를 사용해야만 간편하고 호환성이 보장된다.// index.ejs// ----- ajax 요청..

EJSEmbedded Javascript자바스크립트가 내장되어있는 html파일템플릿 엔진: 문법과 설정에 따라 파일을 html 형식으로 변환 시키는 모듈 form 결과 확인하기 ()님 환영합니다. 비밀번호는 입니다. 홈으로 이동 // 내부에 JS코드 작성. // 값을 템플릿에 출력할 때 사용. //  EJS 설정// app.js// ejs views middleware settingsapp.set("view engine", "ejs"); // 템플릿 엔진 설정app.set("views", "./views"); // 뷰파일 폴더 경로 설정 미들웨어양 쪽을 연결하여 데이터를 주고 받을 수 있도록 중간에서 매개 역할을 하는 소프트웨어.서버와 클라이언트를 이어주는 중간..