AJAX 방식의 비동기통신 & 서버 분리 & MVC패턴을 적용한 댓글 CRUD 예제코드입니다 1. 디렉토리 구조 프론트 서버 설치 모듈 : express, nunjucks 백엔드 서버 설치 모듈 : express, cors, (cookie-parser) 2. Backend [server] [route] [repository] Controller, Service, Repository는 모두 try & Catch 형

1. AJAX 기초 AJAX는 비동기 통신을 위한 기술의 하나로, 자바스크립트 코드만으로 서버에 요청이 가능하도록 만들기 위해 고안된 개념입니다 일반적으로 웹 페이지가 서버로부터 정보를 요청하기 위해서는 전체 페이지를 새로고침하는 경우가 많습니다 하지만 AJAX를 이용하면 서버와 통신할 때 페이지 전체가 아닌 객체화한 데이터만을 주고받기 때문에, 웹 페이지 전체를 다시 로딩하지 않고도 웹 페이지의 일부분만을 갱신할 수 있습니다 즉 URL 갱신 없이 요청과 응답이 이루어진다는 것이 핵심입니다 응답은 어떻게? 비동기 통신에서는 응답이 언제 어떻게 도착할지를 추측하기 어렵습니다 그래서 응답은 주로 '이벤트' 형태로 처리하게 됩니다 (요청 xhr.send