개발자의 끄적끄적

[html/css] css text-overflow example / css 말줄임표 표시 방법 html 에서 글자수가 길어서 뒤에 말줄임표를 붙여야 하는경우 아래 나와있는 css 속성을 추가하시면 말줄임표 추가가 가능합니다! text-overflow: ellipsis; 참고들 하세요!

[javascript/jquery] 자바스크립트 함수 파라미터 기본값 설정 방법 javascript 에서 함수를 만들어서 사용하다보면 함수에 넘겨받는 파라미터가 없을 경우를 대비해서 기본값을 설정해야 합니다. 그럴때는 아래와 같이 기본값을 설정하시면 됩니다. function test(val) { val = typeof val !== 'undefined' ? val : ""; } 생각보다 유용하고 자주 쓰이니! 꼭 참고들 하세요!

[javascript/jquery] jquery children example / jquery 자식요소 찾는 방법 jquery 에서 특정 태그의 자식 요소를 찾아야 하는 경우에는 아래 나와있는 children 을 사용하시면 됩니다. children() 예를들어 div 라는 클래스명을 가진 태그의 자식 요소중 test 라는 클래스명을 가진 요소를 가져오려면 아래와 같이 children 을 사용하시면 됩니다! $(".div").children(".test"); 참고들 하세요!

[html/css] css prevent mouse event example / css 마우스 이벤트 방지 설정하는 방법 html 에서 특정 태그에 마우스 이벤트가 동작하지 않도록 설정을 해야 하는 경우가 있습니다. 강제로 동작을 방지하는 경우일 텐데요. 그럴때는 아래 css 속성을 해당 태그에 추가하시면 됩니다. style='pointer-events: none' 환경에 따라 100프로 동작하지 않는 경우도 있다고 하니 참고들 하세요!

[javascript/jquery] jquery draggable mobile example / jquery draggable 모바일 설정 방법 jquery 를 이용해서 특정 div 가 드래그 가능하도록 설정을 하려면 draggable 라이브러리를 사용합니다. 하지만 모바일에서는 정상적으로 동작하지 않는데요, 그럴때는 jquery.ui.touch-punch.min.js 라는것을 추가로 로드시켜주어야 합니다. jquery ui 로드가 끝난 다음에 바로 아래 스크립트를 로드시켜주시면 정상적으로 동작하실 겁니다! 참고들 하세요!

[개발/툴] phpstorm 테이블 레이아웃 이미지로 추출하는 방법 phpstorm 을 이용하여 사이트를 개발한 후 산출물로 erd 나 테이블 레이아웃을 뽑아내야 하는 경우가 있습니다. 물론 엑셀파일로 만들어서 정리해야 하는 경우도 있지만, 이미지 파일로 간단하게 추출하는 방법이 있어서 공유하려고 합니다! 1. 데이터베이스 명을 우클릭 하면 아래와 같은 메뉴가 열리는데 그중에서 가장 아래 있는 diagrams 를 클릭합니다. 2. 그리고 아래 이미지와 같은 메뉴가 열리면 팝업으로 여는지 그냥 탭으로 여는지의 차이만 선택해서 클릭하시면 됩니다. 그러면 erd 와 비슷하게 생긴 테이블 레이아웃 화면이 생성됩니다! 안에서 키값만 표시하거나, 커맨트는 제외하거나 하는 옵션들이 선택가능하니 참고들 하세요!

[sql/mysql] mysql 한글 정렬 방법 mysql 에서 데이터를 정렬하다 보면 한글 순서대로 정렬을 하고 싶은 경우가 있습니다. 그럴때는 그냥 order by 가 아니라 아래와 같이 binary 를 이용해야 합니다. 아래는 기본 사용법입니다. select 필드명 from 테이블명 order by binary(필드명) 예를들어 member 라는 테이블에서 username 라는 필드를 한글 순서대로 정렬하고 싶으면 아래와 같이 쿼리를 작성하시면 됩니다. select username from member order by binary(username) 참고들 하세요!

[sql/mysql] mysql change table character set example / mysql 테이블 문자셋 변경 하는 방법 mysql 에서 자주있는 경우는 아니지만, 테이블마다 문자셋이 다른 경우가 종종 있습니다. 그럴때는 캐릭터셋을 통일해야 이후에 작업할때도 편한데요, 아래 쿼리를 이용해서 테이블 전체 내용의 캐릭터셋을 변경할 수 있습니다. alter table TABLE_NAME convert to character set utf8 위 내용 보시면 아시겠지만, 특졍테이블의 캐릭터셋을 utf8 로 변경하는 내용입니다. 참고들 하세요!