1.수정/삭제 버튼 누르면 '정말 수정하시겠습니까?' / '정말 삭제하시겠습니까?' 알림창 띄우고 '예'를 선택했을 때만 실행하게 하기
-
브라우저를 제어하려면 자바스크립트 사용
function test(){
alert('정말 삭제 하시겠습니까?')} -> 함수가 실행될때 알림창이뜬다 alert 는 true false 가 반환 안됨 confim 은 반환 -
템플릿 main 가서 랜더링 (화면에 보여주는거) 다 끝난 곳에 < script>function update() {
const form = document.getElementById("updateForm") const =confirm("수정하시겠습니까?")
if(result){form.submit();}}
if(result) < script>
cf) 수정 템플릿 폼에가서 id="updateForm" 이라 적으면 id 선택할수있다.
한후 수정버튼에 연결해줘야하니깐 < input type="button" value="수정" Onclick="update();">
2. 로고를 누르면 메인 페이지로 이동하기.
- 페이지 이동은 a테그 - >템플릿에서 logo 찾아서 a테그로 감싸주기
3.노트를 계속 추가하면 목록이 늘어나게 되고 어느 순간 우리가 정해놓은 페이지 영역을 벗어나게 됨. 정해놓은 페이지를 벗어나면 스크롤 처리하기
- 해당 템플릿으로 가서 ul 에 overflow-scroll;
참고사항
- 확인창은 브라우저에 뜨는거다 -> 브라우저 제어하려면 -> 자바스크립트
- submit 은 참이든 거짓이든 보내고 button 은눌리기만하고 페이지 이동이되거나 그러지않는다
- confirm 은 참거짓이 반환 되어 f12 눌러 내가 뭘눌렀는지 알수있다.
- onClick="update()" -> 자바스크립트 함수와 연결해주기위해
