click 이벤트 함수호출

숨기는법
visibility : hidden 자리는 차지
display:none 사라짐

click함수호출
1) 인라인방식
onclick="test();"
function test(){}

또는

onclick="location.href='mapping'"

2) click이벤트메소드
$('#btn').click(function(){});

3) on메소드
$('#btn').on('click', function(){});

4) on메소드 객체로 이벤트
$('#btn').on({click : function(){}, mouseenter : function(){}, ... });

5) on메소드 하위요소 모두 이벤트
$(document).on('click', 'button', function(){});

6) 동적으로 만들어진 요소는
무조건 5번방법으로 해야함


@Data로 하면 mapping이 잘 안되는가봄
@Getter @Setter @NoArgsConstructor를 잘 써보도록