컴퓨터 작업시 화면 캡처를 해야 하는 경우가 생깁니다.

특히 홈페이지를 운영하는 사람은 더 많이 생기겠죠.

그래서 다양한 경우와 방법을 설명합니다.

1. 자판의 "Print Screen"키를 사용하는 방법 - 가장 기본적인 방법

• "Print Screen"키를 누르면 현재 모니터의 전체 화면이 캡처가 됩니다. 

그러나 아무 반응이 없죠, 그것은 캡처된 이미지가 클립보드에만 저장 되었기 때문입니다.

이미지 프로그램을 불러서 붙여 넣기를 해야합니다.

예를 들자면 윈도우 기본인 그림판, 포토숍, 포토스케이프등 많은 이미지 편집 프로그램들이 있습니다.

그런데 제가 가장 자주 사용하는 것은 다음에 설명하는 픽픽이라는 캡처 전문 프로그램입니다.

• "Alt" + "Print Screen"키를 동시에 누르면 실행된 창만 캡처가 됩니다.

그 다음은 "Print Screen"키를 눌렀을때와 같습니다.

2. "픽픽" 화면 캡처 전문 프로그램

• https://picpick.app/ko/ 공식홈에서 내려 받을 수 있으며 모든 사용자에게 무료로 배포됩니다.
• 다운을 받아서 실행을 하면 첫화면이 아래와 같이 출력됩니다.

근데 보통 여기서 작업을 하지는 않습니다.

왠야하면 이미지 캡처라는게 보통 다른 작업을 하다가 화면 캡처가 필요한 경우가 대부분 이니까요. 

그래서 창 닫기를 해 놓으면 우측 하단의 트레이로 프로그램이 숨습니다.

트레이에 있는 화살표를 누르면 픽픽아이콘이 보입니다. 마우스 왼쪽버턴을 누르면 위의 이미지와 같이 메뉴가 나타납니다.

여기에서 자신이 필요한 기능이나 "화면 캡처 도구"를 이용하면 됩니다.

그리고 픽픽이 실행된 상태에서 1번 "Print Screen"키 기능을 사용하면 픽픽이 자동으로 열리며 편집화면이 출력됩니다.

자세한 기능 설영은 공식홈에 있습니다.

3. 웹브라우즈에서의 캡처

웹브라우즈에서도 1, 2번의 경우를 사용해도 문제는 없습니다. 아니 보통 그렇게 많이 사용을 하죠

그런데 저 같은 경우는 브라우즈의 캡처 기능을 많이 사용합니다.

왠야면 그게 편하니가요^.^

• 익스플로러 에는 그런 기능이 없는 것 같고
• Edge에서는  "웹 캡처"라고 있는데 기능이 별로고 "Edge 추가 기능"에 있는 플러그인들도 제가 봐서는 별로입니다.
  그리고 요즘은 마소의 브라우즈는 잘 사용하지 않죠.
• 세계에서 가장 많이 사용되는 크롬(Chrome) 같은 경우는 확장프로그램을 설치해서 사용을 하는데 저 같은 경우는 "FireShot"을 이용합니다.
• 그리고 네이버에서 만든 웨일(Whale)이란 브라우즈가 있습니다.
  크롬을 기반으로 만들어졌으며 네이버에서 강하게 밀고 있는 브라우즈 인데요.
  제가 요즘에 가장 많이 사용하는 브라우즈 입니다. 다른 건 잘 모르겠고 굉장히 편리합니다.
  웨일에서 캡처기능은 브라우즈에 기본으로 탑재 되어 있습니다.
  브라우즈 우측 상단에 보이는 카메라 아이콘을 눌러서 해당 기능을 선택하면 됩니다. 

4. Windows 10 에 새로 생긴 캡처 기능 - "윈도우버턴" + "Shift" + "S"키

Win10 에서  새로 생긴 기능중에 화면 캡처 기능이 있습니다. 이게 생각보다 유용하고 사용할 일이 많습니다.

• "윈도우버턴" + "Shift" + "S"키를 동시에 누르면 화면 상단 중간에 아래와 같은 메뉴가 생깁니다.

사각형캡처, 자유캡처, 창캡처, 전체화면캡처

• 메뉴를 선택해서 캡처버턴을 누르면 우측하단 트레이 위에 아래 이미지와 같이 출력됩니다.

• "캡처 및 스케치"창 에서 "디스켓아이콘" 클릭해서 저장하면 됩니다. 

Win10의 "윈도우버턴" + "Shift" + "S" 화면캡처 기능을 "Print Screen"키를 눌렀을때 실행되게 하는 방법도 있습니다.
- "윈도우 시작버턴" - "우측 마우스" - "설정"

- "접근성" - "키보드"

- "Print Screen 바로 가기" "끔"을 "켬"으로 선택하면 됩니다. 

이외에도 더 많은 캡처 기능들이 있겠지만 기본 기능들과 제가 많이 사용하는 위주로 작성을 했습니다.

작성을 마치며...

웹에서 캡처시는 브라우즈에 있는 기능을 사용하는 것이 편리하고,

컴퓨터 화면안의 캡처시에는 Win10의  "윈도우버턴" + "Shift" + "S"키를 사용하면 되고

좀더 세밀한 캡처나 캡처화면을 편집작업할 일이 많을때는 "픽픽"을 사용하면 좋습니다. 

제목 그대로 폰터 색상을 랜덤으로 출력하는 방법입니다.

html파일에 script를 아래와 같이 작성

<script>

jQuery(function($){
    for(var i=0 ; i < $(".random_colors").length; i++){
        var f_color = "#"+(parseInt(Math.random()*0xffffff)).toString(16);
        $(".random_colors").eq(i).css("color",f_color);
    }
});

</script>

랜덤으로 출력하고자 하는 코드에 class를 random_colors 로 지정하면 됩니다.

<div class="top_title random_colors" style="font-family:Nanum Pen Script; font-size:20px">{$val->getTitle()}</div>

문하우스 첫페이지의 "공지사항"과 "컴퓨터팁"의 제목글의 색상이 랜덤으로 바뀝니다.

한글워드를 실행하면 기본 폰트로 함초롱바탕 10pt로 지정되어져 있습니다.

왜? 함초롱바탕이란 폰트를 기본으로 사용하는지 모르겠지만,

많이 사용되어지는 나만의 폰트로 바꾸는 방법입니다.

Windows 비스타 이후로 윈도우의 기본 한글 폰터는 "맑은 고딕"입니다,

그럼 "맑은 고딕"으로 변경해 보겠습니다.

한글 2018을 기본으로 설명합니다.   

1. "서식" - "스타일" 선택 (단축키 F6)

2. "Pen"아이콘 클릭

3. "글자 모양" 클릭

4. "글꼴" - 원하는 폰트로 선택, "기준 크기" - 원하는 사이즈 선택등

선택을 완료 했으면 "설정" - 스타일 편집하기창 "설정"

5. 스타일창 에서 "디스켓" 클릭

6. "파일선택" - 5번 클릭 - "한글 기본 스타일" 선택 - 닫기

7. 스타일창 "설정" - "덮어씀"

이상과 같이 하셨다면 대표글꼴이 "맑은 고딕"으로 바뀐 모습이 보일 것입니다.

한글을 종료하고 다시 실행해도 대표글꼴이 "맑은 고딕"으로 출력되면 성공

IDE 프로그램들을 사용해 보면 자동완성 기능들이 뛰어납니다.(ex : PhpStorm, vscode, Atom등)

근데 보통 에디터기들은 자동완성 기능이 떨어지죠(ex : Editplus, Notepad+등)

EditPlus를 자주 사용하시는 분들은 아시겠지만 EditPlus에도 IDE 프로그램들 만은 못하지만 자동완성 기능이 있습니다.

바로 htmlbar.acp 파일입니다. 이 파일을 편집기로 열어 보시면 어떤 자동완성이 가능한지 한눈에 알 수 있습니다.

예로 div를 치고 Ctrl + Space키를 누르면 아래와 같은 자동 완성 코드가 출력됩니다.

<div class="">
    
</div>

적용방법은 "도구" - "기본 설정" 을 열어서 체크부분을 클릭해서

Editplus가 설치된 폴더를 찾아서 htmlbar.acp을 열기하면 됩니다.  

여기서 좀 더 나아가면 내가 필요한 약어를 등록해서 자동완성을 만들 수도 있습니다.

예로 Rhymix에서 많이 사용 되어지는 고유태그들을 등록 할 수 있습니다.

방법은 일단 htmlbar.acp파일을 다른 곳으로 복사 - 복사한 파일을 에디터기로 열어서 수정 - 수정한 파일을 원본 파일이 있는 곳으로 붙여넣기 하면 됩니다.

#T=IF
<!--@if($wi->^! =='')-->
    
<!--@else-->
    
<!--@end-->

이렇게 등록을 하면 if 치고  Ctrl + Space키를 누르면 아래와 같이 출력이 됩니다.

^!는 자동완성후 커서가 놓이는 위치입니다.

참고로 제가 만든 라이믹스용 htmlbar.acp파일을 올립니다.

최근에 윈도우가 업데이트 되면서 보안상 기본적으로 막아버렸네요.

윈도우10 SR3 이후에 네트워크 공유로 랜섬웨어 피해가 많이 발생하자 윈도우10 1709 RS3 이후에는 SMB ver 1.0 프로토콜을 네트워크 공유에서 사용하지 않도록 설정이 바뀌었습니다.

예전과 같이 네트워크상의 공유된 PC와 폴더를 표시되도록 하는 방법이 있습니다.

주의할 점은 보안상 취약점이 생길 수 있고, 랜섬웨어 공격에 대상이 될 수 있습니다.

먼저 윈도우키 + R키를 누르면 실행창이 나오는데 여기에

appwiz.cpl 입력하고 확인을 합니다.

프로그램 및 기능 창이 나타나면 왼쪽에 "Windows 기능 켜기/끄기" 를 클릭하세요.

빨간 테두리 부분인 SMB1.0 부분을 전부 체크해 줍니다.

확인 후 재부팅하면 정상적으로 네트워크 공유 기능을 사용할 수 있습니다.

모든 버전의 PhpStorm

https://www.jetbrains.com/phpstorm/download/other.html

A. PhpStorm를 실행히면 프로젝트를 생성해야 합니다.

프로젝트가 의외로 중요합니다.

하나의 프로젝트마다 Settings이나 Php버전, Host정보등이 저장되기 때문입니다.

예를들면 A프로젝트에서 서버나 호스트의 정보를 저장해 놓았다면 B프로젝트를 열면 새로운 정보를 입력해야 합니다.

그러니까 프로젝트마다 각각의 정보들을 생성해야 하는 것입니다.

이런 설정이 필요할때도 있겠지만 불편할 수도 있겠네요..

Tip : 생성되어진 프로젝트(untitled)에 들어가보면 (예 : C:\Users\사용자명\PhpstormProjects\untitled\.idea) 

.idea 폴더안에 프로젝트의 정보들이 저장됩니다. 여기서 webServers.xml파일이 호스트정보를 가진 파일입니다.

이 파일만 복사해서 다른 프로젝트 .idea 폴더안에 붙여 넣으면 저장해 놓은 호스트들이 나타납니다.

B. 설정 (단축키는 Ctrl + Alt + S)

- "File" - "Settings" 

1. 테마설정 - Darculs테마가 검정바탕에 밝은색 계통의 색상으로 많이 애용됩니다.

2. PhpStorm 프로그램 폰트설정 - "Use custom font" 체크란을 선택하면 더 많은 폰트를 선택가능

이 폰트 설정은 에디터안의 폰트가 아닌 프로그램의 폰트설정입니다. 

3. Toolbar 설정

- Toolbar에서 원하는 기능이 놓일 위치를 선택 "+" - "Add Action"

 - "OK"

4. 단축키 설정

 - "Keymap" - 원하는 기능 선택 - 마우스 더블클릭 - 단축키지정 - "OK" 

5. Editor 설정

 a. 폰트설정 - "Show only ---" 체크란 선택하면 더 많은 폰트 보임

이 폰트들이 에디터기안의 폰트들을 지정하는 폰트입니다.   

b. "Language defaults" - "Bad character" - "Scheme"를 선택하면 에디터안의 색상이 변합니다. 

 c. Encodings 설정

 - 3군데 설정을 "UTF-8"로 선택해야 한글지원이 잘 됩니다.

6. 플러그인 설치 - "Plungins" - 필요한 플러그인을 설치하시면 됩니다.

유용한 플러그인은 Google검색 하세요.

7. 호스트 설정

"+" FTP Type 선택 - "New srever name"

 a. 각종 정보를 입력하고 "Test Connection"를 클릭

b. PuTTY에서 생성된 ppk파일도 잘 인식합니다.

8. PHP설정

이상이 제가 주로 설정하는 것들 입니다.

이외에도 수많은 설정들이 있습니다. 너무 많다는 느낌도 드네요^.^

C. Remote Host - ftp연결

- 위의 Settings에서도 잠시 언급했지만 좀 더 자세히 설명

1. Settings에서 생성하지 않았다면 "Tools" - "Deployment" - "Browse Remote Host"

2. "..." 누르면 상단 [7. 호스트 설정]에서의 설정이 나옵니다. 

3. SSH를 지원하는 호스트는 터미널지원을 합니다.

[느낀점]

저는 이젯껏 EditPlus를 주로 사용했습니다.

아무래도 국산 프로그램이라 한글로 되어 있고 ftp기능도 막강하고, 단축키며 여러 기능들이 손에 익어서겠죠.

이번에 PhpStorm을 며칠 사용해 보니 확실히 코드를 작성하는데는 막강한 기능들도 있고 잘 만들어져 있다는 느낌을 받았습니다.

근데 너무 잘 만들어져서 불편하다고 해야 하나... 좀 이상하지만 그런 느낌입니다.

한글화도 되어 있질 않아서 좀 불편도 하고, 간단한 작업을 하기 위해서 프로그램을 띄우기는 무겁기도 합니다.

두 프로그램을 비교하기는 그렇지만 코딩을 새로 할때는 PhpStorm을 사용하고,

단순한 작업을 하기 위해서는 EditPlus를 시용하는 편이 좋은 것 같습니다.

프로그램다운

Photoshop 2020을 설치해서 프로그램을 실행하면 첫시작화면(홈화면)이 뜹니다.

Esc 눌러주면 없어지지만 매번 귀찮죠

그럼 첫화면 사라지게 하는 방법

1. Esc로 첫화면 종료 - 편집 - 환경설정 - 일반 선택

2. "홈 화면 자동 표시"의 선택을 해제하고 "확인"후 photoshop을 재실행 하면 됩니다.

Windows Defender가 있어서 Win10 에서는 더 이상 다른 바이러스 프로그램을 사용하질 않습니다.

어정쩡한 무료 바이러스 프로그램을 사용해 봤자 광고만 나오고 성능은 비슷한 것 같아서 입니다.

그럼 Windows Defender 에서 폴더나 파일을 바이러스 검사에서 제외하는 설정을 알아 보겠습니다.

1. 트레이 우측에 역 화살표를 눌러서 Defender 아이콘 더블 클릭

2. 바이러스 및 위협 방지 선택

3. 설정 관리

4. 제외 추가 또는 제거

5. + 제외 사항 추가 - 4가지 항목중 선택 

저 같은 경우는 소프트웨어를 모아 놓은 폴더전체를 제외 시켜 놓았습니다.

2010년 구형 맥북에 윈도우10 설치하기Viewer

진행하면서 Mac의 OS버전이 Yosemite(요세미티)라서 불편한 경우가 많더군요

Mac App Store에 접속은 안되고 해서 포기하고 윈도우10 작업을 하고 난 후, 

이리저리 구글링해보니 App Store에 접속하는 방법이나 이중 아이디등 모두 아이폰이나 다른 Apple기계가 필요하거나 최소한 이메일정도는 알아야 하는데 멀리 있는 딸과 소통도 어렵고 해서 포기했었죠.

그래서 자동 업데이트가 아닌 수동으로 하는 방법을 찾아서 구글링을 하던중 

macOS High Sierra(하이 시에라)를 내려 받을 수 있는 사이트를 발견했습니다.

그 중 구글 드라이브에 올려져 있는 파일은 내려 받을 수가 없더군요.

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

https://themacgo.com/macos-high-sierra-10-13-6-dmg-mac-free-download-iso/Viewer

사이트 화면 하단에 Download버턴을 누르고 바뀐화면에서 10초를 기다리면 다운로드가 됩니다.

4.9G의 파일이니까 시간은 깨 걸립니다. 

근데 다운 받은 macOS.High.Sierra.10.13.6.dmg 파일로 설치를 하면 아래 이미지와 같이 파일이 손상되어서 설치할 수 없다고 뜹니다.

1. Apple 메뉴 > 시스템 환경설정을 선택한 다음 '날짜 및 시간'을 클릭합니다. 

2. 일단 하단의 자물쇠를 더블클릭해서 풀어줍니다

3. 날짜 및 시간 패널에서 '자동으로 날짜 및 시간 설정'이 선택되어 있는 것을 해제합니다.

4. 년도와 날짜를 2019년 9월로 변경합니다.

그 후 macOS.High.Sierra.10.13.6.dmg 파일로 설치를 하면 업데이트가 됩니다.

업데이트 후 "날짜 및 시간"을 "자동으로 날짜 및 시간 설정"을 했는지는 기억이 나지 않지만 혹시라도 모르니 한번 확인해 보세요.

다시 부팅하면 High.Sierra로 업데이트 되어져 있습니다.

그리고 시간이 어느정도 흐른 후 App Store에 접속하면 High.Sierra 최신버전으로 업데이트가 나타납니다.

업데이트 하세요. 이 부분은 App Store에 접속하지 않아도 되더군요.

참고로 macOS High Sierra로 업데이트하고 나니 파컷을 비롯해 업데이트를 할 프로그램들이 많더군요.

저는 App Store에 접속을 할 수가 없어서 일단 보류 했습니다ㅠㅠ

MacBook Pro 17" 2010년 형 SSD로 변경하기Viewer

위의 게시글 다음 이야기입니다.

Mac으로만 사용하기에는 불편해서 윈도우를 설치하기 위해서 SSD500G를 구입했습니다.

Mac OS설치 방법은 이전 게시글에서 다루었기 때문에 건너뜁니다.

설치후 Mac OS의 버전이 Yosemite는입니다.

맥북프로 2010 17인치에서 설치할 수 있는 최상위 OS가 High Sierra라서 업데이트 할려고 하니,

Mac App Store에 접속이 안되네요. 딸네미(멀리 있음) Apple 아이디라서 제가 권한을 받을 수가 없어서 업데이트 일단 포기했습니다.(이 부분은 다음에 작성할 예정...)

구형Mac에 부트캠프(BootCamp)로 윈도우10을 설치할려고 하니,

구형Mac에서는 윈도우10이 지원이 안되고 윈7이나 윈8.1정도만 된다고 나오네요.

구글에 검색하니 "루트리스(Rootless)"라는 기능 때문에 그렇다네요.

https://macnews.tistory.com/3408Viewer

https://evidencebased.tistory.com/53Viewer

근데 저는 OS가 Yosemite라 그런지 어떤지 안되더군요. 그리고 시스템을 수정하고 복잡더라구요.

그래서 일단 윈도우7 DVD로 설치를 했습니다.

Yosemite의 경우 부트캠프(BootCamp) 실행시 윈도우 ISO파일을 불러오는 기능이 없는 경우가 있습니다.

맥 요세미티에서 부팅가능한 Windows 설치 USB 디스크 만들기

http://blog.vericras.com/create-bootable-windows-install-usb-stick-for-mac-yosemite.htmlViewer

설치하고 생각해 보니 Mac 에서만 윈10이 설치가 안되지 윈도우에서 업데이트로는 가능하지 않을까 해서

윈도우7화면에서 윈도우10 DVD를 삽입하니 자동으로 업데이트가 됩니다.

참고로 부트캠프(BootCamp)때 만들어진 USB는 제거해야만 업데이트가 되더군요.

업데이트를 끝내고 다시 부팅하니 문제 없이 원도우10으로 진입이 됩니다.

Mac 으로도 당영히 부팅이 잘 되고요...

윈도우를 2번 설치하는 번거러움과  시간적인 단접이 있지만

Mac의 시스템을 건더리지 않아도 되는 장접도 있습니다.

p.s 윈도우10 업그레이시 정품 시리얼을 작성하는 란이 나옵니다.

정품 시리얼을 가지고 있는 경우는 별 문제가 안 되지만 어둠의 경로에서 받은 경우는 시리얼이 없죠!

그럴때는 구글의 힘을 빌려 보세요.

검색란에 "windows 10 정품 시디키" 로 검색해서 자신이 가진 윈10 버전을 확인하고 찾아서 등록하면 일단 설치는 됩니다.

리부팅후 어둠의 경로로 페치하시면 됩니다.

그 정도는 모두 알아서 하실 수 있잖아요~~~