프로그래밍 (132) 썸네일형 리스트형 html table 마우스로 행 변경 개요 순서 데이터1 데이터2 1 Data1 abcd 2 Data2 efgh 위 테이블의 행의 순서를 마우스로 이리저리 옮길 수 있게 하는 jquery 플러그인 tableDnD라는게 있다. 해당 라이브러리를 적용시키면 테이블 데이터를 마우스로 잡아서 순서2를 순서1의 위치로 옮겨놓을 수 있는 동적 테이블 기능을 한다. 소스코드 aa bb cc dd ↓ 파일 다운로드 ↓ https://github.com/isocra/TableDnD 적용법 1. 위에서 다운 받은 첨부파일에서 두개의 js 파일을 추가시킨다. (코드줄 4~5) 2. 테이블에 DnD를 적용 시키기 위해 jquery 구문을 호출한다. (코드줄 8~11) ※ 유의사항 테이블에 데이터 추가나 수정이 일어난 경우 2번 과정을 다시 해야 변경된 테이블에 .. Jquery 함수 모음 태그 요소 필터 //특정 태그 제외 $("div").not(".clsn") //해당 태그 내용물들 전체 삭제 $("#div1").remove(); //div안 모든 것을 비운다 $("#div1").empty(); //div내의 특정 요소만 삭제 (pcls요소 삭제) $(".pcls").empty(); //태그내의 특정요소들 삭제(p태그 내의 pid요소와 pcls요소 두가지를 한 번에 삭제) $("p").remove("#pid, .pcls"); //특정 태그 지정 $("input[type='checkbox'][name='tag_name']") //value 값으로 지정 $("input:radio[name ='rd']:input[value='ABC']") // 홀수 또는 짝수 인덱스 요소 선택 // odd .. CSS(Cascading Style Sheet) 문법 CSS 기본 문법 CSS 구성요소 1. 선택자 2. 속성 3. 값 선택자 = 어떠한 태그에 css를 적용할 건지 선언 속성 = 선택한 태그에서 바꿀 부분 지정 값 = 속성에 대한 값으로써 다 적고 ;를 붙여야함. 선택자(selector) 1. id = #idName 2. class = .className 3. 태그 = 태그명 https://flukeout.github.io/ css 선택자를 게임의 형식을 통해서 공부할 수 있는 사이트입니다. 선택자 예시 자손 노드(모든 하위 노드) 자식 노드(바로 아래 하위 노드) - 자식 노드는 바로 아래 하나의 노드만 적용됨. CSS 문법 텍스트 숨기기 - https://yeoninim.tistory.com/36 display:none , visibility:hidd.. 자바스크립트(javascript) 문법 모음 기본 문법 2차원 배열 생성 var array = new Array(); // 떨거지 배열 소환 var array_sub = new Array(); array_sub.push("level"); // 1차원 array_sub.push("5"); // 2차원 array.push(array_sub); // 합체 열거형 상수(enumeration) var myEnum = { One: 1, Two: 2, Three:3 }; // 사용 if ( this.value === myEnum.One || this.value === myEnum.Two ) { }; 예외 처리(exception handling) try { // 실행할 코드 } catch(error) { // 에러시 코드 } finally { // 에러와 관계없.. 파이썬을 exe 실행파일로 변환하는 방법 파워쉘에서 다음 명령을 입력 pip install pyinstaller pyinstaller 파이썬_파일_이름.py exe 파일에 모든 라이브러리 압축하기 1 2 3 pyinstaller --onefile --noconsole 파이썬_파일_이름.py 출처 : https://hyrama.com/?p=579 Python3에서 utf-8 파일 읽고 쓰기 UnicodeEncodeError: 'cp949' codec can't encode character '\u8c50' in position 15: illegal multibyte sequence 해결 방법은 의외로 간단했습니다. 프로그램 파일은 어떤 코딩을 이용해도 상관없으나 입출력은 utf-8로 저장되어 있어야 겠지요. fin1 = open(file1, encoding='utf8') fout = open(outfile1,'w', encoding='utf8') for line in fin1: print('utf-8=',line, file=fout) 위 처럼 출력 파일에 encoding만 선언해 주면 해결되는 문제라고함. https://m.blog.naver.com/PostView.nhn?blogId=ta.. 객체지향 클래스 개념 및 JQuery 기본 문법 ▣ 클래스 : 연관 있는 함수끼리 묶어놓은 문법 ■ 만드는 방법1) 오브젝트 리터럴2) 함수 방식 클래스3) 프로토타입 방식 클래스 함수를 사용하기 위해 함수 호출을 해준 것처럼클래스에 담긴 기능을 사용하기 위해서는 인스턴스를 생성해야함. ※ 인스턴스 = 객체 1234567891011121314function Calc(){ this.add = function(a,b){ alert("두 수의 합은"+(a-b)+"입니다."); } this.sub = function(a,b){ alert("두 수의 차는"+(a-b)+"입니다."); } this.mul = function(a,b){ alert("두 수의 곱은"+(a*b)+"입니다."); } this.div = function(a,b){ alert("두 수의 나.. 오토핫키 매뉴얼 ◈ 오토핫키 매뉴얼 ◈ http://autohotkeykr.sourceforge.net/docs/commands/index.htm 더보기 # 명령어 ▶ 키보드입력 ▶ 마우스 ▶ 기타(자주 쓰이는 명령) AutoHotKey의 명령어목록 명령어 설명 { ... } 한 Block은 한 쌍의 중괄호로 표시합니다. 일반적으로 Block(중괄호)는 functions, Else, Loop, 그리고 IF문에 사용됩니다. AutoTrim "Var1 = %Var2%"와 같이 변수1에 변수2를 대입할때 변수2의 시작과 끝부분의 공백이나 탭을 제거하여 대입 할 것인가를 결정합니다. BlockInput 키보드나 마우스, 기타 입력장치를 막아 버릴 수 있다. Break 반복구문(Loop)를 종료시킵니다. 반복구문(Loop) 내부.. 1 ··· 5 6 7 8 9 10 11 ··· 17
