// $("#테이블명").on("click", "tr", function(){ $("#tempList tbody").on("click", "tr", function(){ alert( $(this).find("td:eq(0)").text() ); alert( $(this).find("td:eq(1)").text() ); }); td:eq(0) -> 선택(클릭)한 row의 첫번째 데이터 -> 컬럼0 td:eq(1) -> 선택(클릭)한 row의 두번째 데이터 -> 컬럼1
CSS HTML HOME ABOUT Entertain view search Board
Arryas클래스는 배열을 다루는데 유용하다. binarySearch binarySearch()는 반드시 배열이 정렬된 상태에서만 올바르게 작동한다. 그리고 주의할 점은 배열에 검색한 값과 일치하는 요소들이 중복으로 있으면 어떤 것의 위치가 반환될지 알 수 없다. package org.kyhslam.collectEx; import java.util.Arrays; import java.util.List; public class arraysTest01 { public static void main(String[] args) { int[] arr = {3,2,0,1,4}; int[] arr2 = {3,2,9,10,43}; int[][] arr2D = {{11,12}, {21,22}}; int[][] arr2D..
BoardRepository.java public List findPage(int start, int total) { return em.createQuery("select b from Board b", Board.class) .setFirstResult(start) .setMaxResults(total) .getResultList(); } setFirstResult : 시작위치 setMaxResults : 출력개수 setFirstResult(10).setMaxResults(10)의 결과는 10번째부터 10개가 출력된다는 의미이다. BoardService.java public List findPage(int start, int total) { return boardRepository.findPage(sta..
Map 조회에는 3가지 방법이 있다 Iterator Entry KeySet Java8 forEach, Lambda 예제1 package com.kyhslam; import org.junit.Test; import java.util.HashMap; import java.util.Iterator; import java.util.Map; public class MapTest { @Test public void maptest() { HashMap map = new HashMap(); map.put("A", "TEST"); map.put("B", "TEST2"); map.put("C", "TEST3"); // 방법1: Iterator 사용 Iterator keys = map.keySet().iterator(); ..
ImageController package com.kyhslam.controller; import com.kyhslam.domain.UploadFile; import com.kyhslam.service.FileService; import com.kyhslam.service.ImageService; import lombok.RequiredArgsConstructor; import lombok.extern.slf4j.Slf4j; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.R..
Domain package com.kyhslam.domain; import lombok.Getter; import lombok.Setter; import javax.persistence.*; import java.time.LocalDateTime; @Entity @Setter @Getter @Table(name = "voc_article") public class Article { @Id @GeneratedValue(strategy = GenerationType.SEQUENCE) @Column(name = "article_id") private Long id; private String subject; @Lob private String content; private LocalDateTime regDat..
참고 URL : webberstudy.com/html-css/css-2/multi-column-layout/ 다단 레이아웃 만들기 float 속성을 이용해, 실제로 CSS 다단 레이아웃을 만들어 봅니다. 이를 통해서 기본 HTML 문서를 제작할 때, 기본 레이아웃을 어떻게 잡는지 알아보고, 중급 쳅터에서 다뤘던 스타일 속성들을 다시 webberstudy.com CSS body { font: sans-serif; } .frame { width: 85%; margin: 0 auto; border: 1px solid blue; } header { padding: 40px 10px; text-align: center; border: 1px solid darksalmon; /*background-color: da..
CSS 부분 BODY 부분 Header Nav Link 1 Link 2 Link 3 Content 영역 111111 222222 Footer 결과 화면
Promise : 비동기 처리 방식으로 실행된 결과의 성공과 실패를 관리한는 객체 Promise는 비동기 작업을 여러 개 수행할 때 더욱 진가가 나타난다. 그 이유는 비동기 작업이 순서대로 수행되어야 할 때가 많기 때문이다. 장점 - 콜백 지옥의 문제점 해결 : 비동기 처리를 순서대로 처리할 때 콜백함수처럼 중첩할 필요가 없다. 즉, 소스를 간결하고 직관적으로 작성할 수 있다. - 비동기 처리를 완료한 후 반환값 관리가 쉬움 : 비동기 처리를 종료한 후 반환값을 성공과 실패 모두 then()과 catch()에 전달된 함수를 통해 관리할 수 있다. const promise = new Promise((resolve, reject) => { console.log('doing something...'); set..
1. File - Preference - Setting 2. Extension - Live Server Config 의 Custom Browser에서 원하는 걸 선택한다.
1. 설정에서 Encoding 관련 설정을 UTF-8로 변경한다. 2. JSP페이지 상단에 아래 문구 추가