Issue pushing new code in Github

Sever repo에 Local repo에 없는 파일이 어떤 이유에서든 생성되면 Push 할 때

git: updates were rejected because the remote contains work that you do not have locally

라는 오류가 뜸.

해결법 -> Pull 한번 해주고 다시 Push 하면 됨

Google Tips

Eclipse에서 Github로 프로젝트 올리기 - 1

Github를 하게 되기 까지 많은 시간이 걸렸다. 그 이유는 영어로 된 사이트와 접근 방법이 복잡해 보였기 때문이다.(실제론 엄청 간단)
하지만 인터넷 자료를 검색해서 나도 GitHub에 프로젝트를 올리는 방법, GitHub에서 프로젝트를 다운로드(임포트) 받아 사용하는 방법을 배웠고,
나도 간단하게 한번 글을 적어볼려고 한다.
1.Eclipse에서 GitHub로 프로젝트 올리기
1-1. 레포지토리 만들기
GitHub에 회원가입 후 로그인을 하면 다음과 같은 화면이 나오는데 프로젝트를 올릴 레포지토리(저장소)를 만들어야 한다.

1-2. 레포지토리를 만들때는 이름을 줘야된다.

1-3.만들어진 레포지토리의 모습인데 여기에레포지토리 주소가 있다. 이 주소를 통해 프로젝트를 업로드해야하기 때문에 다음과 같은 버튼을 눌러 레포지토리 주소를 복사해 놓아야 한다.

1-4. 자바에서 프로젝트 우클릭 후에 Team->Share Project...을 누른다.

1-5. 내 컴퓨터 상에 저장될 레포지토리를 생성한다.(이걸 이따가 업로드 시킵니다.)

1-6. 프로젝트 우클릭 후 Team-> Add to Index를 하게되면 프로젝트에 ?가 떠있던게 *모양으로 바뀔 것이다.

1-7.소스를 수정하거나 작업을 완료 후 Commit 을 누르자.

1-8. 아까전에 GitHub사이트에 만들어놓은 레포지토리 주소를 여기에 붙여넣기 한다.(User Password안적혀 있으면 적어줘야합니다.)

1-9. Push Branch 'master'를 하면 프로젝트가 업로드 될 것 이다.
만약에 이 과정에서 master ->master[rejected - non -fast-forward 라는 단어가 발견되면 Pull을 한번해주면된다.

이 글은 Evernote에서 작성되었습니다. Evernote는 하나의 업무 공간입니다. Evernote를 다운로드하세요.

[Github 연동] Github(깃허브) 와 이클립스 연동하기

2016.01.02 00:25

이클립스에 SVN을 연동해서 사용하는 것처럼 깃을 연결해서 사용 할 수 있습니다.
https://github.com/jwgye/project.git
이러한 주소와 같이 개인 깃허브 주소가 있으면 가능합니다.
깃허브 주소가 없을 경우 이전에 작성한 포스트에서 만드시면 됩니다.
2016/01/01 - [Develop/Tool] - [Github 연동] Github(깃허브) 가입하기
STS 의 경우 Git 이 설치되어있기 때문에 별도로 설치할 필요는 없으며 없을 경우 Egit을 마켓에서 설치하시기 바랍니다.
Perspective 에서 Git 을 선택합니다.

Git 에 들어가시면 3개의 항목이 있습니다. 이중에 Clone a Git repository 를 선택합니다.

2개의 메뉴 중 Clone URI 를 선택합니다.

개인의 깃허브 URI 와 아이디 패스워드를 입력해줍니다. port는 입력하지 않아도 됩니다.

기본 Branch인 master를 선택합니다.

깃이 연동될 디렉토리를 선택해줍니다.
보통 SVN과는 다르게 Local의 파일에 commit을 한 뒤에 git 에 push하여 다시 한번 update를 하게됩니다.
local 의 저장소 지정하신다고 보시면 될 것같습니다.

깃이 정상적으로 연결이 되면 아래처럼 세팅이 됩니다.

깃세팅이 끝났으니 이제 개발된 소스 또는 개발 시작하려는 소스를 업로드하면됩니다.
업로드 하려는 프로젝트에 오른쪽 클릭을 하여 Team -> Share Project 를 선택합니다.

Local 저장소를 선택하시고 단순히 Finish를 누르면 Local의 저장소와 함께 동기화가 됩니다.
실제로 깃에 올라간 것은 아니며 깃에 올리기 전 Local 의 저장소에 Commit을 한 뒤에 Update가 가능합니다.

프로젝트에 Add to Index 를 선택하면 프로젝트 파일에 있던 물음표가 사라지는 것을 확인 할 수 있을 것이다.

그런 후 Commit 을 해준다.

Commit 을 실행하면 commit 할 대상과 함께 메세지를 남길 수 있다.
Commit 을 누르면 Local 저장소와 싱크만 맞추며 Commit and Push를 선택하면 Github에 소스가 업로드가 된다.

github에 push 할 때 정보를 확인 한 후 OK 버튼을 누르면 실제 github에 올라가게된다.

깃허브 사이트에서 올라간 소스를 확인 할 수 있다.

이 글은 Evernote에서 작성되었습니다. Evernote는 하나의 업무 공간입니다. Evernote를 다운로드하세요.

구글블로그에 파일올리기

구글 블로그엔 파일 업로드기능이 없습니다.

그러므로 파일을 업로드하기 위해선
다른서비스에 파일을 올리고
다운로드링크를 따와야 합니다.

아래방법 모두 구글로그인이 되어있어야합니다.


1. 구글site 활용
https://sites.google.com/

사이트주소를 넣고 만들기 합니다
화면 스크롤을 내리면 ai가 아님 에 체크를 해야하는데
화면이 잘렸습니다.
만들기 눌렀을때 반응이 없을경우 화면 아래쪽을 훑어보시기 바랍니다.

사이트가 만들어졌으니 이제 게시판을 하나 만들어야 합니다.

게시판이름을 정하고 만들기 해주시면 됩니다

업로드 할 파일을 추가합니다

파일이름을 우클릭하지 말고 옆에 다운로드모양을 우클릭해서 링크주소 복사를 누릅니다
(화면은 크롬입니다. explorer에서 하시는분은 속성에서 링크주소 복사 해 주시면 됩니다)

이제 블로그 작성페이지로 넘어옵니다.
글작성하는곳에서 링크를 누르고 위에서 복사한 링크주소를 붙여넣기 해주면 됩니다

아래와 같이 이쁘게 링크가 달립니다.

예시 다운로드 링크 :
https://sites.google.com/site/castleone88/storage/food.png?attredirects=0&d=1

2. 구글드라이브 활용
https://drive.google.com/


업로드할 파일을 구글드라이브에 업로드 합니다
(주변인의 개인정보가 있어서 화면은 부득이하게 가렸습니다)

올린 파일을 우클릭하고 공유를 누릅니다

아래와 같은 창이 뜨면 고급을 눌러줍니다

고급 설정에서 비공개 구분을 변경합니다

공유 설정변경 창이 뜨는데 여기서 웹에 공개 를 해주고 저장을합니다

이제 저 주소를 복사합니다

1번방법과 같이 링크 넣어주면됩니다
블로그 작성페이지에서 링크를 누르고 위에서 복사한 링크주소를 붙여넣기 해주면 됩니다
(사진은 또 찍기 귀찮아서 위에 사진 복붙했습니다 죄송합니다.)

예시 다운로드 링크 :
https://drive.google.com/file/d/0BxMkPeGmIZcaSGk3RTdIUFN3TUE/view?usp=sharing

이 글은 Evernote에서 작성되었습니다. Evernote는 하나의 업무 공간입니다. Evernote를 다운로드하세요.

docx 를 pdf 로 변환

https://online2pdf.com/convert-docx-to-pdf

highlight.js 빠른 사용 코드

<link href="//cdn.jsdelivr.net/highlight.js/8.7/styles/monokai_sublime.min.css" rel="stylesheet"></link>
<script src="//cdn.jsdelivr.net/highlight.js/8.7/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<br />
<pre><code>...코드...</code></pre>

Highlight.js - 코드 구문 강조

Highlight.js 소개

Highlight.js는 자바스크립트로 쓰여진 코드 구문 강조를 위한 라이브러리이다. 브라우저뿐만 아니라 서버에서도 잘 작동한다. 어떠한 프레임워크에도 의존하지 않고, 거의 모든 마크업에서 작동하며 자동 언어 감지 기능을 가지고 있다.

• 130개의 언어와 65가지의 스타일을 제공한다. Live Demo
• 자동으로 사용된 코드 구문을 찾아 알맞은 스타일로 표현한다.
• 여러가지 혼합된 코드에 대한 구문 강조가 가능하다.
• node.js에서 사용 가능하다.
• 어떠한 마크업과도 작동한다.
• 어떠한 자바스크립트 프레임워크와도 호환된다.
• 모던 브라우저들, IE9 이상을 지원한다.

자세한 사용 설명법은 highlight.js 문서에서 확인할 수 있다.

Highlight.js 설치

홈페이지에 접속해서 Get Version 버튼을 클릭하면 Hosted와 Custom package의 두가지 방법을 거론하고 있다.

Hosted

일반적으로 사용되는 언어 22개를 미리 구성하여 CDN을 통해 호스팅하고 있다(Apache, Bash, C#, C++, CSS, CoffeeScript, Diff, HTML, XML, HTTP, Ini, JSON, Java, JavaScript, Makefile, Markdown, Nginx, Objective C, PHP, Perl, Python, Ruby, SQL 이 포함).
아래에 두개의 CDN이 있으니 원하는 것을 선택하여 <head> 에 삽입하면 된다.

cdnjs :

Html

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/styles/default.min.css">  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/highlight.min.js"></script>  

jsdelivr :

Html

<link rel="stylesheet" href="//cdn.jsdelivr.net/highlight.js/8.7/styles/default.min.css">  <script src="//cdn.jsdelivr.net/highlight.js/8.7/highlight.min.js"></script>  

기본 테마가 아닌 다른 스타일의 디자인을 이용하려면 highlight.js demo 페이지에서 Styles에 적용된 디자인들을 확인하고 마음에 드는 스타일의 이름을 기억하자. 이후에 테마파일의 파일명을 비교하여 CDN의 <link>의 css 파일명을 수정하면 된다.
아래는 서브라임텍스트의 테마를 설정한 예이다.

Html

<link rel="stylesheet" href="//cdn.jsdelivr.net/highlight.js/8.7/styles/monokai_sublime.min.css">  

마지막으로 Hightlight.js를 활성화하면 된다. 아래가 최종 코드이다.

Html

<link rel="stylesheet" href="//cdn.jsdelivr.net/highlight.js/8.7/styles/monokai_sublime.min.css">  <script src="//cdn.jsdelivr.net/highlight.js/8.7/highlight.min.js"></script>  <script>hljs.initHighlightingOnLoad();</script>  

Custom package

기본적으로 서비스되는 22개의 언어 이외에 추가로 구문 강조가 필요한 언어가 있다면 포함시킬 언어를 선택하고 이를 다운로드 받으면 된다. 다운로드 받은 파일은 highlight.pack.js 파일과 CSS 테마 파일들이 포함되어 있으니 자신의 계정에 올리고 이를 삽입하면 된다.

Html

<link rel="stylesheet" href="/path/to/styles/default.css">  <script src="/path/to/highlight.pack.js"></script>  <script>hljs.initHighlightingOnLoad();</script>  

Highlight.js 사용법

자동으로 페이지에 포함된 <pre><code> 를 찾아 구문강조를 적용하지만, 원하는 데로 작동하지 않는 경우가 종종있다. 이럴때는 class 속성을 이용하여 언어를 지정할 수 있다.

Html

<pre><code class="html">...</code></pre>  

지원되는 언어 클래스명은 class reference에서 확인할 수 있다.
만일 구문강조를 사용하고 싶지 않다면 nohighlight 클래스를 사용하면 된다.

Html

<pre><code class="nohighlight">...</code></pre>  

Highlight.js 커스텀 초기화

Highlight.js를 좀 더 조정할 필요가 있다면 highlightBlock과 configure 기능을 사용할 수 있다. 이 것은 언제 그리고 어떤 것을 구문강조할 것인가를 조정할 수 있다.
아래는 jQuery를 이용하여 initHighlightingOnLoad 호출과 유사한 방법을 소개한다.

Js

$(document).ready(function() {    $('pre code').each(function(i, block) {      hljs.highlightBlock(block);    });  });  

페이지에 작성된 어떤 마크업 태그도 <pre><code> 를 대신할 수 있다. 만일 줄바꿈을 보존하는 컨테이너(pre)를 사용하지 않는다면, <br> 태그를 사용하게 Highlight.js 설정을 변경해야 한다.

Js

hljs.configure({useBR: true});    $('div.code').each(function(i, block) {    hljs.highlightBlock(block);  });  

다른 제공되는 옵션들은 configure 문서를 살펴보도록 하자.

IE8 미지원으로 인한 오류

최근의 라이브러리들은 IE 구버전에 대한 지원을 줄이고 있다. Highlight.js 또한 IE8에 대한 지원을 중지한지 오래되었고, 이로 인해 IE8이하 버전에서는 오류가 있음을 상태창에 나타낸다.

알림창이 뜨는 경고는 아니지만 이것이 거슬리다면 IE8 이하 버전에 대한 분기를 나눠 동적으로 스크립트를 추가하는 것을 생각해 볼 수 있다.

티스토리에서 사용시 유의점

티스토리나 그 밖의 CMS들에서는 편집기에서 HTML 모드를 따로 지원한다. 구문강조는 <pre><code> 태그를 삽입해야 하기 때문에 이 HTML 모드를 이용해서 작성해야 한다.
이때 문제가 되는 것이 구문강조가 될 코드내용이 HTML일 경우, <(시작태그) 와 >(종료태그) 를 & l t ; 와 & g t ; 로 모두 치환해줘야 한다(실제로는 띄워쓰기 하면 안된다). 이를 일일이 수정하는 것은 미련한 짓이고, HTML모드에서는 아래와 같이 기본형만 작성하고 다시 편집기 모드로 돌아가서 나머지 코드를 작성하면 된다.

Html

<pre><code> 코드내용  </code></pre>  

편집기 모드에서는 자동으로 시작태그와 종료태그를 치환해주기 때문에 일일이 수정할 필요가 없으며, 코드내용 부분을 지우고 실제 코드내용을 작성하면 된다.
편집기 모드에서 코드내용을 작성할 때는 엔터로 줄바꿈을 하면 안되고 Shift + Enter 를 이용해야 줄바꿈이 된다.

이 글은 Evernote에서 작성되었습니다. Evernote는 하나의 업무 공간입니다. Evernote를 다운로드하세요.

웹 페이지를 PDF 또는 MHT 파일로 저장하는 법

웹페이지를 단일 파일 형태로 저장하는 2가지 방법이 있다. 웹 페이지의 레이아웃을 정확하게 옮겨오지는 못하지만, 매우 유사한 형태의 파일로 저장할 수 있다. 표준 PDF 파일이나 그림과 HTML을 파일 하나에 저장하는 MHT 또는 MHTML 형태의 파일을 생성할 수 있다. PDF 형식보다는 MHT 파일을 읽는 데 선택할 수 있는 옵션은 적지만, 원본 웹 페이지와의 레이아웃과 좀 더 유사하므로 추천한다.

두 종류의 파일로 변환하기 위해서는 인터넷 익스플로러, 크롬, 파이어폭스 등 3가지 웹 브라우저를 사용해야 한다.

PDF 파일을 생성하는 방법은 간단하다. '인쇄'화면에서 대상을 'PDF로 저장(인쇄)'을 선택하면 된다.

크롬에서는 특히 더 쉽다. 인쇄하길 원하는 페이지에서 Ctrl 키와 P 키를 동시에 누르면 인쇄 대화 상자가 표시된다. 대상 섹션에서 '변경' 버튼을 클릭하면 사용 가능한 프린터의 목록이 표시되는데, 여기에서 'PDF로 저장하기' 옵션을 선택하면 된다.

Ctrl + P 키의 조합은 인터넷 익스플로러 또는 크롬에서 동작한다. 그러나 표준 윈도우 대화 상자에서는 PDF로 저장할 수 있는 옵션이 표시되지 않는다. '파일로 인쇄'하는 옵션이 있기는 하지만, 제대로 작동하지 않는다.

그러므로 윈도우에서 프린터 드라이버로 호환되는 PDF 인쇄 프로그램을 설치해야 한다. 일부 프로그램의 경우 PDF 인쇄 드라이버도 설치하기 때문에, 이미 PDF 인쇄 드라이버가 설치됐을 수도 있다. 필자의 PC에는 이미 4개의 드라이버가 설치돼 있기도 했다.

만일 PDF 인쇄 드라이버가 없다면, 불집(BullZip)에서 개발한 무료 PDF 프린터를 추천한다.

MHTML(MIME HTML)은 웹페이지에 표시되는 텍스트와 코드, 이미지(그러나 오디오와 비디오는 포함되지 않는다)를 하나의 파일로 아카이브한다. 기술적으로 봤을 때는 웹페이지와 유사하므로 정말 '웹페이지'처럼 보인다.

인터넷 익스플로러는 MHTML 파일로 즉시 저장할 수 있도록 지원해준다. 현재 보고 있는 페이지에서 Ctrl 키와 S 키를 동시에 누르면 '다른 이름으로 저장하기' 대화 상자가 표시된다. 파일 형식은 '웹 페이지 보관 파일(*.mht)'로 지정한다.

파이어폭스나 크롬의 경우에는 mhtml 파일로 저장하는 방법을 지원하지 않는데, 이를 우회하는 방법이 있다.

파이어폭스를 사용한다면 'MHT와 신뢰할 수 있는 저장을 지원하는 모질라 아카이브 포맷(Mozilla Archive Format, with MHT and Faithful Save)'를 설치해야 한다.

크롬에서는 방법이 약간 더 복잡하다. 크롬의 주소 입력 창에 'chrome://flag/'를 쳐서 엔터키를 누른 뒤, '페이지를 html로 저장'하기 옵션에서 '사용'을 클릭한다(실제 이 옵션을 켜고자 한다면, 화면에는 '사용 중지'가 표시돼야 한다). 해당 기능은 크롬 브라우저를 재시작했을 때 활성화된다.

이제 다른 이름으로 저장하기(Ctrl + S) 대화 상자를 열면 저장 유형으로 '웹페이지 또는 단일파일' 옵션이 표시된다.

MHTML 형식으로 저장된 파일은 인터넷 익스플로러뿐만 아니라 다른 브라우저에서도 볼 수 있다. 안드로이드와 iOS에서는 리더 전용 앱을 내려받으면 된다. editor@itworld.co.kr

이 글은 Evernote에서 작성되었습니다. Evernote는 하나의 업무 공간입니다. Evernote를 다운로드하세요.