전체 글94

• [javascript] 전체선택 checkbox 자동선택/자동해제 포인트는, -전체선택 checkbox 선택 시 나머지 cat, dog, tiger, lion이 선택된다. (all select) -전체선택 checkbox 해제 시 전부 선택 해제된다. (all deselect) -전체선택 checkbox 선택 중, cat, dog, tiger, lion 중 하나라도 선택 해제 시 전체선택 checkbox가 자동 해제된다. -전체선택 checkbox 해제 중, cat, dog, tiger, lion 모두 선택 시 전체선택 checkbox가 자동 선택된다. 1.HTML 세팅하기 전체선택 cat dog tiger lion 1. checkbox_group div tag 안에 각 input type을 checkbox div tag로 감싸준다. 2. 전체 선택을 위한 checkb.. JAVASCRIPT&JQUERY 2021. 9. 1.

• [jQuery] attr()과 prop()의 차이점은 무엇일까? 오늘은 attr()과 prop()의 차이점을 알아보겠습니다. attr() VS prop() jQuery 1.6.0 업데이트로 attr() 과 prop() 두 개로 나눠졌다. - attr() : HTML 속성 (Attribute) 취급 - prop() : javascript 프로퍼티 (Property) 취급 ** 속성(Attribute) 은 HTML 요소에 대한 추가 정보를 전달하며 쌍으로 제공 ** 프로퍼티(Property) 는 HTML DOM트리의 특성으로 javaSctipt / jQuery를 통해 수정된 요소의 값을 가져오는데 사용하는 것이 좋음 // .html // .js // attr() var text = $("input[type=text]"); console.log(chk.attr("id")).. 헷갈리는 것들 공부 2021. 9. 1.

• [JAVA]배열에 특정 값이 있는지 확인하기 String[] checkArray = {"one","two","three","four}; 해당 배열에 특정 값이 있는지 확인하려면 Arrays.asList(yourArray).contains(yourValue) 로 확인하자. Arrays.asList의 패키지는 java.util.Arrays로 보통의 사용하던 java.util.ArrayList의 ArrayList와는 다르다. java.util.Arrays의 ArrayList 클래스는 remove(), add() 메소드를 제공하지 않고 set(), get(), contains()를 제공한다. 배열에 엘리먼트를 추가하거나 삭제할 수 없어서 배열의 사이즈를 변경할 수 없다. JAVA 2021. 8. 31.

• [JDBC] 올바른 JDBC 프로그래밍 초보 개발자들이 범하기 쉬운 잘못된 JDBC 프로그래밍 형태와 이에 대응하는 올바른 JDBC 프로그래밍에 대해서 알아본다. 잘못된 예외 처리 JDBC를 처음 접하는 사람들은 대부분 기초 서적에 나와 있는 코딩 스타일을 따라하게 되며, 이러한 책 중 다수가 다음과 같은 형태의 코딩 스타일을 독자들에게 알려주고 있다. String userId = .. // 어떤 값을 할당 try { Class.forName("oracle.jdbc.driver.OracleDriver"); Connection conn = DriverManager.getConnection( "jdbc:oracle:thin:@xxx.111.222.333:1521:madvirus", "user", "password"); Statement stmt .. JAVA 2021. 8. 30.

• 

  JSON value 뽑아내기, console로 찍어보기 JSON형태의 object 변수를 alert나 console로 찍었을 때 alert(data); 또는 console.log(data); 라고 한다면 이렇게 [object Object]라고 나온다. 그럴 땐 alert(JSON.stringify(data )); JSON.stringify(변수명)); 이런 식으로 찍어주면 key-value값을 뽑아낼 수 있다. 그 후, 알아낸 key값으로 value를 뽑아내려면 console.log(param['customer']); console.log(json객체['key값']); 헷갈리는 것들 공부 2021. 8. 27.

• DB를 사용하면서 발생 할 수 있는 문제점 웹 이나 윈도우 어플리케이션에 상관없이, 항상 공통적으로 사용되는 부분이 바로 데이터베이스다. 데이터베이스를 사용하겠다는 것은 한마디로 요약하면 "데이터를 저장하겠다"라는 뜻이고, 빈번하게 데이터베이스를 통해 필요한 정보를 갱신하게 되므로, 이에 따른 자원관리는 각별히 신경써야 할 부분이다. 얼마전 구입한 "자바 성능을 결정짓는 코딩 습관과 튜닝이야기(이상민 지음)" 책의 한 챕터를 통해서 데이터베이스 사용과 연관된 문제점들을 살펴 보도록 하겠다. 1. DBConnection과 Connection Pool, DataSource 1) JDBC관련 API는 클래스가 아니라 인터페이스다. 2) JDK의 API에 있는 java.sql 인터페이스를 각 DB벤더에서 상황에 맞게 구현하도록 되어있다. 일반적인 방법으.. DATABASE 2021. 8. 26.

• 

  [JavaScript] JSON 데이터 다루기 문법 총 정리 JSON(JavaScript Object Notation)을 모른다면 선행 해야 할 글 [IT용어] JSON(JavaScript Object Notation) JSON(JavaScript Object Notation) 개념 경량(Lightweight)의 DATA-교환 형식이다. 경량(Lightweight)의 DATA-교환 형식~ 경량(Lightweight)의 DATA-교환 형식~~!! 속성-값 쌍 || 키-값 쌍으로 이루어진 데이터 오.. java119.tistory.com JSON의 개념은 위 글에서 설명하였으니, 먼저 보시기 바랍니다. 저도 처음에 JSON 데이터를 다룰 때 상당히 삽질을 많이 했는데요. 그러한 피해자(?)가 더 없게 문법 정리정리해보았습니다. 다양한 예제를 제공하니 하나 하나 직접 .. JAVASCRIPT&JQUERY 2021. 8. 25.

• 

  API 테스트 툴 - POSTMAN https://www.postman.com/ Postman API Platform | Sign Up for Free Postman makes API development easy. Our platform offers the tools to simplify each step of the API building process and streamlines collaboration so you can create better APIs faster. www.postman.com POSTMAN이란? API 개발을 보다 빠르고 쉽게 구현 할 수 있도록 도와주며, 개발된 API를 테스트하여 문서화 또는 공유 할 수 있도록 도와 주는 플랫폼이다. Postman은 모든 API 개발자를 위해서 다양한 기능을 제공한다. 변수.. 개발자가 되는 길 2021. 8. 23.

• [MariaDB/MySQL] 테이블 생성 쿼리 확인 SHOW CREATE TABLE 테이블명; 실행예시 mysql> SHOW CREATE TABLE wp_options; +------------+------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------.. DATABASE 2021. 8. 22.

• 

  Ajax로 서버와 비동기 통신하기 1. Ajax가 뭐람? 웹은 크게 클라이언트(유저)와 서버로 나뉘어져서 서로 통신을 통해 데이터를 주고 받는다. 예를 들어 naver.com에 접속하는 순간 서버에 요청이 보내지고 자바스트립트가 웹의 데이터(html, css, js)를 보내준다. 이 작업은 주소가 바뀔때마다 반복적으로 이루어지는데, 만약 해당페이지에서 페이지 주소가 바뀌지 않고(페이지가 새로고침 되지 않고) 데이터를 새로 받게끔 서버에 요청하고 싶다면? 그때 사용되는 게 바로 이 Ajax이다. Ajax는 서버와 클라이언트간에 정보를 비동기적으로 전달하기 위해 자바스크립트에서 사용하는 하나의 라이브러리라고 할 수 있다. 정확하게는 제이쿼리를 이용하기 때문에 반드시 제이쿼리를 임포트한 뒤 사용해야한다. 여기서 '비동기적으로 전달'한다는 것의.. 헷갈리는 것들 공부 2021. 8. 20.

• 

  jQuery / Method / .val() - 양식(form)의 값을 가져오거나 값을 설정하는 메소드 .val() .val()은 양식(form)의 값을 가져오거나 값을 설정하는 메소드입니다. 문법 1 .val() 선택한 양식의 값을 가져옵니다. 예를 들어 var jb = $( 'input#jbInput' ).val(); 은 아이디가 jbInput인 input 요소의 값을 변수 jb에 저장합니다. 문법 2 .val( value ) 선택한 양식의 값을 설정합니다. 예를 들어 $( 'input#jbInput' ).val( 'ABCDE' ); 는 아이디가 jbInput인 input 요소의 값을 ABCDE로 정합니다. 예제 1 양식에 텍스트를 입력하고 버튼을 클릭하면, 입력한 값을 출력합니다. Click 예제 2 select 양식에서 값이 바뀌면, 그 값을 출력합니다. One Two Three 예제 3 버튼을 클.. JAVASCRIPT&JQUERY 2021. 8. 20.

• 

  jQuery / Method / .attr() - 속성(attribute)의 값을 가져오거나 속성을 추가하는 메서드 .attr() .attr()은 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가합니다. 문법 1 .attr( attributeName ) 선택한 요소의 속성의 값을 가져옵니다. 예를 들어 $( 'div' ).attr( 'class' ); 는 div 요소의 class 속성의 값을 가져옵니다. 문법 2 .attr( attributeName, value ) 선택한 요소에 속성을 추가합니다. 예를 들어 $( 'h1' ).attr( 'title', 'Hello' ); 는 h1 요소에 title 속성을 추가하고 속성의 값은 Hello로 합니다. 예제 1 h1 요소의 class 속성의 값을 가져와서 출력합니다. Lorem ipsum dolor. h1 class value is : 예제 2.. JAVASCRIPT&JQUERY 2021. 8. 20.