분류 전체보기에 해당하는 글들 201 Articles matched 목록이 없습니다. [jQuery] event.preventDefault(), event.stopPropagation() HTML 사용자 이벤트 전달 원리 우리가 매일 사용하는 인터넷 즉, 웹에서는 사용자들이 가장 많이 발생시키는 이벤트 중 하나는 바로 클릭! 사용자가 클릭을 하는 순간 HTML상의 요소들은 클릭을 당한(?) 요소부터 그 요소의 부모님들(?) 부모 요소까지 모두 같이 반응을 하게 되는데요 ( 참고로 이러한 현상을 버블업[Bubble Up] 이라고 해요 ) 이런 현상을 이벤트가 전파, 확산 된다고 하는건데요 영어로는 propagation이라고 합니다 예를들어 다음과 같은 HTML 코드가 있을 때 12345 Test cs a태그를 클릭하게 되면 그 상위 요소인 li 그리고 ul 까지 그 이벤트가 전파된다는 것입니다~ event.stopPropagation() 그러면 제목에서 언급했던 event.stopPropa.. [Server Setting] 서버 셋팅 ( Ubuntu 16.04 Desktop ) 서버를 셋팅할 때 순서는 다음과 같다 1. root 계정 비밀번호 설정 2. 개발자용 계정 생성 3. Backup Project 밀어넣기 4. 필요한 프로그램 설치 4-1. JDK 설치 4-2. WAS (apache-tomcat) 설치 4-3. MAVEN 설치 5. vim 설정 6. 파일추가 ( .aliases / .configure ) 및 파일 수정 ( .profile ) 7. DB ( MySQL ) 설치 1. root 계정 비밀번호 설정 root 계정의 비밀번호가 원하는 비밀번호로 되어 있지 않는 경우 다시 설정해주어야 한다 root 계정 비밀번호를 설정해주는 명령어는 다음과 같다 $ passwd cs 위의 명령어로 비밀번호 및 다른 부가정보를 변경할 수 있다 부가적인 정보는 설정해줄 내용이 없으면 .. [jQuery] 숫자 콤마 포맷팅 ( comma formatting ) 변수를 선언할 때 jQuery는 암묵적으로 선언이 수행된다. (어떤 변수를 선언할 때 해당 변수가 없는 경우 알아서 선언이 된다.) 이 때 var를 안붙이는 경우 scope를 타고타고 올라가면서 선언해주는 이름의 변수가 존재하는지 확인한다. 없을 경우 window 객체까지 올라가는데 이러면 결국 global 변수가 된다. (모든 변수는 window객체의 속성) var를 붙이면 영구적인 변수가 된다. (delete가 안된다) 그리고 지역 변수가 된다.. ( 내부적으로 어떻게 되는지.. ? ) 참고로 $표시는 jQuery 변수 , 함수 임을 뜻한다. 이것을 명시해줌으로써 jQuery의 다양한 기능들을 사용할 수 있다. 12345678910111213141516171819//콤마찍기function comma(.. [jQuery] Ajax Rendering jquery 플러그인으로 ajax를 사용하여 rendering을 할 때 유용한 방법을 정리하려고 한다 페이징을 할 때 페이징 마다 ajax함수를 호출해서 랜더링을 하는 방법도 있지만 목록 전부를 불러와서 페이징 시 DB접근 없이 랜더링 하는 방법이다 전역 변수에 랜더링할 목록 데이터 저장 우선 jquery 전역변수를 선언하고 ajax함수를 따로 만들어서 랜더링할 목록 데이터를 저장한다 ( 이게 최선은 아닐 수 있지만 일단 할 수 있는 방법을 정리해놓으려고 한다 ) 이렇게 저장 해놓으면 나머지 활용하는 방법은 입맛대로 사용하면 된다 123456789101112131415161718192021222324var $data = ""; // 목록데이터를 저장할 전역변수 // ajax 함수 전달인자var param.. [MySQL] where 1=1 의미 / 사용하는 이유 운영서버에 올라가있는 쿼리문을 살펴보면 where 조건 절에 1=1 이 많이 붙어있어요. 처음에는 이게 뭔지 이걸 왜 쓰는지 이해를 못했는데 하다보니까 왜 쓰는지 알게 되서 정리하려고 해요. 1=1 ? 1=1 이라는건 항상 참이라는걸 의미해요. 글면 왜 이런 항상 참이라는 조건을 쓰냐 ? 뒤에 붙는 조건들이 고정적으로 붙지 않을 때 즉, 동적으로 조건절을 붙이고 싶을 때 아주 유용하게 사용되요 에를들면 검색기능이 있어요 사용자로부터 입력받은 키워드가 존재할 때에만 뒤에 조건절을 붙이고 싶을 때 다음과 같이 사용되요 ( 제 상황은 Spring Framework기반 mybatis를 사용하는 상황이에요 ) 1 2 3 4 5 SELECT * FROM TB_TEST WHERE 1=1 Colored by Color.. [jQuery] Uncaught TypeError: Cannot read property jQuery와 ajax함수를 통해서 페이지를 구성하던 중에 에러가 발생했다. Uncaught TypeError: Cannot read property 'value' of undefined 도무지 왜 발생하는지 이해가 안됬다. 페이지도 잘 올라오고 로직 상에 문제가 없었다. ( 예를들면 JS가 HTML보다 위에 있다던지.. ) 해당 에러가 발생하는 경우가 많지만 나의 경우를 정리하려고 한다. 에러 원인 나의 상황은 ajax함수를 통해서 결과물을 받았다. 그 결과물의 List를 얻어서 List의 속성을 사용했다. 그런데 속성에서 위의 에러가 발생했다. 크롬 개발자 모드를 켜서 보니 source창에서 속성 이름에 빨간 줄이 그어져 있었다. 열심히 구글링을 해본 결과 문제는 저 구문 앞에 $memberList[.. [Apache Tomcat] Input Box 한글 검색 오류 처리 오늘은 웹 개발 중에 Input Box에 한글을 입력하고 검색하는 경우에 나타나는 에러에 대해서 정리하려 합니다. 우선 웹 서버는 다양하게 존재하지만 저는 Apache Tomcat 7 버전을 사용하기 때문에 톰캣에서 해결방법을 기록하려 해요 에러 발생 : 한글 입력 후 검색 ( 또는 다른 창으로 한글 데이터 이동 ) 제 상황은 관리자 페이지를 구성하는 중에 검색영역에 한글을 입력한 후에 검색버튼을 눌렀더니 무슨 지렁이 글자로 바뀌어서 검색결과가 출력이 되는 상황이에요. 예전에 한 번 업무로 받아서 해결한 적이 있었지만 역시 기록을 안하니 까먹어서 다시 물어봤어요.. 다신 그런일 없게 기록으로 남겨요. 이런 경우는 여러가지 방법이 있는데 가장 간단한 방법으로 server.xml을 수정해주는 방법이에요. 이.. [MySQL] 1093 에러(Error) 처리 MySQL의 쿼리문을 실행하던 중에 너무 간단한 쿼리문임에도 불구하고 등장한 에러.. 안되겠다 싶어서 에러를 바로 정리해보려고 해요~ 1. 원인 MySQL의 1093에러의 원인은 간단해요 MySQL은 Oracle과 달리 UPDATE나 DELETE 쿼리문을 수행할 때 자기 자신의 테이블의 데이터를 바로 사용하지 못하게 되어 있어요 그래서 1093에러를 출력해줌으로써 그렇게 사용하지 말라고 알려주는 거에요 DELETEFROM tb_userWHERE id IN (SELECT DISTINCT a.id ext_id FROM tb_user a JOIN tb_user b ON a.user_name = b.user_name JOIN tb_history d ON d.id = a.history_id WHERE a.hist.. 1 ··· 17 18 19 20 21 22 23 ··· 26
