이번 포스팅에서는 윈도우 7과 윈도우 8를 사용하시는 분들을 위해서

시스템 상에서 화면 캡처를 할 수 있는 방법에 대해서 설명을 하려고 합니다.


PrtSc 를 사용해서 클립보드에 화면 캡처를 저장한 후, 그림판 등의

이미지 유틸리티에서 어느 정도 편집을 한 후 저장하는 방식이 보통일 텐데요~


    


▲ 보통은 PrtScn > Ctrl + V 등으로 화면 캡처를 많이들 합니다



조금 더 많은 내용을 설명해드릴까 해요~

위 방식으로는 화면의 모든 내용을 캡처하죠~ 그것과는 다르게



1. 활성화된 창만 캡처할 수는 없을까?


2. 한 번의 단축키로 바로 저장할 수는 없을까?



대답은 "할 수 있습니다!!! "


1. 활성화된 창만 캡처할 수는 없을까?

활성화된 창(Active Window)만 캡처하는 방법은 윈도우 7과 윈도우 8에서 모두 사용가능합니다.

바로 단축키 'ALT+Print Screen' 입니다.

이 단축키를 사용하면 활성화된 창을 캡처하고 클립보드에 저장할 수 있습니다.



2. 한 번의 단축키로 바로 저장할 수는 없을까?

매번 클립보드에 저장해서 그림판으로 수정하는게 귀찮으실 때가 있죠?

게다가 게임이라던지 그 외 복잡한 작업 중에 화면 캡처가 필요한 경우는

차라리 한 번의 단축키 입력으로 바로 JPG나 PNG 등의 확장자로 

화면캡처파일이 생성되어 저장되는 편이 더 낫죠...

이 방법은 윈도우 8에서만 사용이 가능합니다.

윈도우8에서 'Windows + Print Screen' 단축키를 입력하면

'라이브러리 > 사진 > 스크린샷' 폴더가 '자동생성' 되어서 이 디렉토리에

자동으로 화면 캡처한 파일이 PNG 확장자로 저장이 된답니다.

(클립보드에도 저장이 됩니다.)


지금까지의 설명을 간략하게 그림으로 정리를 해보자면!!





ps) 제가 설명한 방식 이외에도 여러 가지 화면 캡처 유틸이 있습니다.

하지만 윈도우즈 시스템 상에서 화면 캡처하는 방법에 대해서 설명을 드린 것입니다.

참고로, 윈도우즈 시스템에서는 기본적으로 '캡처 도구'(Snipping Tool)라고 하는 유틸리티가 존재합니다.

캡처 도구를 이용해도 창 캡처/부분 캡처/전체 캡처 등을 사용할 수 있습니다.

 무료로 사용할 수 있어서 많은 분들이 사용하시는 

가상머신 프로그램인 VirtualBox(버츄얼박스)!

기쁜 마음에 버츄얼 박스 설치 파일을 다운로드 받고 설치를 했더니 다음과 같은 오류가 날 때가 있죠....



VirtualBox Installer:

Installation failed! Error: 파일 이름, 디렉터리 이름

또는 볼륨 레이블 구문이 잘못되었습니다.





이런 오류가 나는 이유는 다양한데요.

운영체제의 계열 및 비트가 설치 파일에서 정확히 인식하지 못하는 경우 발생하는 경우가 많습니다.

해결 방법은 설치파일을 수동으로 압축 해제하여, 운영체제 계열에 맞는 설치파일을 실행시키면 됩니다.



1. '명령 프롬프트' 프로그램을 실행합니다.

윈도우 8의 경우 'Windows 버튼 + X' 를 누른 후, 'A'를 누르면 명령 프롬프트를 관리자 권한으로 실행시킬 수 있습니다.

윈도우 7의 경우 시작 > 실행 > 'cmd' 입력을 통해 명령 프롬프트를 실행시킬 수 있습니다.

이번 포스팅의 내용은 굳이 관리자 권한을 갖출 필요는 없습니다.



2. 명령 프롬프트에서 설치 파일이 있는 경로로 '이동'(cd) 합니다.

저 같은 경우, 편하게 C:\ 에 설치 파일을 저장하였습니다.


cd C:\





3. 그리고 -x -p 명령어 옵션으로 설치파일을 수동 압축 해제합니다.

다음 명령어를 입력하면 됩니다.


VirtualBox-4.2.18-88781-Win.exe -x -p C:\VirtualBox


-p 옵션 뒤의 'C:\VirtualBox'는 이 경로에 압축 해제 한다는 의미입니다.

적절하게 원하시는대로 폴더 명은 변경하셔도 됩니다.

참고로, VirtualBox-4.2.18-88781.exe 의 숫자는 어떤 설치파일을 가지고 계시느냐에 따라 다릅니다.

따라서, 가지고 계신 설치파일의 이름을 그대로 사용하셔야 명령어가 사용이 됩니다.



그리고 다음과 같은 팝업창이 뜰 것입니다. 파일이 정상적으로 압축 해제 되었네요.



그 경로에 가보면 계열에 맞게 설치파일이 분리(?) 되어 압축 해제된 것을 알 수 있습니다.



자신의 운영체제가 32bit x86으로 적힌 파일을,

자신의 운영체제가 64bit amd64로 적힌 파일을,


선택해서 실행하시면 되겠습니다.


 일반적으로, Windows xp, 7, 8 과 같은 윈도우즈 운영체제를 컴퓨터에 설치해서 사용하시는 분들이 많을텐데요.

공부나 업무용 혹은 호기심의 목적으로 리눅스 우분투등과 같은 다른 운영체제를 사용할 경우가 있습니다. 

 

 윈도우즈 운영체제를 기본적으로 사용하면서 추가로 운영체제를 설치할 수 있는 방법이 있습니다.

바로 '가상머신'이라는 유틸리티 프로그램을 사용하는 것입니다.

 

 가상머신을 사용하게 되면, 기존의 운영체제를 시동한 후, 새로운 운영체제를 그 위에 다시 시동하여 사용할 수 있으며,

이 상태에서는 동시에 두 개의 운영체제를 사용할 수 있습니다. 기존이 운영체제를 '호스트 운영체제'(주인 운영체제)라고 하고,

새로 설치할 운영체제를 '게스트 운영체제'(손님 운영체제)라고 합니다. 

주인 집 위에 손님 집을 짓는다고 생각하면 이해가 빠를 것입니다.

 

 

 오늘은 무료로 사용할 수 있는 'VirtualBox'라고 하는 가상머신을 사용해서

'Linux Ubuntu LTS 12.04' 라고 하는 새로운 운영체제를

설치하는 과정에 대해서 설명해보려고 합니다.

 

 

1. VirtualBox 설치하기

https://www.virtualbox.org/wiki/Downloads 

위 사이트에 들어가신 후, 기존의 운영체제 버전에 맞는 VirtualBox 프로그램을 다운로드합니다.

 



 

 일반적으로는 윈도우즈를 사용하니까, 

VirtualBox 4.2.18 for Windows hosts 에 있는 파일을 다운로드합니다.

(만약 다른 운영체제를 사용한다면 그에 맞춘 파일을 다운로드 받으세요.)

 

 설치파일을 실행시켜서 설치를 진행합니다.

만약, 설치 중에 Installation Failed Error 오류가 난다면 다음 사이트를 참조하여 해결할 수 있습니다.

http://thinkpro.tistory.com/41

 

 

2. 리눅스 우분투 설치하기

http://www.ubuntu.com/download/desktop

 위 사이트에 들어가신 후, 원하는 버전의 운영체제 디스크 이미지 파일을 다운로드하세요.

저는 LTS의 12.04 버전 32bit 를 선택해서 다운로드 하였습니다.

 

 

제대로 가상머신 만들어보기 전에, 가상머신에 리눅스 우분투가 설치되는 큰 설명을 할게요.

버츄얼 박스는 주인 집(윈도우즈) 위에 손님 집(리눅스 우분투)을 짓게 해주는 프로그램입니다.

우리는 우선, 1. 손님 집이 될 빈 집 자리를 만들고, 2. 그 빈 집에 리눅스 우분투를 넣어서 손님 집을 완성시킬 것입니다.

 

 

설치를 완료하였으면, 프로그램을 실행시켜서 빈 집을 만들어 봅시다~

 

 

우선, 새로운 운영체제를 설치해야 하므로 좌측 상단의 '새로 만들기(N)'을 클릭합니다.


 

제일 처음, 이름을 입력하라고 합니다.

저는 'Linux Ubuntu 12.04' 라는 이름을 사용했고, 이름란에 쓰는 단어에 맞추어

밑의 종류(T) 및 버전(V)이 자동으로 설정이 됩니다. 이 둘은 사용자가 임의로 변경할 수도 있습니다.

 

새로운 운영체제에 사용할 램 용량, 즉 메모리 크기에 대해서 설정하는 부분입니다.

리눅스 우분투 운영체제를 설치할 때, 추천 메모리 크기는 512MB입니다.

저는 RAM 용량의 여분이 많은 관계로 4096MB, 즉 4GB를 할당해 주었습니다.


 

그리고 새로운 운영체제가 설치 될 하드 드라이브에 대한 설정입니다.

이미 가상 하드 드라이브가 있다면 '기존 가상 하드 드라이브 파일 사용(U)'를 클릭해서

기존의 가상 하드 드라이브를 사용하시면 됩니다.

 

처음 설치하시는 경우, 가상 하드 드라이브 파일이 없을 테니,

'지금 가상 하드 드라이브 만들기(C)'를 클릭하여 가상 하드 드라이브를 만듭시다.

 

하드 드라이브 파일의 종류에 대한 설정입니다. 어느 것을 선택하여도 됩니다.

다만, 다른 가상머신을 사용할 계획이 있다면 그에 맞추어 변경해주시면 됩니다.

 

예를 들어, 지금 만든 가상 하드 드라이브 파일을 QEMU 라고 하는 새로운 가상머신을 사용해

시동할 경우, QED 확장자를 사용해서 만들어 놓으면 버츄얼 박스에서도 사용이 가능하고, QEMU

가상머신에서도 사용이 가능합니다.


 

하드 드라이브를 어떤 방식으로 만들 것인지 결정하는 단계입니다.

이 부분이 처음 설치하시는 분께는 제일 이해가 안되는(??) 부분입니다.

 

저도 처음엔 동적 할당/ 고정 크기 의 개념이 이해가 되지 않았는데요.

동적 할당은 말 그대로 동적으로 만들겠다는 것입니다. 

설치할 새로운 운영체제에서 파일이 생길 때마다 가상 하드 드라이브 파일의 크기가 커집니다.

고정 크기는 그냥 처음 정해놓은 가상 하드 드라이브 파일의 크기만큼 파일이 생깁니다.


 

가상 하드 드라이브의 크기를 설정하는 단계입니다.

저는 250GB SSD 를 사용해 그리 넉넉치 않은 용량의 하드 디스크를 가지고 있어서,

약 30GB만큼을 할당해주었습니다.

 

새로이 설치할 운영체제에서 얼마만큼의 하드 디스크 용량이 필요한지 계산해서 적절하게 변경해주시면 되곘습니다.

 

이제, 빈 집은 만들었습니다. 

지금까지 빈 집의 램은 얼마고, 하드디스크는 얼마가 되야 할지를 설정한 것입니다.


자, 이제 빈 집에 리눅스 우분투라고 하는 놈을 넣어봅시다.




오른쪽 클릭 후 > 설정(S) 에 들어가서



1. '저장소' 클릭! 

2. '비어 있음' 클릭!

3. 작은 CD 아이콘 클릭!

4. 사용할 리눅스 우분투 이미지 파일을 찾아 선택

5. '확인' 클릭!

 

이제, 리눅스 우분투 이미지 파일까지 빈 방에 집어넣었습니다.

그리고 '시작(T)' 버튼을 누르면 설치가 진행됩니다.

 

 

그 이후 과정은 너무나 쉬워서 이 포스트에서는 설명을 생략하겠습니다.

그냥, 하라는 대로 주우욱 진행하면 됩니다.

 

  이전에 Syntaxhighlighter를 설치하고 적용한 후 사용하는 방법에 대한 포스트를 올렸는데,

이번에는 조금 더 나아가서 Syntaxhighlighter의 테마를 설정하는 방법에 대해서 알려드리겠습니다.



  ▶ http://thinkpro.tistory.com/31

  Syntaxhighlighter를 적용할 때, HTML/CSS 탭의 skin.html 파일을 수정해야 했었는데요.

그 때 , <head>와 </head> 태그 사이에 다음 소스 코드를 집어넣었습니다.



<script type="text/javascript" src="./images/shCore.js"></script>

































위 소스 코드를 보면 알겠지만 크게 두 가지 부분으로 나뉘어집니다.



바로, <script 로 시작하는 부분과 <link 로 시작하는 부분입니다.



 1.<script로 시작하는 부분은 syntaxhighlighter에서 사용할 언어에 대한 js 파일에 대한 설정입니다.

만약, C++ 로 코딩한 소스를 syntaxhighlighter를 이용해서 표현하려면 반드시

<script type="text/javascript" src="./images/shBrushCpp.js"></script>와 같은 설정이 필요합니다.




2.<link로 시작하는 부분style에 대한 부분입니다.

즉, 이번 포스팅에서 집중해야 할 부분입니다.


첫 번째 줄인 shCore.css 에 대한 설정은 반드시 들어가야 하며,

두 번째 줄을 변경하여 테마를 변경할 수 있습니다.




가령, Eclipse 테마를 설정하고 싶다면,

<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css"> 를

<link type="text/css" rel="stylesheet" href="./images/shThemeEclipse.css"

와 같이 변경해주시면 됩니다.




어떤 테마를 설정할지는 설치 후 압축 해제 한 파일의 style 폴더를 참조하시어 확인하시면 됩니다.




▲ syntaxhighlighter_3.0.83 > syntaxhighlighter_3.0.83 > styles 폴더



각 테마가 어떤 느낌을 가지고 있는지는 다음 사이트를 참조하시면 되겠습니다~

http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/


오늘은 티스토리 블로그에 Syntaxhighlighter 를 적용하는 방법에 대해서 알아보도록 할거에요~ ㅎㅎ

 

티스토리 블로그에 소스 코드를 이쁘게 집어넣고 싶은 분 많으시죠~ ^_^

구글링을 하면서 다양한 티스토리 블로그의 이쁜 소스 코드들을 보셨을 텐데요

바로 Syntaxhighlighter라는 유틸리티를 사용하면 쉽게 소스 코드를 꾸밀 수 있답니다.


 ▲ Syntaxhighlighter의 default theme을 적용한 소스 코드 사진.

 




1. 유틸리티 다운로드


제일 우선으로 해야 할 것은 Syntaxhighlighter 유틸리티를 다운 받는 것입니다.

아래의 사이트에서 다운받을 수 있습니다.


http://alexgorbatchev.com/SyntaxHighlighter/download/


받은 압축 파일을 압축 해제 하시면 다음과 같은 형태의 폴더 디렉토리를 확인할 수 있습니다.


 

 



 

2. 파일 업로드 (Script 및 CSS 파일을 업로드)


- Script 업로드

이제 티스토리 블로그에 스킨을 적용해야 할텐데요~

티스토리 블로그 관리 페이지로 들어가신 후,

TISTORY 관리 > 꾸미기 > HTML/CSS 편집 > 파일 업로드

에서 "+추가" 버튼을 클릭해주세요~

 

 

그리고, 아까 압축해제했던 파일의 디렉토리에서 "script" 디렉토리 속에 있는 모든 파일들을 선택해서 업로드해주세요.

 

 

- CSS 스타일 업로드

자, 이제 소스 코드는 전부 올렸고, 소스 코드의 테마를 적용하기 위해, 테마 샘플을 선택해서 업로드해주셔야 합니다.

다시 "+추가" 버튼을 클릭하시고

"styles" 폴더의 모든 파일들을 업로드해주세요.

 



 

3. HTML/CSS 의 skin.html 수정하기


TISTORY 관리 > 꾸미기 > HTML/CSS 편집 > HTML/CSS

로 이동해주세요. 그리고 제일 처음 보이는 skin.html을 수정해야 합니다.

 

<head>와 </head> 태그 사이에 다음 소스 코드를 입력해주세요.



<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shLegacy.js"></script>
<script type="text/javascript" src="./images/shBrushAppleScript.js"></script>
<script type="text/javascript" src="./images/shBrushAS3.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushColdFusion.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" src="./images/shBrushCSharp.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushDelphi.js"></script>
<script type="text/javascript" src="./images/shBrushDiff.js"></script>
<script type="text/javascript" src="./images/shBrushErlang.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJavaFx.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPerl.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushPlain.js"></script>
<script type="text/javascript" src="./images/shBrushPowerShell.js"></script>
<script type="text/javascript" src="./images/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushRuby.js"></script>
<script type="text/javascript" src="./images/shBrushSass.js"></script>
<script type="text/javascript" src="./images/shBrushScala.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushVb.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="./images/shCore.css">
<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css">


그리고, skin.html 의 </body></html>태그 바로 앞에 다음 소스를 입력해주시면 됩니다. 


<script type="text/javascript">
    SyntaxHighlighter.defaults['toolbar'] = false;
    SyntaxHighlighter.all();
</script>


 


 

4. 사용법

 

이제 소스 코드를 이쁘게 집어넣는 방법을 사용하려면 소스 코드를 작업할 때마다 "HTML 모드"를 사용하셔야 합니다.

 

가장 기본적인 사용법은 아래와 같습니다.

<pre class="brush: [language]">

[source...]

</pre>

 

예를 들어보자면 다음과 같이 사용할 수 있습니다.

<pre class="brush: java">
class HelloWorld
{
    public static void main(String[] args)
    {
        System.out.println("Hello World ! ");
    }
}
</pre>



class HelloWorld
{
    public static void main(String[] args)
    {
        System.out.println("Hello World ! ");
    }
}


티스토리 블로그 등을 사용해서 소스 코드를 입력하는 경우 일반적으로,

syntaxhighlighter 라고 하는 유틸리티 프로그램을 자주 사용하게 됩니다.


신택스 하이라이터의 단점은 블로그 글쓰면서 까지도 복잡한 html 코딩을 해야 하는 불편함이 있죠...

저는 C++ 프로그래밍 관련 블로깅을 위해 다음의 소스 코드를 사용했는데요...

--------------------------------------------------------------------

<pre class="brush: cpp">

#include <iostream>

using namespace std;


int main()

{


cout << "Hello World!" << endl;

return 0;

}

</pre>

----------------------------------------------------------------------


아니 글쎄 이놈이 이렇게 찍히는 거 아닙니까!!!!


급당황...;; <iostream>이 html 태그 처럼 사용된겁니다...ㅠㅠ 자동으로 </iostream> 태그가 생성되었어요;;; 망할

아 이거 어떡해야 하지 하던 찰나에 떠오른게 있더군요


어차피 html으로 작업하는거니까 <> 자체를 html 태그로 걸어주자는 겁니다.

html 태그 중 <> 를 쓰려면 &lt; ... &gt; 를 써야 한답니다. 즉...


 <iostream> 이라고 쓰고 싶다면 "&lt;iostream&gt;"


이렇게 써야 합니다... 그래서 저는 다음과 같이 코드를 바꾸었습니다.

--------------------------------------------------------------------

<pre class="brush: cpp">

#include &lt;iostream&gt;

using namespace std;


int main()

{


cout << "Hello World!" << endl;

return 0;

}

</pre>

----------------------------------------------------------------------

그러고 나니 원하는대로 잘되더군요! ㅎㅎ



하여간 삽질 했다가 해결책 찾아서 참 다행이군요 ㅋㅋㅋㅋ;;;;

혹시나 저처럼 티스토리 블로그 운영한지 얼마 안된 초보 개발자분들이 계실까봐 싶어서 포스팅해보았습니다!!


도움이 되었다면 댓글좀 달아주세요 ㅋㅋㅋ @,@


+ Recent posts