REST API와 마무리 — 실습
페이지 전체를 다시 로드하지 않고 필요한 부분만 서버와 주고받는 통신 방식.
// 동기 (전체 새로고침)
form 제출 → 서버 → 새 HTML → 화면 전체 깜빡
// 비동기 (Ajax)
fetch('/api/replies', {method: 'POST', body: ...})
.then(res => res.json())
.then(data => {
// 받은 데이터로 DOM 의 일부분만 업데이트
document.querySelector('#replyList').innerHTML += ...
});
// 페이지는 그대로, 변하는 부분만 변함Run on Server 또는 javac+java 로 실행하고 결과를 확인합니다.