프프프

전체보기

54개 발견
  1. 2016.10.27 - 진징

    git 명령어
  2. 2016.10.26 - 진징

    [IE] table 요소에 position과 background 사용 주의
  3. 2016.10.23 - 진징

    SublimeText3 macOS 단축키
  4. 2016.10.19 - 진징

    <iframe>으로 올린 유투브 동영상 z-index 문제
  5. 2016.10.17 - 진징

    레이어팝업 위치조정, 초점처리(for웹접근성)
  6. 2016.10.11 - 진징

    SublimeText3 UTF-8 단축키 설정
  7. 2016.10.11 - 진징

    스크롤 이동
  8. 2016.09.22 - 진징

    테이블 서머리, 캡션 삽입 스크립트
  9. 2016.09.22 - 진징

    백그라운드이미지 애니메이션
  10. 2016.09.21 - 진징

    Sublime Text sftp 설정
  11. 2016.09.21 - 진징

    SublimeText3 한글 인코딩(EUC-KR) 사용하기
  12. 2016.09.02 - 진징

    Synology NAS Git Server 설치
  13. 2016.08.04 - 진징

    메뉴 고정
  14. 2016.08.02 - 진징

    일정한 개수로 그룹화(묶기)
  15. 2016.07.28 - 진징

    테이블 헤드 고정

git 명령어

2016. 10. 27. 10:03 - 진징
git config --global user.name [user name] 작업자 이름 설정
git config --global user.email [user email] 이메일 설정
git config --global --list 설정값(이름 및 메일등 ) 확인
　 　
git init git 저장소(repo) 만들기
　
git remote add [remote name] [remote addres] 원격지주소를 저장
git remote rm [remote name] 별명의 원격지를 삭제
git remote rename [remote name] [new name] 새로운 별명으로 변경
  　
git fetch [remote name] remoet의 모든 정보를 가져옴(모든 branch)
  　
git pull 저장소에서 변경 내용 가져오기
  　
git push commit들을 master 저장소에 저장
git push [remote name] [localbranch name] branch의 내용을 업데이트
git push [server] tag [TAG] server에 tag 전송
git push [server] --tags 변경된 모든 tag 전송
git push [server] [L.B]:[R:B] server 에 local branch 를 -Remote branch이름으로저장
  　
git tag [TAG NAME] 저장소에 태그를 붙인다.
git tag 태그목록을 본다.
git branch [branch name] 저장소의 branch name으로 branch를 만든다.
git branch branch 목록을 본다.
git branch -a 현재 생성된 모든 local branch와 reomte branch 확인
  　
git checkout [branch name] 다른 브랜치로 전환
git checkout -b [branch name] branch 생성
git checkout [file or folder] git repo 기준 마지막 commit 상태로 돌림
git checkout [id] [file or folder] git repo 기준 id에 해당하는 commit 상태로 돌림
git checkout -f 아직 commit 되지 않은 working tree와 -index 수정정사항 모두 사라짐
  　
git merge [branch name] branch의 내용을 가져와 합침
git add [file or folder] git에 file 또는 folder 추가
git add * git에 모든 file 또는 folder 추가
git rm [file or folder] git 파일 또는 폴더 제거
git status 현재 git 상태 보기
git commit -m [message] message를 repo에 저장
git diff local과 remote의 차이점을 보여줌
git remote  remote서버 확인


'Tool > Git' 카테고리의 다른 글

GitLab Pages Plane-HTML 생성  (0) 2016.11.23
자주사용하는 git 명령어  (0) 2016.11.16
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Tool/Git 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

[IE] table 요소에 position과 background 사용 주의

2016. 10. 26. 23:22 - 진징

주의!!!

table 요소인 th, td에  position과 background속성을 같이 주게 되면 IE에서 border가 보이지 않게 된다.

'Front > HTML&CSS' 카테고리의 다른 글

[CSS] box-sizing:border-box issue  (0) 2016.12.03
반응형 박스  (0) 2016.10.31
<iframe>으로 올린 유투브 동영상 z-index 문제  (0) 2016.10.19
<!doctype>  (0) 2016.05.03
말 줄임  (0) 2016.05.02
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Front/HTML&CSS 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

SublimeText3 macOS 단축키

2016. 10. 23. 15:05 - 진징

/*

On OS X, basic text manipulations (left, right, command+left, etc) make use of the system key bindings,

and don't need to be repeated here. Anything listed here will take precedence, however.

*/

{ "keys": ["super+alt+s"], "command": "save_all" }, // 모든 파일 저장


{ "keys": ["super+k", "super+b"], "command": "toggle_side_bar" }, // 사이드바 열기 **

{ "keys": ["super+ctrl+f"], "command": "toggle_full_screen" }, // 전체화면


{ "keys": ["super+option+v"], "command": "paste_from_history" }, // 복사 히스토리 열기 *


{ "keys": ["ctrl+alt+up"], "command": "scroll_lines", "args": {"amount": 1.0} }, // 화면 한줄씩 위로 이동

{ "keys": ["ctrl+alt+down"], "command": "scroll_lines", "args": {"amount": -1.0} }, // 화면 한줄씩 아래로 이동


{ "keys": ["ctrl+shift+up"], "command": "select_lines", "args": {"forward": false} }, // 다중 선택 *****

{ "keys": ["ctrl+shift+down"], "command": "select_lines", "args": {"forward": true} }, // 다중 선택 *****


{ "keys": ["super+shift+["], "command": "prev_view" }, // 탭 이동 ***

{ "keys": ["super+shift+]"], "command": "next_view" }, // 탭 이동 ***

{ "keys": ["super+alt+left"], "command": "prev_view" }, // 탭 이동 ***

{ "keys": ["super+alt+right"], "command": "next_view" }, // 탭 이동 ***


{ "keys": ["super+]"], "command": "indent" }, // 들여 쓰기

{ "keys": ["super+["], "command": "unindent" }, // 내어 쓰기


{ "keys": ["super+l"], "command": "expand_selection", "args": {"to": "line"} }, // 한줄단위로 선택

{ "keys": ["super+d"], "command": "find_under_expand" }, // 동일 단어 다중 선택 *****

{ "keys": ["super+k", "super+d"], "command": "find_under_expand_skip" }, // 동일 단어 다중 선택 제외 **

{ "keys": ["super+shift+space"], "command": "expand_selection", "args": {"to": "scope"} },

{ "keys": ["ctrl+shift+m"], "command": "expand_selection", "args": {"to": "brackets"} },

{ "keys": ["ctrl+m"], "command": "move_to", "args": {"to": "brackets"} },

{ "keys": ["super+shift+j"], "command": "expand_selection", "args": {"to": "indentation"} },

{ "keys": ["super+shift+a"], "command": "expand_selection", "args": {"to": "tag"} },


{ "keys": ["super+alt+."], "command": "close_tag" }, // 태그 닫기


{ "keys": ["ctrl+minus"], "command": "jump_back" }, // 이전 작업 부분으로 이동 (전체 파일)

{ "keys": ["ctrl+shift+minus"], "command": "jump_forward" }, // 최근 작업 부분으로 이동 (전체 파일)


{ "keys": ["super+i"], "command": "show_panel", "args": {"panel": "incremental_find", "reverse": false} }, // 다음 단어 찾기

{ "keys": ["super+shift+i"], "command": "show_panel", "args": {"panel": "incremental_find", "reverse": true} }, // 이전 단어 찾기


{ "keys": ["alt+super+g"], "command": "find_under" }, // 다음 선택 단어로 이동

{ "keys": ["shift+alt+super+g"], "command": "find_under_prev" }, // 이전 선택 단어로 이동

{ "keys": ["ctrl+super+g"], "command": "find_all_under" }, // 단어 전체 선택


{ "keys": ["super+shift+f"], "command": "show_panel", "args": {"panel": "find_in_files"} }, // 전체 파일 찾기 *****

{ "keys": ["f4"], "command": "next_result" }, // 전체 파일 찾기의 다음 부분으로 이동 (전체 파일)

{ "keys": ["shift+f4"], "command": "prev_result" }, // 전체 파일 찾기의 이전 부분으로 이동 (전체 파일)


{ "keys": ["ctrl+super+up"], "command": "swap_line_up" }, // 커서 라인 상단으로 이동 *

{ "keys": ["ctrl+super+down"], "command": "swap_line_down" }, // 커서 라인 하단으로 이동 *


{ "keys": ["super+forward_slash"], "command": "toggle_comment", "args": { "block": false } },

{ "keys": ["super+alt+forward_slash"], "command": "toggle_comment", "args": { "block": true } },


{ "keys": ["super+j"], "command": "join_lines" }, // 라인 합치기

{ "keys": ["super+shift+d"], "command": "duplicate_line" }, // 라인 복사 **


{ "keys": ["super+alt+p"], "command": "show_scope_name" },


{ "keys": ["super+k", "super+up"], "command": "new_pane" }, // 새로운 구분 창 추가하면서 해당 창으로 이동


{ "keys": ["super+k", "super+u"], "command": "upper_case" }, // 대문자로

{ "keys": ["super+k", "super+l"], "command": "lower_case" }, // 소문자로


{ "keys": ["super+alt+["], "command": "fold" }, // 해당 블록 접기

{ "keys": ["super+alt+]"], "command": "unfold" }, // 해당 블록 펴기

{ "keys": ["super+k", "super+1"], "command": "fold_by_level", "args": {"level": 1} }, // 접기 레벨1

{ "keys": ["super+k", "super+2"], "command": "fold_by_level", "args": {"level": 2} }, // 접기 레벨2 

{ "keys": ["super+k", "super+3"], "command": "fold_by_level", "args": {"level": 3} }, // 접기 레벨3

{ "keys": ["super+k", "super+4"], "command": "fold_by_level", "args": {"level": 4} }, // 접기 레벨4

{ "keys": ["super+k", "super+5"], "command": "fold_by_level", "args": {"level": 5} }, // 접기 레벨5

{ "keys": ["super+k", "super+6"], "command": "fold_by_level", "args": {"level": 6} }, // 접기 레벨6

{ "keys": ["super+k", "super+7"], "command": "fold_by_level", "args": {"level": 7} }, // 접기 레벨7

{ "keys": ["super+k", "super+8"], "command": "fold_by_level", "args": {"level": 8} }, // 접기 레벨8

{ "keys": ["super+k", "super+9"], "command": "fold_by_level", "args": {"level": 9} }, // 접기 레벨9

{ "keys": ["super+k", "super+0"], "command": "unfold_all" }, // 모두 펴기

{ "keys": ["super+k", "super+j"], "command": "unfold_all" }, // 모두 펴기

{ "keys": ["super+k", "super+t"], "command": "fold_tag_attributes" },


{ "keys": ["super+alt+o"], "command": "toggle_overwrite" }, // 커서 삽입, 수정 전환



'Tool > Sublime Text' 카테고리의 다른 글

SublimeText3 Settings  (0) 2016.11.09
SublimeText3 UTF-8 단축키 설정  (0) 2016.10.11
Sublime Text sftp 설정  (0) 2016.09.21
SublimeText3 한글 인코딩(EUC-KR) 사용하기  (0) 2016.09.21
Sublimelinter 플러그인 깔기  (2) 2016.07.17
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Tool/Sublime Text 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

<iframe>으로 올린 유투브 동영상 z-index 문제

2016. 10. 19. 16:36 - 진징

<iframe>으로 올린 유투브 동영상 유투브 동영상이 화면위로 뚫고 올라오는 경우

z-index로도 안먹히는 경우

 

&wmode=opaque"

속성이 지정되어 있는경우?대신 &를 넣어준다.

?wmode=opaque"

 

 

<iframe width="640" height="360" src="http://www.youtube.com/embed/6eH05-QYjz4?feature=player_detailpage&wmode=opaque" frameborder="0" allowfullscreen></iframe>

[출처] <iframe>으로 올린 유투브 동영상 z-index 문제|작성자 미투마켓


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function iframeVideo() {
   $('iframe').each(function() {
      var url = $(this).attr("src");
 
      if ($(this).attr("src").indexOf("?") > 0) {
         $(this).attr({
            "src": url + "&wmode=transparent",
            "wmode": "Opaque"
         });
      } else {
         $(this).attr({
            "src": url + "?wmode=transparent",
            "wmode": "Opaque"
         });
      }
   });
}
cs


'Front > HTML&CSS' 카테고리의 다른 글

반응형 박스  (0) 2016.10.31
[IE] table 요소에 position과 background 사용 주의  (0) 2016.10.26
<!doctype>  (0) 2016.05.03
말 줄임  (0) 2016.05.02
가로세로 비율을 유지하는 반응형 박스  (0) 2016.04.26
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Front/HTML&CSS 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

레이어팝업 위치조정, 초점처리(for웹접근성)

2016. 10. 17. 18:10 - 진징
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$('.layer_open').click(function(){
    var el = $(this);
    $('.layer_popup').show();
    $('.dim').show();
    el.attr('data-focus','on'); // 레이어 팝업이 닫힐 때를 위한 표시 - 웹접근성
 
    /* modalPopup팝업 위치조정 */
    window.setTimeout(function(){
        var target = $("#layerPopup");
        var win_height = $(window).height();
        var pop_height = target.height();
        var top_value = $(window).scrollTop() + (win_height - pop_height) /2;
        target.attr("tabindex","0");
        target.show().css("top",top_value);
        target.focus();
    },500);// ajax 팝업을 고려한 딜레이 추가
    /* [end]: modalPopup팝업 위치조정 */
});

$('.layer_close').click(function(){
    $('.layer_popup').hide();
    $('.dim').hide();
    $("a[data-focus~=on]").focus(); // 표시해둔 곳으로 초점 이동
    window.setTimeout(function(){
        $("a[data-focus~=on]").removeAttr("data-focus");
    },500); // 역할을 다하고 필요없어진 표시 삭제
});
cs


'Front > JavaScript' 카테고리의 다른 글

유튜브 재생 제어  (0) 2016.10.31
이벤트 버블링  (0) 2016.10.28
스크롤 이동  (0) 2016.10.11
테이블 서머리, 캡션 삽입 스크립트  (0) 2016.09.22
백그라운드이미지 애니메이션  (0) 2016.09.22
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Front/JavaScript 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

SublimeText3 UTF-8 단축키 설정

2016. 10. 11. 15:06 - 진징

1. 서브라임에서 Package 들이 있는 폴더를 열어 준다.


2. ConvertToUTF8 열기


3. 자신이 사용하는 os에 맞는 파일을 열어서 수정해준다.


-수정해야 할 사항-

ctrl+shift+c  →  ctrl+shift+x (웹브라우저 개발자도구 단축키와 중복)

GBK  →  UTF-8

1
{ "keys": ["ctrl+shift+c"], "command": "convert_to_utf8", "args": {"encoding": "GBK", "stamp": "0" }
cs

↓

1
{ "keys": ["ctrl+shift+x"], "command": "convert_to_utf8", "args": {"encoding": "UTF-8", "stamp": "0" }
cs


'Tool > Sublime Text' 카테고리의 다른 글

SublimeText3 Settings  (0) 2016.11.09
SublimeText3 macOS 단축키  (0) 2016.10.23
Sublime Text sftp 설정  (0) 2016.09.21
SublimeText3 한글 인코딩(EUC-KR) 사용하기  (0) 2016.09.21
Sublimelinter 플러그인 깔기  (2) 2016.07.17
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Tool/Sublime Text 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

스크롤 이동

2016. 10. 11. 14:22 - 진징
https://jsfiddle.net/gutmate/53xx74bb/5/


'Front > JavaScript' 카테고리의 다른 글

이벤트 버블링  (0) 2016.10.28
레이어팝업 위치조정, 초점처리(for웹접근성)  (0) 2016.10.17
테이블 서머리, 캡션 삽입 스크립트  (0) 2016.09.22
백그라운드이미지 애니메이션  (0) 2016.09.22
메뉴 고정  (0) 2016.08.04
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Front/JavaScript 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

테이블 서머리, 캡션 삽입 스크립트

2016. 9. 22. 16:08 - 진징


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/* table summary, caption 입력 */
$(".tb_write, .td_left").each(function(){
    if (!$(this).find("caption").length){
        $(this).prepend("<caption class=\"caption\"></caption>");
    } // caption 태그가 존재 하지 않을 때 caption 태그 생성
    var txtSum = []; // 배열 생성
    $(this).find("th").each(function(){
        txtSummary = $(this).text();
        txtSum.push(txtSummary); // 얻은 텍스트값을 배열에 추가
    });
    var txtDiv = txtSum.join(', '); // 배열 값의 구분 값 설정 후 문자열로 변환
    var tit_tab = " " + $(".tab_menu a.on").text(); // 탭메뉴가 존재할 때 탭메뉴 텍스트값 추가
    var tit = $("#contentBox h3").text(); // 제목 텍스트값 추가
    $(this).attr("summary",tit + tit_tab + " 목록이며 " + txtDiv + " 순으로 나열되어 있습니다."); // summary 속성에 텍스트 값 대입
    $(this).find(".caption").text(tit + tit_tab + " 목록"); // caption 태그에 텍스트 값 대입
});
/* [end]: table summary, caption 입력 */
cs


정해진 html 구조에 따른 경우에만 적용가능

개인커스텀 필요

'Front > JavaScript' 카테고리의 다른 글

레이어팝업 위치조정, 초점처리(for웹접근성)  (0) 2016.10.17
스크롤 이동  (0) 2016.10.11
백그라운드이미지 애니메이션  (0) 2016.09.22
메뉴 고정  (0) 2016.08.04
일정한 개수로 그룹화(묶기)  (0) 2016.08.02
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Front/JavaScript 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

백그라운드이미지 애니메이션

2016. 9. 22. 11:55 - 진징

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
$(document).ready(function(){
    /**
     * 백그라운드 이미지의 애니메이션 화
     *
     *  - SECTION: 반복되는 이미지 구간 넓이
     *  - WIDTH: 이미지 전체 넓이
     *  - TIME: 애니메이션 속도
     *
     */
    
     // 생성
     $.fn.aniJin = function (SECTION, WIDTH, TIME){
         var $this = $(this); // 대상 설정
         if(!TIME) {TIME = 200;} // default 값 설정
 
         var repeat = setInterval(function(){
             var bpx = parseInt($this.css("backgroundPositionX")); // 백그라운드의 현재 위치값
             $this.css({
                 backgroundPositionX: "-=" + SECTION
             }); // 반복되는 구간 만큼 백그라운드 이동
             if (bpx <= -(WIDTH-SECTION*2)) {
                 clearInterval(repeat);
             } // 종료시점 설정
         }, TIME);
     };
    
     // EX
     $(".blossom2").aniJin(550, 8800, 200);
     $(".blossom3").aniJin(630, 13860, 180);
     $(".blossom4").aniJin(480, 8640, 200);
});
cs




'Front > JavaScript' 카테고리의 다른 글

스크롤 이동  (0) 2016.10.11
테이블 서머리, 캡션 삽입 스크립트  (0) 2016.09.22
메뉴 고정  (0) 2016.08.04
일정한 개수로 그룹화(묶기)  (0) 2016.08.02
테이블 헤드 고정  (0) 2016.07.28
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Front/JavaScript 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

Sublime Text sftp 설정

2016. 9. 21. 14:08 - 진징
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
    // The tab key will cycle through the settings when first created
    // Visit http://wbond.net/sublime_packages/sftp/settings for help
 
    // sftp, ftp or ftps
    "type": "ftp",//sftp를 사용 한다면 sftp로 변경
 
    "save_before_upload": true,
    "upload_on_save": true, //save 할때 서버로 자동 업로드
    "sync_down_on_open": false,
    "sync_skip_deletes": false,
    "sync_same_age": true,
    "confirm_downloads": false,
    "confirm_sync": true,
    "confirm_overwrite_newer": false,
 
    "host": "ftp도메인주소",
    "user": "아이디",
    "password": "비번",
    //"port": "22",
 
    "remote_path": "루트폴더", //ex) ftp프로그램으로 접속시 www라면 (/www/)
    "ignore_regexes": [
        "\\.sublime-(project|workspace)", "sftp-config(-alt\\d?)?\\.json",
        "sftp-settings\\.json", "/venv/", "\\.svn/", "\\.hg/", "\\.git/",
        "\\.bzr", "_darcs", "CVS", "\\.DS_Store", "Thumbs\\.db", "desktop\\.ini"
    ],
    //"file_permissions": "664",
    //"dir_permissions": "775",
 
    //"extra_list_connections": 0,
 
    "connect_timeout": 30,
    //"keepalive": 120,
    //"ftp_passive_mode": true,
    //"ftp_obey_passive_host": false,
    //"ssh_key_file": "~/.ssh/id_rsa",
    //"sftp_flags": ["-F", "/path/to/ssh_config"],
 
    //"preserve_modification_times": false,
    //"remote_time_offset_in_hours": 0,
    "remote_encoding": "cp949", //서버에 한글파일이 있다면 cp949 설정
    //"remote_locale": "C",
    //"allow_config_upload": false,
cs


'Tool > Sublime Text' 카테고리의 다른 글

SublimeText3 Settings  (0) 2016.11.09
SublimeText3 macOS 단축키  (0) 2016.10.23
SublimeText3 UTF-8 단축키 설정  (0) 2016.10.11
SublimeText3 한글 인코딩(EUC-KR) 사용하기  (0) 2016.09.21
Sublimelinter 플러그인 깔기  (2) 2016.07.17
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Tool/Sublime Text 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

SublimeText3 한글 인코딩(EUC-KR) 사용하기

2016. 9. 21. 13:48 - 진징

SublimeText 3 는 기본으로 utf-8 인코딩을 사용한다.
만약 euc-kr 로 작성된 코드를 읽고 싶다는 ConvertToUTF8 패키지를 설치하자.

Ctrl + Shift + P -> install package -> ConvertToUTF8 설치

sublimetext 3 재시작하면 file 메뉴에 아래 항목이 생긴다.
Set File Encdoing To (인코딩을 변경해서 파일 저장)
Reload With Encoding (선택한 인코딩으로 다시 파일 로드)

사실 이제부터 euc-kr 파일을 읽으면 Reload with Encoding 사용하지 않고도 알아서 인코딩이 선택된다.
ConvertToUTF8.sublime-settings(Preferences -> Package Settings -> ConvertToUTF8 -> Settgins - Default) 설정에 다음과 같이 기본 설정되어 있다.
// Convert when loading/saving a file
"convert_on_load" : true,
"convert_on_save" : true


ConvertToUTF8 디폴트 메뉴는 다음과 같다.
Chinese Simplified(GBK) 중국어 간체
Chinese Traditional(BIG5) 중국어 번체
Korean (EUC-KR) CP949 도
Japanese (CP932)
Japanese (Shift_JIS)
Japanese (EUC-JP)

메뉴에는 없지만 CP949 도 지원한다.

'Tool > Sublime Text' 카테고리의 다른 글

SublimeText3 Settings  (0) 2016.11.09
SublimeText3 macOS 단축키  (0) 2016.10.23
SublimeText3 UTF-8 단축키 설정  (0) 2016.10.11
Sublime Text sftp 설정  (0) 2016.09.21
Sublimelinter 플러그인 깔기  (2) 2016.07.17
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Tool/Sublime Text 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

Synology NAS Git Server 설치

2016. 9. 2. 16:59 - 진징

01. 제어판 -> 사용자 -> 사용자 홈서비스 활성화 체크


02. 패키지센터에서 Git Server 설치


03. NAS에서 root, admin 외에 Git 전용 사용자 추가 (예: gituser(사용자 아이디))


04. Git Server 설정화면에서 gituser(사용자 아이디) 에 접근허용 체크


05. [window] PuTTY 프로그램을 이용해서 ssh 접속

- Host Name 에 NAS 아이피 입력 (예: 192.168.0.14)

- NAS 사용자 아이디 입력 (예: abc123)

- root 사용자로 변경 ( sudo -i 입력 후 동일비밀번호 재입력)


06. 등록한 사용자폴더로 이동

$ cd /var/services/homes/gituser(사용자 아이디)


07. git 저장소로 이용할 폴더 생성

$ mkdir repo.git


08. 저장소로 이동

$ cd repo.git


09. git 선언

$ git init --bare

$ git update-server-info

$ cd ..

$ chown -R gituser(사용자 아이디):users(사용자 그룹) repo.git


-- 서버 세팅 완료 --


10. git 클라이언트 설치


11. git bash 프롬프트 실행

$ ssh-keygen

$ ssh-copy-id gituser(사용자 아이디)@192.168.0.14(NAS IP)


'Server' 카테고리의 다른 글

jekyll로 github pages 만들기  (0) 2017.02.18
ssh로 여러개의 github 계정 연결(use multiple ssh-keys for different accounts)  (0) 2016.11.06
톰켓(tomcat) - root폴더 변경 방법  (0) 2016.05.04
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Server 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

메뉴 고정

2016. 8. 4. 10:52 - 진징
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
/* 메뉴고정하기 */
$(function(){
    var flag = true; // 스크롤이 고정하려는 메뉴를 넘어갈 때 한 번만 실행하기 위한 기준 선언
    var lastScrollTop = 0;
    var menuOffTop = $(".store_top_cover .txt_cover").offset().top;
    var menuHeight = $(".store_top_cover .txt_cover").outerHeight();
    var menuOffBot = menuOffTop + menuHeight; //메뉴 하단 좌표 구하기
 
    $(window).scroll(function(){
        hasScrolled();
    });
 
    function hasScrolled() {
        var st = $(this).scrollTop(); // 현재 스크롤
 
        if (st >= menuOffBot && flag){ // 메뉴 하단에서 다운스크롤 될 때
            fixTopCover();
            flag = false;
        } else if(st < menuOffBot && !flag) { // 메뉴 하단에서 업스크롤 될 때
            normalTopCover();
            flag = true;
        }
 
        lastScrollTop = st; // 마지막 스크롤 저장
    }
 
    // 메뉴 고정 다운 애니메이션
    function fixTopCover(){
        $(".store_top_cover").addClass("fix");
        $(".store_top_cover .cover_inner").css("top","-80px");
        $(".store_top_cover .cover_inner").animate({"top":0},600,"easeOutExpo");
    }
 
    // 메뉴 고정 풀기
    function normalTopCover(){
        $(".store_top_cover").removeClass("fix");
    }
});
/* [end]: 메뉴고정하기 */
cs


'Front > JavaScript' 카테고리의 다른 글

테이블 서머리, 캡션 삽입 스크립트  (0) 2016.09.22
백그라운드이미지 애니메이션  (0) 2016.09.22
일정한 개수로 그룹화(묶기)  (0) 2016.08.02
테이블 헤드 고정  (0) 2016.07.28
중복값 체크하기  (1) 2016.05.17
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Front/JavaScript 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

일정한 개수로 그룹화(묶기)

2016. 8. 2. 17:29 - 진징
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// 일정한 개수로 그룹화
// numSlice = 한그룹의 자식 개수
function portList(numSlice){ 
  var $target = $("aaa"); // 묶을 대상
  var wrapType = "<div class=\"aaa_wrap\"></div>"; // 감싸을 태그
  var numList = $target.length; // 묶을 대상의 총 개수
  var end = Math.ceil(numList / numSlice); // 루프 종료 시점
 
  for (num = 0; num <= end; num++) {
    var maxNum = (num + 1) * numSlice; // 구간 끝
    var minNum = maxNum - numSlice; // 구간 시작
 
    $target.slice(minNum, maxNum).wrapAll(wrapType);
  }
}
// 그룹화 초기화
function portListReset(){
  var $target = $(".aaa"); // 나눌 대상
  $target.unwrap();
}
// n개로 재그룹화
function portReload(n){
  portListReset();
  portList(n);
}
cs


'Front > JavaScript' 카테고리의 다른 글

백그라운드이미지 애니메이션  (0) 2016.09.22
메뉴 고정  (0) 2016.08.04
테이블 헤드 고정  (0) 2016.07.28
중복값 체크하기  (1) 2016.05.17
[jQuery] Selector 정리 - Attribute 속성 선택자  (0) 2016.05.04
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Front/JavaScript 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

테이블 헤드 고정

2016. 7. 28. 13:37 - 진징
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(function(){
    fix_table();
    
    // 리사이징이 끝난 후 실행
    $(window).resize(function() {
        if(this.resizeTO) {
            clearTimeout(this.resizeTO);
        }
        this.resizeTO = setTimeout(function() {
            $(this).trigger('resizeEnd');
        }, 500);
    });
    $(window).on('resizeEnd', function() {
        fix_table();
    });
});
 
//테이블 헤드 고정시 텍스트 중앙 정렬
function fix_table(){
    $(".th_inner").each(function(index){
        $(this).width($(".table_fix thead th").eq(index).width());
    });
}
cs


1
2
3
4
5
6
7
8
9
.table_fix{position:relative;padding-top:30px;border-bottom:1px solid #dbdbdb;}
.table_fix .table_head{position:absolute;top:0;width:100%;height:30px;border-top:2px solid #262523; border-bottom:1px solid #6f6f6e;background:#f5f5f5;}
.table_fix .table_body{max-height:195px;overflow-x:hidden;overflow-y:auto;}
.table_fix .table_body .th_inner{position:absolute;top:2px;height:30px;line-height:30px;text-align:center;}
.table_fix table {width:100%;}
.table_fix thead th{/* padding:7px 5px;  text-align:center;  */font-weight:normal;color:#242424;/* border-bottom:1px solid #a9a9a9; background:#f5f5f5;*/}
.table_fix td{padding:10px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-align:center;}
.table_fix .last_tr td{border-bottom:0;}
.table_fix td.last{border-right:0;}
cs


css만으로 테이블 헤더 고정이 가능

javascript는 헤더 텍스트의 중앙정렬을 위한 것, th의 넓이 값을 구하고 실질적인 제목에 넓이 값을 적용하여 중앙정렬을 가능하게 만듦

리사이징시 리사이징이 끝난 후 한번만 스크립트를 실행하도록 함

'Front > JavaScript' 카테고리의 다른 글

백그라운드이미지 애니메이션  (0) 2016.09.22
메뉴 고정  (0) 2016.08.04
일정한 개수로 그룹화(묶기)  (0) 2016.08.02
중복값 체크하기  (1) 2016.05.17
[jQuery] Selector 정리 - Attribute 속성 선택자  (0) 2016.05.04
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Front/JavaScript 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

티스토리툴바