코딩자율학습 스프링부트3 4주차

고태경·2024년 2월 5일
0
post-thumbnail

16장 댓글 목록 보기

댓글의 레이아웃
기본 댓글을 보여주는 영역 / 새 댓글을 입력하는 영역
-> _list, _new로 나눔

17장 웹 페이지에서 댓글 등록하기

버튼 변수화

자료형 변수명 = dodcument.querySelector("id_값");

버튼 이벤트 감지

요소명.addEventListener("이벤트_타입,", 이벤트_처리_함수)

댓글 객체를 만드는 방법
1. 객체 리터럴 방식
2. 생성자 함수 방식
3. Object.create() 방식

18장 웹 페이지에서 댓글 수정하기

모달
브라우저 내부에서 상위 레이어를 띄우는 방식
(여기선 Non-modal을 다루는 듯)

댓글 수정하기 (REST API 요청 보내기)

모달 이벤트 감지 코드

요소명.addEventListener("show.bs.modal", function(event) {});

19장 웹 페이지에서 댓글 삭제하기

프론트엔드 언어 문법
.querySelectorAll : 선택자로 지정한 모든 요소를 찾아 반환
.forEach() : 배열 또는 배열과 유사한 일련의 데이터 묶음을 순회해 처리
` (백틱 문자열) : 이걸 통해 문자열 사이에 변수 삽입

profile
컴퓨터정보과

0개의 댓글