본문 바로가기

프로그래밍

html input text vertical 와 a 태그와 이미지 세로 정렬 정리 매번할 때마다 뒤적이고 했던 것을 소스에서 뒤져보고 찾고 했는데, 아에 매번 틀을 갖고 있다가 붙여서 쓰려고 이렇게 정리합니다. 이미지 없이 단순하게 꺽쇠()로 버튼모양을 대신하려고 합니다. 가장위에 있는 그대로 타이핑 하게 되면 아래 그림처럼 나오게 됩니다. 우선 a태그의 속성을 떼어보도록 하겠습니다. css로 설정을 하면 됩니다. a{text-decoration:none;} 또는 더보기
input text 에서 엔터 입력시 페이지 이동 막기 ajax 등으로 게시판을 검색한다던가 아니면 습관적으로 테스트 중 엔터키를 눌렀더니 페이지가 아에 redirect(새로 고침)가 되는 현상이 일어났었습니다. 엔터키를 입력했을 때 자동으로 form에 submit이 되는 현상이 일어난 것이지요. 왜 이런일이 일어날까요? 브라우저별로 차이는 있지만 이런 경우는 몇 가지가 정해져 있습니다. 1. 태그 하위에 가 하나 밖에 없는 경우 2. 태그 하위에 가 여러개지만 한개를 제외한 나머지가 readonly인 경우 이외에도 다른 경우도 있지만 우선 제가 겪은 것만 적었습니다. 이를 막으려면 다양한 방법이 있습니다. input text에서 key입력 이벤트에 대해서 차단하는 방법입니다. $("#nosubmit").click(function(){ if(e.keycode.. 더보기
html form 태그를 이용한 여러 데이터 넘기기 동작 개인적으로 어떤 언어를 쓰던 유달리 파일다루기, 소켓다루기, 쓰레드 제어를 매번 어려워합니다. 이참에 아에 끝장을 보자는 식으로 가장 보편적인 form 태그를 이용한 데이터 전송 작업과 name으로 묶여 있는 데이터들을 다루는 방법을 정리해보겠습니다. 우선 데이터를 어떻게 받고 던질지를 정해보겠습니다. form이 여러개인 형태(1번 형태라고 하겠습니다)와 form 하나에서 input들을 나열하는 형태(2번 형태라고 하겠습니다) 중에 하나를 택하기로 했습니다. (제가 아는게 여기까지라 혹시 다른 패턴이 있다면 알려주시면 감사하겠습니다) 1번 형태는 일반적인 방법으로는 안되고 ajax를 이용해야만 가능합니다. 그렇다는 것은 처리하는 페이지를 form 수만큼 호출해야한다는 것인데 비효율적일 것 같습니다. 탈락.. 더보기
jquery checkbox 실렉터 selector 사용 정리 체크박스는 이래저래 쓸 일이 꼭 생기는 것 같습니다. 이번에 사용한 경우하게 된 이유는 체크된 checkbox 외에는 데이터를 안 넘기도록 하는 작업을 위해서 체크된 것과 안된 것을 일괄적으로 선택하고 처리하는 것이 었습니다. 체크가 되어 있는 것과 안되어 있는 것을 선택하려면 어떻게 해야할까요? 이전에 eq연산자를 사용한 적이 있는데 형태가 비슷합니다. 바로 :checked선택자입니다. 사용 방법은 아래와 같습니다. $("input:checked") 주의할 점은 이렇게 하면 모든 input을 조사하기 때문에 범위를 좁혀야겠습니다. 그렇다면 체크박스만 하려면 아래같이 바꿔야겠네요. $("input[type='checkbox']:checked") 이렇게하면 checkbox의 checked된 요소들만 선택이.. 더보기
Mybatis XML SAXParseException Exception 해결하기 Caused by: org.xml.sax.SAXParseException; 요소 콘텐츠는 올바른 형식의 문자 데이터 또는 마크업으로 구성되어야 합니다. 이런 오류를 보신적이 있으신가요? Mybatis사용중에 발생한 오류인데요. 많이 써왔지만 처음본 경우라 다소 당황스러웠습니다. 질문에 답이 있다고 문자 데이터 또는 마크업 구성이 잘못되었다는 뜻이라 생각하고 요리조리 알아봤습니다. 우선 오류가 난 쿼리 부분을 조금 보여드리자면 아래와 같습니다. 문법상으로 전혀 문제가 없고 잘 돌아가는 쿼리입니다. JOIN을 위해서 B 테이블의 col_10이 STYLE이 아니고 A 테이블의 col_0과 같은 값을 B테이블의 col_0이 갖고 있는 로우들만 불러옵니다. 잘되는 쿼리는 이미 쿼리를 테스트해서 맞는데 무엇이 문제.. 더보기
이클립스 우클릭 New 목록 바꾸기(custom) 잘 쓰지도 않는 메뉴들이 나와서 늘 Other에 들어가서 찾곤 했는데, 더는 두번씩 들어가지 않겠다는 각오로 찾았습니다. 이클립스의 Package Explorer나 Project Explorer에서 사이드 팝업의 서브 메뉴들은 사용자가 모두 커스텀 할 수 있도록 되어 있는데요. 이런 개발환경 set 자체를 Perspective(관점, 시각 @네이버 영어사전)라고 명명합니다. 이 Perspective를 Custom 할 수 있기 때문에 이 작업을 진행할 수 있습니다. 우선 상단의 [Window]->[Custom Perspective]에 진입합니다. 진입하게되면 총 네 개의 탭을 가진 팝업윈도우가 나타납니다. 이 탭들 중 Menu Visibility로 진입하시면 됩니다. 윈도우 타이틀을 보시면 아시겠지만 자신.. 더보기
SQL sum()함수 사용시 특정 조건에(IF, CASE) 맞는 컬럼만 추출하여 합산하기 with GROUP BY SQL sum()함수 사용시 특정 조건에(IF, CASE) 맞는 컬럼만 추출하여 합산하기 with GROUP BY 예전에는 생각도 않고 쓰던 일들이 있을지 모른다는 생각에 뒤적이다보면 나오는 신기한 상황을 하루하루 느끼면서 살고 있습니다. 인터넷에서 낚시를 피해 제대로 된 먹이를 찾기가 쉽지가 않지만 검증이라는 수고를 거치면 되니 시간과의 싸움이라 생각합니다. 아무튼, 오늘은 어찌 sum()함수를 사용하다가 문득 다른 방법이 있을 것 같다라는 생각으로 찾았습니다. 원하는 컬럼과 그리고 원하는 컬럼 중 특정 컬럼을 필터 하는 방법입니다. 제가 알고 있던 sum()이런 식이 었습니다. 이런식의 테이블에서 value컬럼의 합계를 얻으려면 sum(value) 를 select문 안에서 해주는 일이었습니다. 하지만.. 더보기
[javscript/jquery/mybatis] 체크박스를 이용한 데이터 수집과 전송, mybatis의 foreach를 이용한 간단한 where절 만들기 [javscript/jquery/mybatis] 체크박스를 이용한 데이터 수집과 전송, mybatis의 foreach를 이용한 간단한 where절 만들기 웹에서 특정한 체크박스에 있는 속성을 이용해 다른 어디론가 포스트를 한다던지 할때, 배열형식으로 만들기 전에 체크된 대상들의 정보를 한 뭉치로 묶어서 쓰는 경우가 많습니다. 이렇게 뭉쳐진 내용을 서버 사이드에서 분리/정리할 수도 있지만, 이정도 연산은 클라이언트에서 해결하는 것도 큰 문제가 되진 않으리라 생각되어 주로 javascript로 처리를 해왔습니다. 우선 이 체크박스들이 class이름은 checks라고 부여하고 value에는 각각의 index가 있다고 가정하겠습니다. 선택된 대상들에 대해서 전송하는 작업을 할 때 체크여부 검사와 필요한 데이터들.. 더보기

티스토리툴바