인생 데이터베이스

Programming/HTML, CSS

[CSS] div에 사진 넣기 background-image: url("")

태그를 이용하지 않고 태그에 css속성의 background-image: url("");을 통하여 사진을 넣을 수 있다. 1 2 3 4 5 6 7 .main_div{ background-image: url("./resources/img/01.jpg"); background-position: center; height: 300px; border-radius: 10px; border: 10px solid green; } Colored by Color Scripter cs

Programming/Git

[Git]Visual Studio Code와 GitHub 연결하기

1. vsc에서 ctrl + `(shift + ~)를 눌러서 vsc Terminal창을 연다. 2. vsc에서 ctrl + `(shift + ~)를 눌러서 vsc Terminal창을 연다. git remote add origin + 원하는url (+제외) 입력. 3. git pull origin master 입력하여 pull (보통은 master가 메인 브랜치)

Programming/Java

[Java] 배열(array) 오름차순 / 내림차순 정렬 Arrays.sort()

버블정렬, 선택정렬 등 기본적으로 for문을 사용하여 정렬을 할 수 있지만, 우리에겐 Arrays.sort()가 존재한다. 이 메소드를 이용하면 오름차순 / 내림차순이 간단하게 가능하다. 오름차순 정렬 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 package com.codeup; import java.util.Arrays; public class CodeUp100 { public static void main(String[] args) { int[] arr = {1,5,2,4,3}; Arrays.sort(arr); System.out.println(Arrays.toString(arr)); } } Colored by Color Scripter cs 오름차순은 sort()메소드의 파라미..

Programming/Java

[java] Collection - List, Set, Map

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051Collection - List, Set * List 계열 : (ArrayList, Vector, LinkedList 등)1. 순서를 유지하고 저장2. 중복 저장 가능3. null 저장 가능 4. add(), remove(), get() 사용 가능 * ArrayList : 상당히 빠르고 마음대로 조절할 수 있는 배열 단방향 포인터 구조로 자료에 대한 순차적인 접근에 강점이 있다. * Vector : ArrayList의 구형버전이며 모든 메소드가 동기화 되어있다. * LinkedList : 양방향 포인터 구조로 데이터의 삽입, 삭제가 빈번할 ..

Programming/Web

[Web] do Get / do Post의 차이

form 태그에서의 action 속성과 method 속성이 있다. action="~" 속성에 서블릿 url 주소를 작성한다. method="~" 속성에 get방식인지 post방식인지를 작성한다. get방식 1. 255자 제한이 있기 때문에 전송 할 수 있는 정보가 한정적이다. 2. login?hong=123&lee=345 url주소 뒤에 ? key = value & 식으로 url에 데이터가 노출이 되기 때문에 보안에 취약하다. post방식 1. 보낼 수 있는 정보의 수에 제한이 없다. 2. url에 데이터가 노출되지 않아서 get방식보다 보안이 강화되어 있다.

Programming/Java

Math클래스

sqrt(n) : n의 제곱근을 구할 수 있다. [square root = 제곱근] parameter type : double return type : double ex) sqrt(121) => 11.0 pow(a, b) : a의 b승 [power = 거듭제곱] parameter type : double return type : double ex) pow(4,3) => 4^3 = 64.0

Programming/자바스크립트

[JavaScript/JSON] JAVA에서 double 0.0으로 보냈는데 jsp에서 0일때

jsp에서 jstl태그로 출력하는 것이 아닌 json객체로 받을 때 종종 이런 경우를 겪는다. javascript는 0.0이건 0.00이건 0으로 간주한다. 0.0으로 표기하고 싶을 때는 parseFloat(0).toFixed(1) // 0.0 toFixed()메소드를 이용하자.

Programming/자바스크립트

[JavaScript] ajax와 ROWNUM을 통한 무한스크롤

1. SQL / myBatis mapper 부등호는 태그로 인식하여 에러가 나므로 로 처리해준다. Controller => Service => Dao => mapper 의 경로로 jsp에서 스크롤을 내릴때마다 start와 end에 +9를 해주어 1~9 / 10~18 / 19~27 ... 이런 식으로 ROWNUM을 통해 DB에서 값을 가져온다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 SELECT * FROM (select rownum as rownumber, p.* from PRODUCT p JOIN GOODS_CATEGORY ON (CATENAME = PRODUCT_CATEONE) WHERE CATECODE = 10 ) a WHERE a.rownumber = ]]> #{st..

Programming/자바스크립트

[JavaScript] 카테고리 필터로 원하는 값 표시하기

1. 선택한 필터 란의 값에 카테고리가 추가되면 그 추가된 카테고리만 표시되게 하고 싶었다. 2. JavaScript로 구현하였다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 /***** 카테고리 *****/ let filter = function(){ // 선택한 카테고리가 있을때만 실행 if($(".last-nav-td").children().length != 0){ let choiceCate = []; // 선택한 카테고리 배열 let cate; // 상품 카테..

Programming/자바스크립트

[JavaScript]문자열을 배열로 변환 후 구분자로 잘라내기

1234567 let category = 'a,b,c,d'; let arr = category.split(","); for(a in arr){ console.log(a + " : " + arr[a] + " 배열 : " + arr); } Colored by Color Scriptercs split("값") : 문자열을 값으로 구분하여 하나하나 인덱스로 배열에 담는다. for(a in b) : a는 인덱스, b는 원래의 (객체 or 배열)이다. b[a]로 (객체 or 배열)의 value값을 가져올 수 있다. => 출력값