wrkbrs

요소별 수직, 수평 정렬 방법, 수평 수직 정렬 2017.07.24 in CSS 수직정렬 block 자체 수평정렬 inline 수평정렬 정중앙 정렬(flex) 수직정렬 바깥 요소(outer)로 감싼다. height를 설정한다. 바깥요소에 vertical-align:middle; display:table-cell; 셋팅 1 2 3 vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit; https://www.w3schools.com/cssref/playit.asp?filename=playcss_vertical-align&preval=25px 또는 flex를 활용 요소에 display:fle..

appendChild는 DOM 함수이고 append는 JavaScript 함수 append() 함수를 더 선호한다. append를 할 때 문자열을 삽입할 수 있다. 먼저 이렇게 만들 수 있다. document.getElementById('myId').append('Hello'); 하지만 이렇게는 만들 수 없다. document.getElementById('myId').appendChild('Hello'); 아래와 같은 예외 발생 Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. 왜? appendChild 함수에는 parameter(매개변수)와 같은 element(요소)가 필요하다...

많은 분들이 mysql 테이블을 생성할 때 index를 주는데, 실제로 보니까 index를 잘못주는 경우가 많더군요. 1. 인덱스를 검사하는 법. explain select * from Table_Name where A='a' and B='b' order by C,D,E ; 해당 쿼리문이 인덱스를 타는지 안타는지 알기 위해서는 쿼리문 앞에 explain을 붙여주면 인덱스를 타는지 안타는지 알 수 있습니다. type의 결과값이 ALL일 경우 인덱스를 타지 않고 있습니다. range,index등일 때 인덱스를 타고 있습니다.(system,const,eq_ref,range,index,ALL,fulltext) key의 값이 해당 쿼리문이 타고 있는 인덱스입니다. 2. 경우의 수가 작은 것은 인덱스를 타지 않습니..

이미지 파일을 이클립스 프로젝트 경로로 저장을 시킨후, 불러오게 되면 이클립스 프로젝트 안에 저장된 이미지파일을 불러오지 못하여 아래와 같이 엑스박스가 뜨게된다. 이클립스 환경설정을 바꿔주어도 이 현상은 해결이 된다. (Window → Preferences → General → Workspace 의 Refresh using native hooks or polling 체크) ​ 하지만 여러명이 개발하는 프로젝트기 때문에 개발자 모두의 이클립스 환경을 바꿀 수는 없는 터라 근본적인 해결이 필요하다. 프로젝트는 WAS 의 배포경로에서 실행되는데, ' 이클립스 + 톰캣 ' 으로 개발시 workspace 의 소스가 바로 실행되는 것처럼 느껴지지만 실제로는 이클립스가 소스 변경을 감지할 때마다 톰캣 배포 경로로 소..

+(string concatenation operator) with object will call the toString method on the object and a string will be returned. So, '' + object is equivalent to object.toString(). And toString on object returns "[object Object]". With , the object is passed as separate argument to the log method. +를 사용하면 toString() 메소드를 호출한 상태로 log 메소드에 인자로 전달됨. ,를 사용하면 별도의 객체로 toString() 메소드를 호출하지 않고 log 메소드의 인자로 전달됨. ..

Do not confuse the primitive Boolean values true and false with truthiness or falsiness of the Boolean object. Any value that is not false, undefined, null, 0, -0, NaN, or the empty string (""), and any object, including a Boolean object whose value is false, is considered truthy when used as the condition. For example: var b = new Boolean(false); if (b) // this condition is truthy https://devel..

입력 필드에 타이핑을 하면 관련 정보를 보여주고 선택할 수 있는 기능이 많이 사용됩니다. jQuery UI에서 제공되는 autocomplete 기능을 사용해서 이 기능을 구현해 봅니다. 1. 필요한 파일 인클루드하기 jQuery UI 스타일 시트 파일과 jQuery 파일, jQuery UI 파일이 필요합니다. 각각은 다운로드 받아서 사용해도 되고 CDN 을 이용해서 사용해도 됩니다. 이 예제에서는 CDN을 사용했습니다. 2. 기본 기능 사용하기 도시: id가 city 인 입력 필드에 자동완성기능을 만듭니다. - $("#city").autocomplete() : 자동완성기능을 만듭니다. - source: avalibleCity : 타이핑시 보여질 내용 입니다. - select: function(event,..

브라우저의 쿠키(cookie) 데이터저장소를 이용하면 최근에 본 페이지나 키워드등을 저장할 수 있습니다. 온라인쇼핑몰이라면 관심상품으로 등록할 수도 있을테고... 온라인 사전 사이트라면 기존에 검색했던 내용들을 저장할 수 있을 것입니다. # 자바스크립트에서 쿠키(cookie) 사용하는 방법아래는 자바스크립트에 수 많은 이들이 사용하는 쿠기를 저장하고 불러오는 setCookie(), getCookie() 사용자 함수입니다. 아래 코드를 사용해 간단하게 쿠키를 불러오거나 읽어올 수 있습니다. 간단한 cookie 사용법 및 문법은 아래와 같습니다. document.cookie = "쿠키이름=쿠키값" Ex) document. cookie = "test=abcde"; 이를 함수로 만든 자세한 코드와 사용방법 및 ..

System.identityHashCode(Object); 어떤 객체를 hashCode() 메소드로 반환 받으면 형변환을 해줘야 한다. 하지만 System.identityHashCode() 메소드를 사용하면 형변환은 하지 않아도 된다 따로 설정을 하지 않는다면 결과는 같다. 내부적으로 hashCode() 메소드는 System.identityHashCode() 를 사용한다.

xml 설정에서 statement 와 select의 차이가 무엇인가요?? 속성중에 parameterMap과 parameterClass의 차이가 무엇인가요?? 번역된 문서를 봤는데 이해가 잘 안갑니다.. 그리고 Spring에서 사용 할 때 파라미터를 전달하게 되면 iBATIS에서 어떻게 받아서 처리하는지도 궁금합니다. statement 는 insert,update,delete, select 모두 가능하고, select는 말 그대로 select만 가능한 겁니다. 공식 Developer Guide보시면 mapped statement 부분에 박스로 잘 설명이 되어 있습니다. parameterMap과 parameterClass 는 기능상으로는 큰 차이가 없지만 Dynamic Mapped Statement를 사용하..