새 댓글을 등록하기 위한 뷰 페이지를 만들고 자바스크립트 코드로 댓글 생성 요청을 보낸 후 응답받기
댓글 등록:
1. 댓글을 생성할 수 있는 뷰 페이지 양식을 만들기 _new.mustache
2. 댓글 작성 버튼을 눌러 REST API 요청 보내기
실제 게시판에서는 해당 웹페이지에서 바로 요청을 보낸다. 이를위한 자바스크립트 API
document.querySelector() : 웹 페이지에서 특정 요소(버튼)을 찾아 반환
addEventListener() : 특정 요소에 이벤트가 발생(버튼 클릭) 했을 때 특정 동작 (댓글 객체 전달)을 수행
fetch() : 웹 페이지에서 REST API 요청(POST 요청)을 보낸다.
댓글 생성 뷰 페이지 만들기
_new . mustache 만들면 보이긴 한다.
이제 자바스크립트로 입력 받은 내용을 서버에 저장하는 과정 작성
웹 페이지에서 자바스크립트를 사용하여 REST API 호출하기
1. 버튼 클릭 이벤트 감지하기
_new.mustache 코드 맨 아래에 <script> 추가, 안쪽 {} 으로 감싸기
자바 스크립트 querySelector() 메서드 사용, 웹 페이지에서 특정 요소를 선택할 때 사용,
이때 id, name, class, HTML 태그 등 값 입력하면 해당 속성 값을 가진 대상을 반환
<script> 안쪽에
자바스크립트 문으로 댓글을 등록한다.
자료형 변수명 = document.querySelector("#id_값"); : 문서 내 특정 요소를 변수로 받아오기
버튼 이벤트 감지
요소명.addEventListener("이벤트 타입", 이벤트 처리 함수);
댓글 객체는
const comment = { id = ~.document.querySelector("# ~~ );
REST API 호출과 응답 처리
fetch 함수로
fetch ( 'API 주소', { method, headers, body} . then(response => { 응답 처리문})