Category: CODES

  • jQuery UI Sortable 핸들 + 버튼으로 제어하기

    업무 중 공통에서 사용되고 있는 JQuery Ui Sortable 함수를 사용 중에, 특정 목록이 상단에 항상 고정되어 소팅이 되지 않고 비활성화처럼 보이게끔 해야했다.그런데 공식 API 문서에 있는 event나 method, option과 많은 검색 결과에 따라 테스트를 해보았지만, 원하는 결과물은 나오지 않았다. ㅠㅠ 특정 항목이 비활성화처럼 보여지긴 하나 화면 구성을 편집하는 부분 중 첫번째 목록이 항상 고정이 된…

    Read More

  • GIT Username, Email 변경 설정하기

    Git Push 이 후에 GitHub에서 노출되는 username과 email을 변경 설정해보자. 위와 같이 명령어를 입력하면 현재 git에서의 username과 email 정보를 확인 할 수 있다. 원하는 username과 email을 위와 같이 입력하면 commit history에서 변경된 정보로 확인 가능하다.

    Read More

  • jQuery QueryBuilder operator select 감추기

    jQuery QueryBuilder operator select 감추기

    쿼리빌더에서 제공하는 특정 플러그인들은 따로 선언해 줄 필요 없이 사용이 가능하다.디자인 적인 부분을 활용 가능한 플러그인은 대부분 부트스트랩 기반의 플러그인 들이고,DB 임포트/익스포트 그리고 기본적으로 제공하는 필터, 규칙 이외에 새로운 기능을 추가하기 위한 플러그인도 제공한다. 이전 쿼리빌더에 jQuery Select2 플러그인 추가해 셀렉트 스타일이나 기능 추가 해 보았다. 쿼리빌더의 기본 규칙(rule)은 Filter + Operator(연산자) + 값(value) 으로…

    Read More

  • 워드프레스 내 사이트 리스트에 추가한 사이트가 보이지 않을 때

    워드프레스 내 사이트 리스트에 추가한 사이트가 보이지 않을 때

    사이트를 생성할 때에 워드프레스 설치 시 입력한 관리자 이메일과 동일하게 입력 시에는문제 없이 최고 네트워크 관리자 아래 자동으로 추가되어 보이는 반면,다른 이메일을 입력 시, 사용자가 자동으로 추가되면서 관리자 이메일로 설정 된 사용자가 관리자로 지정된다.

    Read More

  • visjs configuration options

    visjs 설정 옵션을 매번 영문으로 읽고 찾기가 번거로워 한국어로 번역.현재 필요한 부분만 번역. 차차 추가 예정.👉 공식 DOC 페이지 Configuration Options 옵션들은 타임라인 커스터마이징을 위해서 쓰이며, 옵션들은 JSON 객체로 정의된다. 모든 옵션들은 선택사항이다. Name Type Default Description align String ‘center’ ‘box’, ‘range’ 와 ‘background’ 타입의 아이템의 정렬을 정의. ‘auto'(default), ‘center’, ‘left’, ‘right’ 값을 사용 가능.‘box’…

    Read More

  • d3.js pie/donut chart error

    d3.js pie/donut chart error

    위의 d3.js의 기본 도넛 차트 코드를 활용하여 기본 차트를 테스트 중, 특정 코드에서 function 에러가 발생했다. 위의 에러는 차트를 그리는 스크립트 코드에서 해당 코드를 아래와 같이 변경해주면, 문제없이 차트가 그려진다. d3.scaleOrdinal()는 d3.scale.ordinal()로 d3.pie()는 d3.layout.pie()로 d3.arc()는 d3.svg.arc()로 변경해 실행해본다.

    Read More

  • NPM 설치

    NPM은 Node package manager의 약자로 NodeJS 기반으로 모듈을 설치/관리를 도와주는 관리 도구이다. 보통 nodeJS를 설치 시 npm도 자동 설치 되므로 따로 설치를 할 필요는 없다.nodeJS 설치 이후 npm이 잘 설치되었는지 버전 확인으로 설치 여부 확인이 가능하다. 위와 같이 버전 정보가 출력된다면 npm 설치는 성공. 터미널에서 프로젝트 폴더로 이동한 뒤 npm을 실행해준다.여기서 npm init -y를 선언하게…

    Read More

  • git 저장소 추가하기

    git 저장소 추가하기

    1. GitHub Repositories메뉴에서 새로운 저장소를 추가한다. 2. 원하는 저장소의 이름을 채우고 생성 버튼을 누른다. 이 저장소 생성 이후에 .gitignore 파일을 추가할 경우에는 README file 체크를 선택할 필요는 없다. 3. 원하는 경로에 새로운 로컬저장소로 만들 폴더를 생성 한 후, git bash를 실행한다. 4. readme file을 생성하지 않았을 경우, 아래의 코드로 파일 생성을 한다. 5. git bash를…

    Read More

  • Git error fix

    1. Git Error Fix 1: error : The following untracked working tree files would be overwritten by merge error : The following untracked working tree files would be overwritten by merge 는 “git add .”하고 “git stash” 후 “git pull”을 한다. 2. Git Error Fix 2: error: You have not concluded your merge (MERGE_HEAD exists)…

    Read More

  • CSS 3D Transform rotation 모듈

    CSS 3D Transform rotation 모듈

    이전 3D 변환 축 회전의 이해 (3D Coordinate System) 포스팅에서 3D좌표계를 기준으로 한 회전 방향을 알아보았는데,해당 포스팅에서 알아보고 이해했던 정보를 기준으로 3D transform rotate를 실행해보는 과정에서 보통 게임 수학을 활용해 회전하던 방식과 다르게 오브젝트가 회전하는 것처럼 보였다. 회전축 기준으로 예제를 만들어 보니, 이전 포스팅에서 실컷 공부를 해두고도 좌표계와 오브젝트를 전혀 별개의 요소로만 보고 두 요소가…

    Read More