민아의 기록일지

1. tag 추가

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

2. 오늘날짜 설정

$(function() {
    // 날짜 비교 위한 날짜 가져오기
    <c:set var="now" value="<%=new java.util.Date() %>" />
    <fmt:formatDate var="today" value="${now}" pattern="yyyy-MM-dd hh:mm:ss" />
    var todayDate = "<c:out value='${today}'/>";
});

<c:if test="${today > 비교하고자하는 날짜}"/>

이런식으로 사용해도 된다!

이벤트로 생성된 버튼의 객체만 가져오기.

즉, 아래처럼 '추가' 버튼을 누르면 아래의 input박스와 함께 '찾기'버튼과 '삭제'버튼이 함께 생긴다. 

이벤트로 생성된 버튼은 버튼들은 모두 같은 속성을 가지고있다. 같은 class, name, id 명을 가지고있다. 그래서 속성을 지정해서 버튼 이벤트를 걸어주면 제일 첫번째거 하나만 이벤트가 걸린다.

그래서 동적으로 생성된 버튼을 다시 읽어줘야하기때문에, DOM 객체를 버튼 이벤트걸어주기전에 한번 더 다시 읽어주면된다. DOM 객체를 읽어오는 $(document).ready(function(){}) 을 사용하는 것보다 $(document).on('이벤트명', '객체명', function(){}) 을 사용할 것을 추천함!

지금 5번은 사용한 것 같은데, 계속 까먹는 것 같아서 기록해둔다.

< break >

for문이 반복되다가, break가 있는 조건을 만나자마자 for이 강제적으로 종료되고 그 뒤의 값들은 돌지 않게 된다.

< continue >

for문이 반복되다가 continue가 있는 조건을 만나면 그 조건일 때는 for문이나 다른 continue가 있지 않은 다른 조건을 실행하지않고 건너뛴다. 그러고 다시 다음건이 진행된다.

< return >

return 도 함수를 종료시켜주는 역할이라 사용했다가, 계속 헤맸다. 결국 말그대로 return 은 함수를 종료시켜주기 때문에, 이 뒤에 있는 어떠한 로직들도 모두 다 실행되지가 않아져버린다. 해당하는 for문만 종료시키기 위해서는 break를 사용해주면된다!!

ajax로 동적으로 생성된 html 

append로 붙여준 <button class="modifyRowBt"></button> 에 클릭 이벤트를 걸고싶다면, 평소와 같이

$('.modifyRowBt').click(function(){}) 으로는 이벤트가 걸리지 않는다. 이유는? ajax로 이벤트로 html을 생성해준 것이기 때문에 한번더 DOM객체를 읽어줘야한다. 그래야만 새로 생성된 html을 읽을 수 있는 것이다.

그래서 사용해야하는 것은,

이런식으로 DOM 객체를 다시 읽어서 class="modifyRowBt" 을 찾을 수 있다. 

if문 사용시에, 조건문마다 한 변수가 변하는 경우 return 변수를 해주지않으면 조건에 달았을때 멈추지않고 계속 코드를 읽혀간다. 

학원에서 배운 return 에 개념을 다시 찾아봤다!!

1. return 키워드와 값을 지정하게 되면 함수를 호출한 곳에 값을 전달하게 된다.

2. return 키워드를 만날 경우 함수는 종료 된다.

여기서 2번째의 개념을 또!! 또!! 또!! 잊고있었다.

if문을 작성하는 중에 두번의 에러를 마주했다. 

첫번째, if문이 멈추지 않는 것 / 두번째, 변수에 대한 값이 변화하지 않음.

1. 첫번째 if문이 멈추지 않는 에러 

위에서 설명한 return의 두번째 개념을 잊고있었기 때문이다. return 이 없기 때문에 계속해서 alert이 뜨더라. 왜? 함수가 계속 실행되니깐. 멈춤의 명시가 없기 때문에!

그래서 고쳐서 return 값을 넣어줬더니 두번째 에러와 마주했다.

2. 변수에 대한 값이 변화하지 않은 채로 함수가 끝남.  'unreachable code detected' 에러를 마주함

첫번째 조건문에서 보면 한조건에 만족했을 때 return submitFlag 를 만나서 함수가 끝나게 된다. 하지만 조건을 만족하지못해 else로 갔을 경우에는 함수가 종료되지 않게 해줘야한다 ( 뇌피셜, 아니라면 댓글로 남겨주세요).

하지만 현 상황에서는 else의 경우에도 함수를 종료하고 if의 경우에도 함수를 종료하기때문에 그 아래에있는 함수들은 모두 무용지물이 되어버리기때문에 'unreachable code detected 라는 에러가 발생하는 것이다.

해결책은 두가지인 것 같다.

첫번째는 if문에만 return 을 넣어주는 것. (아래와 같이)

두번째는 else if 를 사용해주는 것. 

이경우는 else대신 else if 를 사용했다. 그래서 else if 문에 해당되는 조건에 만족하지 못하면 그 아래 함수로 내려가기때문에 가능한 것이다!!!