'정보기술(IT)'에 해당되는 글 111건

HTML5의 문장구조는 간단하다.

!DOCTYPE html 로 지정하고 html 태그, body 태그로 입력한다.

audio controls="controls" 태그를 사용하여 객체를 입력한다.

source src="song.ogg" type="audio/ogg" 

source src="song.mp3" type="audio/mpeg"

지정된 소스를 시작할수 없을때 띄우는 메시지 Your browser does not support the audio element.

html 태그, body 태그로 닫아주면 된다.

그림처럼 웹페이지에 디자인을 하고자 한다.

어떻게 시나리오를 잡아서 진행해야 할까?

동영상 화면은 <VIDEO> 태그로 영역이 표시될 것이고 그 위에 버튼이 4개 있다. Play/Pause, Big, Small, Normal

화면밑에 Video courtesy of 텍스트가 있고 Big Buck Bunny 가 링크로 연결되어 있는 구조이다.

!DOCTYPE html 로 시작 html, body 영역을 설정한다.

영역설정 div를 지정하고 형태는 style="text-align:center" 로 해야 화면중앙에 버튼이 정열된다.

button onclick="playPause()" Play/Pause

button onclick="makeBig()" Big

button onclick="makeSmall()" Small

button onclick="makeNormal()" Normal

라인 줄을 띄우고 (BR사용)

video 태그로 id, width 를 설정한다. source 를 지정한다.

자바스크립트로 버튼의 클릭이벤트를 처리하도록 한다.

script type="text/javascript"

var myVideo=document.getElementById("video1") // Dom구조에서 video1 객체를 변수로 가져온다.

function playPause() // 객체에 대한 pause(), play() 함수를 호출한다. if myVideo.paused 속성 사용

function makeBig() // width : 560, function makeSmall() // width : 360, function makeNormal() // width : 420

텍스트에 대한 링크를 걸어준다.

Video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>

GitHub에 접속하기 위한 윈도우 버전을 설치한다. 그리고 ssh 보안접속 연결쉘을 생성한다. ( 공개키, 사설키 )

Public & Private Key 생성하기

그리고 이클립스를 설치한다.

GibHub용 이클립스 플러그인을 설치한다. ( 플러그인... 과연 이기능에 대한 감탄은 언제까지 갈까? )

http://www.eclipse.org/egit/download/

이클립스에서 소프트웨어 업데이트 기능으로 들어가서 다운로드 사이트를 기입하고 설치한다.

시나리오

프로그램 소스를 수정하고 실행하는 관리폴더가 있습니다. 이 폴더 및 하위폴더에서 변경된 파일을 가져와서

GitHub 레파지토리로 이동하여 이력관리를 하고자 합니다.

소스를 관리하는 폴더와 레파지토리가 다르기 때문에 자동으로 이동하는 프로그램이 필요합니다

내 컴퓨터 자동실행잡으로 Ant Build 파일을 작성합니다.

매일저녁 11시에 실행하면서 그날 파일의 변경날짜가 오늘과 같은 파일을 가져와서

목표폴더에서 해당파일을 덮어쓰기 하는 구조로 프로그램을 작성해야 할 듯 합니다.

키포인트 : 

1. Ant 실행파일에서 금일에 변경된 파일을 어떻게 가져올건지?

2. 이력관리가 이루어지고 있는 파일에 대한 삭제하고 입력할때 GitHub가 어떻게 처리하는지?

3. Ant 실행파일에서 GitHub 명령어를 실행할수 있는지?

윈도우에서 심볼릭 링크를 사용하여 폴더를 공유할수 있다.

나는 Home폴더가 아닌 내가 원하는 적당한 디렉토리 밑에 두고싶다.

해결책은 Symbolic Link를 window환경에 사용하는 것이다. 윈도우에서는 Junction이라 칭한다.

사이트 : http://schinagl.priv.at/nt/hardlinkshellext/hardlinkshellext.html

다운로드 받아서 설치하고 설명서 대로 하면 Symbolic link가 만들어진다. 정말 신기하다. ㅋㅋㅋ

Git와 관련된 명령어가 길어서 매번 쓰기가 불편한 경우에 별칭을 만들어서 환경설정할수 있다

$ git config --global alias.last 'log -1 HEAD'

이 명령어는 마지막에 HEAD에 반영된 로그를 보여달라고 하는 것에 대해 별칭을 준 것이다.

본인 PC에서 일어나고 있는 일

작업폴더( Working Directory ) 에서 변경이 일어나면 대상영역( Staging Area )에 정보가 기록된다.

이 내용을 Commit 하면 Local Git Directory( Repository ) 로 이력관리가 이루어 진다.

$ git status => 명령어로 브랜치가 어떤상태에 있는지 확인할수 있다.

파일관점에서 위 수행순서를 보면

변경관리 대상이 아닌 품번 ( Untracked )

<=> 해당 파일을 변경대상으로 추가 $git add 하거나 삭제하면 $git rm

변경대상으로 등록된 품번 ( Unmodifed )

<=> 해당파일을 수정하거나 수정된 파일을 Commit 한 상태

수정된 상태 ( Modifed )

Commit 대상으로 등록된 상태 ( Staged )

디렉토리에서 특정 파일을 대상에서 제외해야하는 경우 $cat .gitignore

git mv file_from file_to 의 의미는 mv file_from file_to, git rm file_from , git add file_to 로 진행된다.

Commit 히스토리를 파악하기 위해서 git log, 그래픽으로 Gui로 볼수도 있다. 

Commit 하지 않고 unstaged상태로 돌리는 경우 git reset HEAD <file name>

Working Directory에서 수정 안된 상태로 돌리는 경우 git checkout -- <file name>

삭제된 파일이 있는 경우에 처리방법

git add -u 명령어를 실행하고 git commit -m '' 다음에 git push -u origin master 를 최종업데이트 한다.

구루사이트에서 최신정보자료를 읽다가 github 라는 기술을 알게 되었다.

예전에 cvs, subversion 같은 형상관리 시스템이 이용하여 프로젝트를 개발 및 관리하였는데,

최근에는 GitHub 사이트에 회원가입해서 형상을 관리하는 추세라고 한다.

나의 경험을 적어 보기로 한다. 

www.github.com 사이트로 가서 회원가입을 한다. GitHub BootCamp를 통해서 순서대로

진행해서 윈도우 최신버전으로 설치하였다.

1. Setup Git

인스톨 버전을 실행하여 설치하고 bash 프로그램으로 진행한다.

내 컴퓨터와 GitHub 사이트의 연결은 SSH Key를 사용하여 연결상의 보안을 유지한다.

보안키와 공개키를 작성하여 공개키를 GitHub에 등록하는 작업을 한다.

공개키를 복사할때 빈공백이나 빈줄이 들어가지 않도록 주의한다.

정상처리 메시지 : Hi username! You've successfully authenticated, but GitHub does not provide shell access.

2. Create A Repository

GitHub 사이트에서 새로운 저장소를 생성한다. 

똑같은 이름의 저장소를 내 컴퓨터에 생성한다. Git Bash에서 작성한다.

mkdir Hello-World

cd Hello-World

git init

touch README

git add README

git commit -m 'first commit'

git remote add origin git@github.com:username/Hello-World.git

git push -u origin master

=> 에러메시지 발생했다.

ERROR: Repository not found.

fatal: The remote end hung up unexpectedly

=> 해결절차

공개키가 사이트에 제대로 반영되었을까?

ssh -v git@github.com  - 정상적으로 조회된다.

git status - 상태 파악

cat .git/config - 구성파일 확인

git config remote.origin.url <Dreamhost-git-URL> - 환경설정 변경

git remote -v : 리모트 상태 표시

git remote add origin git@github.com:username/Hello-World.git 이 명령어로 생성된 origin 처음에 잘못된 환경에서

만들어져 있으면 환경을 바꾼다음에 origin을 삭제하고 다시 원격 생성작업을 한다.

3. Fork A Repository

4. Be social

웹페이지에서 HTML5 와 자바스크립트가 만나서 화려한 그래프를 보여줄수 있다.

그래프를 웹페이지에 표현하고 싶다면 이 친구를 써보는것도 괜찮을듯...

사이트 : http://www.rgraph.net/