프프프

전체보기

54개 발견

1. setting -> keybindings 에서 your keymap file 클릭

2. keymap.cson에 내용 추가

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

Atom Package List  (0) 2016.12.04
Atom emmet tab 활성화 (jsp, php 등)  (0) 2016.11.24
댓글 로드 중…

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

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

Mac OS x에서 zsh를 설치해보았습니다.

터미널을 유용하게 사용할 수 있다고 하여 설치하였는데 테마도 이쁘게 적용됩니다.

최종적으로 다음과 같은 결과물을 만들어보겠습니다.

Screenshot 2016-05-01 12.30.14


Brew 설치하기

zsh를 설치하기 전에 brew를 설치해주어야 합니다. brew를 이용하여 mac에서 제공하지 않는 패키지들을 추가로 설치할 수 있는 툴입니다.

Brew 설치하는 방법은 다음 글에 잘 설명이 되어 있는데 다음과 같은 과정으로 설치합니다.

우선 Terminal을 열어줍니다.

Screenshot 2016-05-01 12.46.25

실행된 터미널에 다음의 명령어를 입력해줍니다. 입력을 해주시면 설치가 진행됩니다.

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew 사용법은 다음과 같다는군요

brew install wget

Brew 설치가 끝났으니 ZSH 설치로 돌아가겠습니다.


ZSH 설치하기

Brew 설치가 완료되면 zsh 설치가 가능해집니다. oh my zsh를 통해 zsh를 사용할 수 있습니다.

맥에서는 기본으로 bash를 사용하고 있으며 zsh 역시 설치는 되어 있습니다.

터미널의 테마를 변경하여 색상을 변경하는 것도 가능하고 brew를 사용하여 다양한 패키지 설치도 가능합니다. 하지만 이쁘진 않죠. 그래서 zsh를 설치해보기로 했습니다.

oh my zsh의 경우 커뮤니티 활동이 활발하여 많은 자료를 가지고 있다고 합니다. 테마, 플러그인 모두 많은 수를 제공하고 있습니다.(검색시 찾기도 쉽더군요)

터미널에서 다음을 실행하시면 지금 Mac에서 제공하는 zsh 버전을 알 수 있습니다.

zsh --version

저는 맥 최신 버전에서 5.0.8 버전이 설치되어 있었고, brew를 이용하여 최신? 버전을 설치합니다.

brew install zsh

진행 중 비밀번호를 입력하게 되는데, 맥 로그인 비밀번호를 입력하시면 됩니다.

다음 명령어를 입력하여 oh-my-zsh를 설치합니다.

curl -L https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh | sh

설치된 oh-my-zsh을 사용하도록 설정을 하면 zsh를 사용하기 위한 모든 작업이 종료됩니다.

chsh -s /usr/local/bin/zsh

명령어를 입력하면 다음과 같이 Changing shell for name. 이름과 함게 암호를 넣어주시면 됩니다.

Screenshot 2016-05-01 13.39.58

터미널을 종료하고 다시 실행하시면 다음과 같습니다.

Screenshot 2016-05-01 13.42.17


ZSH Theme 설정하기

ZSH에 이제 Theme를 설정해주어야 합니다.

Oh my zsh에서 사용할 수 있는 theme 목록들이 나열되어 있습니다.

맘에 드는 Theme를 선택해서 설정을 할 수 있습니다.

oh my zsh themes

터미널에서 다음의 명령어를 입력하여 설정을 변경합니다.

vim에 익숙하실 경우에는 다음 명령어를 입력하여 수정하시면 되고,

vim ~/.zshrc

vim 명령어 사용이 어려우신 분은 다음 명령어를 입력해주세요.

open ~/.zshrc

파일을 열면 다음의 문구를 볼 수 있습니다.

ZSH_THEME=”테마명” 을 입력해주시면 됩니다. 만약 어떤 것을 선택해야 할지 모르신다면

“random”을 입력하여 실행시마다 다른 테마를 맛볼 수 있다고 합니다.

# Set name of the theme to load.
# Look in ~/.oh-my-zsh/themes/
# Optionally, if you set this to "random", it'll load a random theme each
# time that oh-my-zsh is loaded.
ZSH_THEME="robbyrussell"

참고로 사용자의 이름을 지정하지 않으면 ~ 앞에 사용자 이름이 표시됩니다.

.zshrc에 추가하려면 다음과 같이 추가해주시면 됩니다.

DEFAULT_USER="$USER"

저는 agnoster 을 사용하였습니다.

저장하고 터미널을 다시 실행합니다.

짜잔…

Screenshot 2016-05-01 13.42.17

테마에서 보던 것과 많이 다릅니다.

ZSH_THEME는 커맨드 라인에서 사용할 색상을 뜻합니다.(텍스트의 색상 정보))

텍스트에 대한 색상 값 정의를 마쳤으니 이제 실제 터미널의 프로파일을 설정해주어야 이쁘게 보이게 됩니다.

사용자마다 선택하는 터미널의 종류가 2가지가 있습니다.

  • Mac의 기본 터미널
  • iTerm2(GPL v2의 오픈소스 터미널)


맥/iTerm2에 테마 설정하기

제가 사용하는 테마는 agnoster 을 사용하게 되는데 다음 글을 참고하여 작성합니다.

터미널에서도 동일하기에 설명을 하겠습니다.

iTerm2와 터미널에서 사용할 테마는 다음 링크를 통해 다운로드하시면 됩니다.

다운로드해 압축을 풀어주세요.

터미널에서 설정하기

터미널의 설정을 열어줍니다.

cmd + ,

프로파일로 이동하고 하단의 설정 아이콘을 눌러 Import… 을 눌러줍니다.

Screenshot 2016-05-01 13.59.32

시스템의 터미널에 적용하기 위한 테마는 terminal 폴더에 존재합니다.

제가 선택한 agnoster 은 Solarized dark 테마를 사용하는 게 이쁘더군요.

해당 테마를 찾아서 import 해주고, import 한 테마를 Default로 설정합니다.

Screenshot 2016-05-01 14.00.13

그런 다음 터미널을 다시 실행합니다.

적용된 것을 확인할 수 있습니다. 하지만? 표시가 보입니다.

이건 아래쪽에서 설명하죠.

Screenshot 2016-05-01 14.04.45

iTerm2에서 설정하기

우선 iTerm2를 사용하고 싶으신 분은 아래 링크를 통해 다운로드하시면 됩니다.

iTerm2 다운로드

iTerm2는 GPL v2를 따르는 오픈소스입니다.

iTerm2도 터미널과 똑같이 생겼습니다. 이제 터미널의 테마 설정을 추가해주어야겠습니다.

Screenshot 2016-05-01 14.08.17

설정을 실행합니다.

cmd + ,

설정의 프로파일 탭으로 이동하고, Default 테마에서 컬러 탭으로 이동합니다.

별도 Profile을 추가해주셔도 되고, 복사해서 사용하셔도 됩니다.

  • 복사 방법은 하단의 Other Actions… 의 부분에서 복사할 수 있습니다.

Screenshot 2016-05-01 14.13.09

Colors 탭에서 하단의 Load Presets… 을 눌러 import해줍니다.

iTerm2에서 사용할 컬러는 다음 폴더에 있습니다.

schemes 폴더에 존재하고 있으며 저는 Solarized Dark.itemcolors를 추가하였습니다.

Screenshot 2016-05-01 14.22.29

import를 하고 나서 Load Presets… 을 한번 더 눌러 추가된 테마를 선택해주시면 아래와 같이 적용된 모습을 확인할 수 있습니다.

Screenshot 2016-05-01 14.23.21


폰트 깨짐 확인하기

Theme에 따라서 폰트가 물음표로 나오는 경우가 있습니다.

agnoster.zsh-theme에 폰트 설정

터미널에서 다음 명령어를 입력합니다.

echo "\ue0b0 \u00b1 \ue0a0 \u27a6 \u2718 \u26a1 \u2699"

위의 명령어를 입력하면 아래 그림과 같이 물음표 표시되는게 있습니다.

Screenshot 2016-05-01 14.29.41

폰트 설정 글에는 zsh-theme에 폰트 설정을 추가한 zsh-theme를 다운로드해 덥어쒸우거나, 다른 폰트를 정의하고 있는데 전 다운로드해 폰트를 변경했습니다.

다음을 다운로드해 설치합니다.

Mesol font 다운로드


터미널에서 폰트 설정

프로파일 설정에서 사용하고 있는 테마인 Solarized Dark를 선택합니다.

Font 부분의 Change… 을 눌러 Meslo을 선택하여 줍니다.

Screenshot 2016-05-01 14.34.45

그럼 echo 명령을 다시 확인하면 아래와 같습니다.

Screenshot 2016-05-01 14.35.35


iTerm2에서 폰트 설정

iTerm2의 프로파일에서 Text의 Change Font를 설정하면 됩니다.

Regual Font와 Non-ASCII Font 2개 모두 설정을 변경합니다.

Screenshot 2016-05-01 14.38.54

iTerm2에서도 적용되면 아래와 같이 정상적인 텍스트가 보입니다.

Screenshot 2016-05-01 14.40.41


ZSH Path 설정하기

ZSH에서 Path를 설정하지 않고, .bash_profile에 적용된 내용도 그대로 사용이 가능합니다.

ZSH에서 Path를 설정할 수 있습니다.

다음 글 대로 해주면 좋지만…

Where to place $PATH variable assertions in zsh?

저는 zsh를 계속 사용할 것이라서 다음과 같이 설정하였습니다.

우선 .zshrc를 열어줍니다.

vim ~/.zshrc
OR
open ~/.zshrc

다음과 같이 추가해주시면 됩니다.

export aaa=file path
export PATH=${PATH}:${aaa}

종료하고 다시 실행하면 동작하는데 iTerm2도 함께 적용되니 별도 설정하실 것은 없습니다.


참고 자료


출처: http://thdev.tech/mac/2016/05/01/Mac-ZSH-Install.html

'Mac OS' 카테고리의 다른 글

Mac OS 명령어  (0) 2016.11.06
댓글 로드 중…

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

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

html 파일에서는 tab으로 emmet 기능이 확장이 잘 되었는데 jsp나 php 같은 곳에서는 tab키로 확장이 되지 않았다.

jsp나 php 파일에서도 쓸 수 있도록 옵션을 추가해주어야 한다.


1. setting -> keybindings 에서 your keymap file 클릭




2. keymap.cson 에 내용 추가




#해당 내용

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

Atom Package List  (0) 2016.12.04
Atom 단축키 변경하기  (0) 2016.12.03
댓글 로드 중…

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

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

1. gitlab.com 가입

2. userid.gitlab.io 프로젝트 생성

3. local저장소로 git clone

4. GitLab CI 설정

local에서 .gitlab-ci.yml 생성 후 내용 삽입 (https://gitlab.com/pages/plain-html)

host-from-root로 설정했다. 기본설정은 public폴더 안에 파일을 생성해야 하는 듯

5. html, css, js 등 작성한 파일등을 gitlab 저장소로 push

6. http://userid.gitlab.io 에서 확인


GitLab의 장점은 private저장소를 무한으로 사용 할 수 있다는 것이다.

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

자주사용하는 git 명령어  (0) 2016.11.16
git 명령어  (0) 2016.10.27
댓글 로드 중…

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

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

$ git log --name-only log에서 변경된 파일명 보기
$ git checkout -b [name]  [name] 브랜치 생성하면서 [name] 브랜치로 체크아웃
$ git branch [name] [name] 브랜치 생성
$ git checkout [name] 체크아웃
$ git merge [branch-name] 현재 브랜치에 [branch-name] branch 병합
$ git branch -d [name] [name] 브랜치 삭제
$ git config --global alias.st status 단축키 설정하기
$ git remote show [name] [name] remote 모든정보보기
$ git branch -vv 로컬브랜치목록, 추적하고 있는 리모트 브랜치목록
$ git branch -d [branch-name] local [branch-name] branch 삭제
$ git push origin --delete [branch-name] remote [branch-name] branch 삭제

Pull, Fetch의 차이점은 무엇인가!

Fetch : 중앙 저장소의 소스를 로컬 저장소로 가져온다!  그러나 현재 작업중인 소스들을 변경하는 Merge 작업을 하지는 않는다

Pull : 중앙 저장소의 소스를 로컬 저장소로 가져온다! 또한 현재 작업중인 소스들의 Merge 작업까지 통합하여 수행한다


비밀번호를 매번 입력하지 않아도 된다

HTTPS URL로 시작하는 리모트 저장소를 사용한다면 아마도 Push 나 Pull을 할 때 인증을 위한 사용자 이름이나 비밀번호를 묻는 것을 볼 수 있다. 보통 터미널에서 작업하는 경우 Git이 이 정보를 사용자로부터 받기 위해 사용자 이름이나 비밀번호를 입력받아 서버로 전달해서 권한을 확인한다.

이 리모트에 접근할 때마다 매번 ID나 비밀번호를 입력하지 않도록 “crediential cache” 기능을 이용할 수 있다. 이 기능을 활성화하면 Git은 몇 분 동안 입력한 ID나 비밀번호를 저장해둔다. 이 기능을 활성화하려면 git config --global credential.helper cache 명령을 실행하여 환경설정을 추가한다.

이 기능이 제공하는 다른 옵션에 대한 자세한 설명은 “Credential 저장소”를 참고한다.

참고: https://git-scm.com/book/ko/v1/Git-%EB%B8%8C%EB%9E%9C%EC%B9%98-%EB%B8%8C%EB%9E%9C%EC%B9%98%EC%99%80-Merge%EC%9D%98-%EA%B8%B0%EC%B4%88

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

GitLab Pages Plane-HTML 생성  (0) 2016.11.23
git 명령어  (0) 2016.10.27
댓글 로드 중…

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

URL을 배껴둬서 트랙백을 보낼 수 있습니다
$(function(){
    /* li 중 최대 높이값으로 높이 통일하기 */
    var heightArr = [];
    $("ul li").each(function(){
        heightArr.push($(this).height()); // li 높이 값 배열에 담기
    });
    heightArr.sort(function(a, b){return b-a;}); // 내림차순
    // heightArr.sort(function(a, b){return a-b;}); // 오름차순
    $("ul li").height(heightArr[0]);  // 내림차순일 경우 최대값, 오름차순일 경우 최소값
});


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

count elements  (0) 2017.02.06
문자열 존재 확인  (0) 2016.12.12
HTML5 TABLE 접근성  (0) 2016.11.11
변수 추가하기  (0) 2016.11.09
유튜브 재생 제어  (0) 2016.10.31
댓글 로드 중…

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

URL을 배껴둬서 트랙백을 보낼 수 있습니다
/* table caption 입력 */
$(".table_wrap").each(function(){
    if (!$(this).find("caption").length){
        $(this).find(".table").prepend("<caption class=\"caption\"></caption>");
    }
    var txtSum = [];
    if ($(this).find("thead").length) {
        $(this).find("thead th").each(function(){
            txtSummary = $(this).text();
            txtSum.push(txtSummary);
        });
    } else {
        $(this).find("th").each(function(){
            txtSummary = $(this).text();
            txtSum.push(txtSummary);
        });
    }
    var txtDiv = txtSum.join(', ');
    var tit_tab = " " + $(".tab_menu a.on").text();
    if ($(this).find(".tit").length){
        var txt_tit = $(this).find(".tit").text();
        $(this).find("caption").text(txtDiv + " 순으로 구성되어 있는 " + txt_tit + tit_tab + " 목록입니다.");
    } else {
        var tit = $("#contentBox h3").text();
        $(this).find("caption").text(txtDiv + " 순으로 구성되어 있는 " + tit + tit_tab + " 목록입니다.");
    }
});
/* [end]: table caption 입력 */


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

문자열 존재 확인  (0) 2016.12.12
최대값, 최소값 구하기 (arr sort)  (0) 2016.11.15
변수 추가하기  (0) 2016.11.09
유튜브 재생 제어  (0) 2016.10.31
이벤트 버블링  (0) 2016.10.28
댓글 로드 중…

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

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

See the Pen gLaMyp by parkjinhyung (@gutmate) on CodePen.

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

최대값, 최소값 구하기 (arr sort)  (0) 2016.11.15
HTML5 TABLE 접근성  (0) 2016.11.11
유튜브 재생 제어  (0) 2016.10.31
이벤트 버블링  (0) 2016.10.28
레이어팝업 위치조정, 초점처리(for웹접근성)  (0) 2016.10.17
댓글 로드 중…

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

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

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
{
    "always_show_minimap_viewport"true// 미니맵에서 현재 위치 시각화하기
    "draw_minimap_border"true// 미니맵 현재 위치 시각화에 테두리 표기하기
    "bold_folder_labels"true// 폴더 굵게 표시
    "auto_complete"false// 자동완성기능
    "match_brackets_angle"true// 꺽쇠 괄호 강조
    "trim_trailing_white_space_on_save"true// 저장 후 자동 공백 제거
    "open_files_in_new_window"true// 새 파일 새창 띄우기
    "save_on_focus_lost"true// 포커스를 잃으면 자동 저장
    "folder_exclude_patterns":  // 사이드바에서 제외할 파일/폴더
        [
            ".svn",
            ".git",
            ".hg",
            "CVS",
            "_gsdata_",
            ".sass-cache"
        ],
    "font_face""맑은 고딕"// 폰트 지정
    "font_size"12// 폰트 크기
    "highlight_line"true,  // 현재 커서 라인 하이라이트
    "highlight_modified_tabs"true// 수정된 파일 탭 하이라이트
    "ignored_packages"// 제외할 패키지 목록
        [
            "Markdown",
            "Vintage"
        ],
    "line_padding_bottom"2// 라인 하단 여백
    "line_padding_top"2// 라인 상단 여백
    "match_brackets_angle"true,
    "show_encoding"true,  // 하단 상태 표시줄에 Encoding 표시
    "show_line_endings"true// 하단 상태 표시줄에 Line Ending 표시
    "tab_size"4// 탭 사이즈
    "translate_tabs_to_spaces"true// 탭키 공백을 스페이스로 사용
    "theme""Flatland Dark.sublime-theme"// 테마 선택
    "trim_trailing_white_space_on_save"true // 저장 시 라인 맨 끝 공백 삭제
}
 

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

SublimeText3 macOS 단축키  (0) 2016.10.23
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을 배껴둬서 트랙백을 보낼 수 있습니다

1. 로컬에 ssh 키 생성하기


1) .ssh 폴더로 이동하기 (기본적으로 저장되는 디렉토리) -없다면 키를 생성할 때 자동으로 생성된다. (따로 직접 만들어도 된다.)

$ cd ~/.ssh


2) .ssh 디렉토리가 존재한다면 기존의 키를 확인하자.

$ ls

id_rsa.pub id_rsa

.pub가 붙은 파일은 공개 키, 아닌 것은 개인 키


3) ssh 키 생성하기

$ ssh-keygen -t rsa -C "username@gamil.com" //계정의 이메일 주소

- 여기서 새로운 키를 저장할 경로를 묻는다.

나는 계정_메일호스트_rsa 로 생성했다. ex) USERNAME01_gmail_rsa


Enter file in which to save the key (/Users/USERNAME/.ssh/id_rsa): /Users/USERNAME/.ssh/github_USERNAME01_rsa

이후 암호를 두번 입력해야 하는데 그냥 엔터를 쳐서 넘어가도 무방하다. (암호를 입력하게 되면 다른 PC에 복사해서 쓸 때 암호를 입력해줘야 한다.)

생성완료!


4) ssh 키 로컬에 등록하기

$ eval "$(ssh-agent -s)" // ssh agent 시작

$ ssh-add ~/.ssh/github_USERNAME01_rsa


2. 서버에 ssh 키 등록하기(해당 서버에 키를 등록해주도록 한다)


1) 생성한 ssh 공개 키 복사하기

$ cat github_username_rsa.pub //파일내용 보기

ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQDIFCYRPso/ usernam@gamil.com  //이부분 복사 (실제로는 굉장히 길다)

Settings > SSH and GPG keys > New SSH key 버튼 클릭 > Title에는 구분할 수 있는 텍스트 입력, Key에는 복사해두었던 공개키를 넣어준다. > Add SSH key 버튼 클릭

등록완료!


3. config파일 생성하기 

서버에 ssh 인증을 할 때 여러개의 키가 존재할 때 어떤 키를 참조해야 하는지에 대한 옵션을 정해주어야 한다.

1) config 파일 생성

$ touch confing //0byte 의 config 파일 생성


2) config 파일이 있는 폴더를 열어 에디터로 내용을 추가 해준다

# Default account Host USERNAME01.github.com #임의로 지정하는 곳 (허나 서버와 연결할 때 써줘야 하는 닉네임 같은 것이기 때문에 사용하는 서버이름(계정)과 동일하게 해주면 알아보기 편할 것이다. HostName github.com #호스트 지정 User git IdentityFile ~/.ssh/USERNAME01_gmail_rsa #기존에 생성했던 파일 이름 (이곳에는 기존에 생성해서 존재하는 키 파일명을 그대로 써주어야 한다.)
# Second account Host USERNAME02.github.com HostName github.com User git IdentityFile ~/.ssh/USERNAME02_gmail_rsa # third account Host USERNAME03.github.com HostName github.com User git IdentityFile ~/.ssh/USERNAME03_hotmail_rsa

위와 같이 계속해서 추가가 가능하다.


4. 서버와 잘 연결되었는지 확인하기

1) 명령어로 확인

$ ssh -T USERNAME01.github.com

Hi USERNAME01! You've successfully authenticated, but GitHub does not provide shell access.

$ ssh -T USERNAME02.github.com

Hi USERNAME02! You've successfully authenticated, but GitHub does not provide shell access.


2) 새 계정으로 push해보기

$ git init

$ git commit -am 'first commit'

$ git remote add origin git@USERNAME01.github.com:USERNAME01/REPOSITORY.git

$ git push origin master


5. 사용중에 갑자기 git access denied 메시지가 뜨면서 실패한다면?

ssh-add ~/.ssh/USERNAME01_gmail_rsa

위에서 입력했듯이 ssh 등록 명령어를 재입력해서 다시 등록해보고 연결을 시도해보자.



'Server' 카테고리의 다른 글

jekyll로 github pages 만들기  (0) 2017.02.18
Synology NAS Git Server 설치  (0) 2016.09.02
톰켓(tomcat) - root폴더 변경 방법  (0) 2016.05.04
댓글 로드 중…

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

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

# 숨김파일 보이기

$ defaults write com.apple.finder AppleShowAllFiles -bool true


# 숨김파일 숨기기

$ defaults write com.apple.finder AppleShowAllFiles -bool false


# keydown 유지시 보이는 문자 off (엑센트)

$ defaults write -g ApplePressAndHoldEnabled -bool false


'Mac OS' 카테고리의 다른 글

Mac OS 터미널에 ZSH 설치하기  (0) 2016.12.03
댓글 로드 중…

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

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

See the Pen XNrPOp by parkjinhyung (@gutmate) on CodePen.

출처: 웹접근성연구소

댓글 로드 중…

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

URL을 배껴둬서 트랙백을 보낼 수 있습니다
댓글 로드 중…

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

URL을 배껴둬서 트랙백을 보낼 수 있습니다
1
2
3
4
5
6
7
8
9
// 유투브영상 재생
function btnOpenVideo() {
    $("#vedio").attr("src","https://www.youtube.com/embed/aaaaaa?autoplay=1");
    $(".ytp-large-play-button").trigger('click');
}
// 재생 종료
function btnCloseVideo() {
    $("#vedio").attr("src","https://www.youtube.com/embed/aaaaaa?autoplay=0");
}
cs


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

HTML5 TABLE 접근성  (0) 2016.11.11
변수 추가하기  (0) 2016.11.09
이벤트 버블링  (0) 2016.10.28
레이어팝업 위치조정, 초점처리(for웹접근성)  (0) 2016.10.17
스크롤 이동  (0) 2016.10.11
댓글 로드 중…

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

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

See the Pen mOdwEe by parkjinhyung (@gutmate) on CodePen.

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

변수 추가하기  (0) 2016.11.09
유튜브 재생 제어  (0) 2016.10.31
레이어팝업 위치조정, 초점처리(for웹접근성)  (0) 2016.10.17
스크롤 이동  (0) 2016.10.11
테이블 서머리, 캡션 삽입 스크립트  (0) 2016.09.22
댓글 로드 중…

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

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