윈도우 C드라이브 정리하여 여유공간 만들기


1. 윈도우의 디스크 정리

SSD를 쓰다보면 프로그램을 설치하다가 C드라이브 용량이 점점 부족함을 느낄 수 있다.

나같은 경우에는 125G 쓰고 있어서 기본 윈도우 + 오피스 등등 설치하다 보니 용량이 답답할 정도로 많이 차있다.



C 드라이브에서 마우스 오른쪽을 누르고 속성으로 들어가서 위의 창을 살펴보자.


빨간색 박스로 된 부분의 디스크 정리를 눌러보면 시스템에서 저장한 쓸모 없는(?) 파일들을 삭제 할 수 있다.

(쓸모 없는 파일들이라고 했지만 로그파일, 백업 파일 등으로 복구나 오류사항 확인할 때 사용하지만 일반 사용자로서는 거의 사용하지 않는다.)



위의 그림과 같이 다운로드한 프로그램 파일, 임시 인터넷 파일등 사용자는 알수없는 시스템 파일을 지울 수 있다고 나온다.


그 외에 시스템 파일 정리 버튼을 누르면 로딩 창 이후 바뀐 부분을 볼수가 있는데...



로드가 끝난 후 목록에 항목이 추가 되는데



위의 그림중 빨간 목록 박스에 Windows 업데이트 정리, 이전 Windows 설치 등 몇개의 항목이 추가 된 것을 확인 할 수 있다.


그 중 이전 Windows 설치 항목은 작게는 10G에서 많게는 100G까지 차지하고 있어서 작은 용량의 C 드라이브를 사용하고 있는 사람에게는 큰 불편함을 준다.


사용자가 이전 버전으로 윈도우를 복원할 일이 없다면 이 파일은 꼭 삭제해주는 것이 좋다.


그 외에서 필요 없는 항목들이 보이면 해당 항목을 체크하고 확인버튼을 누르면 해당 시스템 파일을 안전하게 삭제 할 수 있다.


2. Tree Size 사용하기

tree size라는 프로그램이 있다.



프로그램을 실행하면 아래 그림과 같이 나온다.


Select Directory 버튼을 눌러 해당 드라이브 또는 폴더를 선택 한다.




다음은 내 컴퓨터의 C 드라이브를 스캔한 모습이다.



폴더 목록들의 이름만 가렸지만 위와 같은 방식으로 파일이나 폴더의 크기가 큰 순서대로 위에서 부터 정렬해 준다.


해당 드라이브 및 폴더를 확인하면서 쓸데없이 큰 파일들을 확인하여 지울 수 있다.


구글 검색 할 때 팁


1. 반드시 포함되어야 하는 단어 지정하기.


특정 단어의 처음과 끝에 따움표를 입력하고 검색하면 따움표 사이에 있는 단어는 무조건 포함 됩니다.


예를 들면 아래와 같이 nginx 와 gamesocket이라는 별로 연관성 없는 단어가 함께 주어질 경우 검색결과가 많지 않으므로 Google은 더 많은 검색결과를 주기 위해 특정 단어를 빼고 검색한 결과를 보여주게 됩니다.




하지만 nginx 보다 gamesocket이라는 단어의 검색결과가 더 중요하게 생각한다면 다음과 같이 특정 단어를 따움표 사이에 넣어서 검색해야 합니다.




2. 제외할 단어 지정하기.


검색어 앞에 마이너스(-)를 사용하면 그 다음에 나오는 단어(띄어쓰기까지)빼고 검색을 할 수 있습니다.

예를 들면 ajax에 관한 내용을 검색할 때 jquery에 관한 문서를 빼고 싶으면 다음과 같이 입력하면 됩니다.

ajax를 검색하면 워낙 jquery와 관련된 내용이 많지만 다른 내용을 찾고 싶으면 위와 같은 방법도 괜찮습니다.


특히 특정 기능을 수행하는데 특정 라이브러리의 기능을 빼고 다른 기능을 쓰고 싶어도 좋습니다.


예를 들면 Java에서 map to json 기능을 구현하려고 하는데 gson 라이브러리 말고 다른 라이브러리를 쓰고 싶다면 다음과 같이 검색 하시면 됩니다.


3. 특정 싸이트에서만 검색하기.


특정 싸이트에서만 단어를 검색하기 싶으면 site:domain.com searchtxt 과 같이 검색하면 됩니다.

예를 들어 jquery.com에서 ajax를 검색하고 싶으면 다음과 같이 사용합니다.


또는 구글의 색인이 얼마나 잘 되었는가를 확인하기 위해서도 사용할 수 있습니다.


예를 들면 구글이 내 블로그를 얼마나 색인했나 알아보기 위해 다음과 같이 사용할 수 있습니다.





검색 결과를 보니 41개 밖에 없습니다.

뭐 포스팅 외 쓸모 없는 내용도 있을테고 포스팅이 잘 색인되지 않았을 수 도 있을테니 각각 확인해 볼 수 있습니다.


4. 특정URL을 링크한 싸이트를 검색하기.


내 홈페이지나 블로그등 특정 url을 링크하고 싶은 페이지를 찾을땐 다음과 같이 검색 합니다.

link:domain.com


예를 들어 내 블로그를 링크하고 있는 페이지를 찾을 땐 다음과 같이 할 수 있습니다.


더 있지만 별로 유용하다고 생각하고 있지 않아서...






두번 째로 만들어본 주사위 애니메이션


역시 만든 시간은 한시간 남짓 플레이 시간은 3~4초...





다 만들고 보니 좀 어둑하다.


렌더링 시간이 너무 오래 걸려서 새 컴퓨터가 절실하다. ㅠㅠ

[블렌더] 애니메이션 첫 완성물


파일 재생시간은 4초

만드는 시간은 1시간 정도...



작업 내역 간략 설명


1. 텍스트를 만든다.

2. 만든 텍스트랑 겹쳐서 큐브를 만든다.

3. 큐브와 텍스트에 같은 텍스쳐를 입힌다.

4. 큐브에 조각나는 애니메이션 효과를 준다.

5. 렌더링을 한다.


참고 동영상

youtube@tutor4u

구글 검색 시 새창에서 페이지 열리게 하는 방법


구글에서 검색을 하면 보통은 검색 페이지에서 바로 링크페이지로 이동하게 된다.

그래서 컨트롤을 누르고 링크 (이동 페이지)를 클릭해서 새창을 띄우곤 한다.


방법.

구글 페이지 오른쪽 아래 설정 > 검색설정을 클릭한다.




페이지에 들어가면 다음과 같은 화면을 볼 수 있다.



검색하기에 대한 옵션인데


그중 검색결과 여는 창 에 선택한 검색결과를 새 브라우저 창에서 열기를 체크하면 컨트롤을 안눌러도 자동으로 새 창으로 열리게 된다.



검색 환경에 따라서 페이지당 검색결과 갯수도 갯수를 늘리면 페이지 이동 없이 한 페이지에서 스크롤 만으로 검토 할 수 있다.


구글의 검색은 항상 기존 검색 활동 기반으로 관련성 높은 결과를 더 좋은 검색 결과물로 보여주기 때문에 이것이 검색 활동의 방해를 한다면 검색기록을 삭제하거나 사용중지 또는 수정을 하여 결과를 약간 수정 할 수 있다.



위 결과는 나의 방문 기록에 대한 내용이다.


주로 크롬과 구글 검색을 사용해서 봤던 페이지들을 따로 저장하지 않아도 구글이 다 알아서 기록해 주고 있다.



예전에 봤던 페이지인데 주소를 기억해 놓지 않았을 때 도움이 약간 된다..



언어에 들어가면 위에 보이는 사진과 같이 주로 볼 수 있는 언어가 표시되며 검색결과에 표시될 언어를 더 추가하면 더 많은 결과를 얻을 수 있다.






[Internet Explorer] 호환성 보기, 렌더링 엔진 설정


html코드를 


<!DOCTYPE html> 
<html> 
  <head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 


이렇게 적는 것과


<!DOCTYPE html> 
<html> 
  <head> 
     <!-- 메타태그 없이 작성 하는 것 -->


메타태그 없이 작성하는것은 어떤 차이가 있을까?


작성하는 페이지가 IE8이나 IE9를 호환하는 페이지라면 메타태그를 작성하는게 좋다.


최신 브라우져만 지원하는 페이지는 작성을 안하는 것이 좋다.



X-UA-Compatible 메타 태그를 사용하면 IE의 렌더링 엔진을 선책할 수 있다.


MS 문서에 따르면 head 태그 중에서도 가장 먼저 작성하는것이 좋다고 한다.



메타태그에는 다음과 같은 옵션을 사용할 수 있다.


 옵션

 설명

IE=edge

 IE가 사용할 수 있는 가장 높은 버전의 엔진을 사용합니다. 

 IE9라면 IE9엔진을 사용합니다.

 IE=11

 HTML5, CSS3을 포함한 가장 높은 수준의 산업표준을 지원 한다.

 IE=EmulateIE11

 directive 를 사용하여 렌더링버전을 선택할 수 있게 합니다.

 directive가 없는 경우는 IE11 엔진을 사용하고 있는 경우는 IE5엔진을 사용합니다.

 IE=10

 IE=11과 같습니다.

 IE=EmulateIE10

 IE=EmulateIE11 과 같습니다.

 IE=9

 HTML5, CSS3, SVG 등을 지원합니다.

(CSS3 애니메이션은 지원하지 않습니다.)

 IE=EmulateIE9

 directive 를 사용하여 렌더링버전을 선택할 수 있게 합니다.

 IE=8

 CSS3을 제한적으로 표시 할 수 있다.

 IE=EmulateIE8

 directive 를 사용하여 렌더링버전을 선택할 수 있게 합니다.

 IE=7

 IE7에서 컨텐츠 표시방식과 비슷하게 렌더링 한다.

 IE=EmulateIE7

 directive 를 사용하여 렌더링버전을 선택할 수 있게 합니다.

 IE=5

 IE5에서 컨텐츠 표시 방식과 비슷하게 렌더링 한다.



위와 같은 옵션들을 설정하여 IE버전별 페이지 상태도 확인 할 수 있다.


<!DOCTYPE html> 
<html> 
  <head> 
     <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">


chrome모드도 함께 사용할 수 있다.


단 IE에 Google Chrome 프레임이 설치되어 있어야 한다.


sitemap.xml 등록


sitemap.xml



cfile21.uf@99D687475A2FF1193E47B5.xml



sitemap등록용 연습 포스트 



1. 파일 등록


파일업로더를 통해 등록할 sitemap.xml을 등록

2. 소스코드 확인

텍스트에디터의 html을 확인하여 위와 같이 파일의 키값을 빼온다.

키값은 cfile이 시작하는 부분부터 .xml로 끝나는 부분까지다.

3. 파일 다운로드 확인


xxx.tistory.com/attachment/cfile~~~~.xml(2번에서 확인한 키값)
위 주소를 브라우져를 통하면 등록한 xml이 다운로드 된다.





테스트 장비에 도메인 설정하기(hosts 파일 도메인 적용)



프로젝트 진행시에 hosts파일에 도메인을 적용하며 사용하다가 폰이나 테블릿같은 기기로 테스트를 하는 경우가 종종 있습니다.


이런 경우에 기기 종류별로 여러가지 방법이 있지만 통합적으로 해결할 수 있는 가장 좋은 방법은 노트북의 핫스팟을 이용하게는 가장 좋다고 생각한다.


윈도우도 가능하고 Mac에서도 가능 하다.



1. 윈도우 적용기.


C:\Windows\System32\drivers\etc\hosts 파일을 관리자 권한의 노트패드를 이용하여 수정한다.



필자는 notepad++ 를 사용하였다.


2. 노트북


커맨드 창을 열어 다음 명령어를 실행 합니다.


netsh wlan show drivers



무선랜카드의 AP지원 여부를 알아보는 명령어 입니다.




위와 같은 메세지가 나오면 무선네트워크를 지원하지 않는 랜카드를 사용하는 겁니다.


요즘에 나오는 노트북은 거의 AP를 지원하는 무선랜카드를 사용합니다.


3. 위의 조건이 완료되면 핫스팟을 on합니다.

핫스팟의 이름을 지정하고 비밀번호를 설정합니다.



4. 테스트 기기연결


위의 연결된 와이파이로 테스트 기기를 연결합니다.


example.com의 연결되는것을 확인할 수 있습니다.



Mac장비에서 설정하기

맥도 방법은 동일합니다.


1. /etc/hosts파일 수정

윈도우 방법과 동일합니다.


2. 환경설정 > 인터넷 공유

테스트 장비를 맥이 공유하는 Wifi로 접속합니다.




맥장비는 안되는 것으로 확인 되었다.





우분투 명령어


1. 종료

리눅스를 종료하는 명령어이다.

sudo shutdown -h now


다음과 같이 써도 무관하다.


sudo shutdown -h 0



2. 재시작


리눅스를 재시작하는 명령어 이다.


sudo reboot


다음과 같이 써도 무관하다.


sudo shutdown -r now



3. 방화벽


방화벽 활성화 명령어


sudo ufw enable


방화벽 비활성화


sudo ufw disable


ufw는 기본적으로 비활성화 되어 있다.



포트허용 명령어


sudo ufw allow 22


포트 차단 명령어


sudo ufw deny 22


특정 아이피 허용/차단 명령어


sudo ufw allow from 192.168.202.1 
sudo ufw deny from 192.168.202.1



4. 파일 내용보기


파일 내용 보기


cat 파일명



5. 파일의 변화되는 내용 보기

파일이 바뀌고 있는 내용을 실시간으로 보고 싶을 때(예를 들면 웹서버 로그 등)


tail -f 파일명




트위터 공유 버튼 만들기


트위터 공유 버튼을 통해 텍스트, 해쉬태그, URL, 트위터 계정을 미리 작성할 수 있습니다.

트위터 계정을 연결 하려면 트위터에서 팔로우 되어 있어야 합니다.




트위터 Content 파라메터


 파라메터

설명 

text

 트윗을 작성하기 전에 미리 텍스트를 작성합니다.

 url

 트윗에 URL을 연결합니다.

 hashtags

 트윗에 해쉬태그를 기본으로 등록 합니다.

 via

 특정 트윗 계정을 언급합니다. (댓글과 비슷합니다.)

 related

 공유 URL의 컨텐츠와 관련 계정을 쉼표로 구분하여 넣습니다.






버튼 디스플레이 파라메터

 파라메터

설명 

size

 large로 셋팅하면 큰 버튼을 볼 수 있습니다.

 lang

 트위터가 지원하는 언어코드를 적습니다.




HTML의 data-* 어트리뷰트를 이용한 예제


<a class="twitter-share-button"
  href="https://twitter.com/share"
  data-size="large"
  data-text="custom share text"
  data-url="https://dev.twitter.com/web/tweet-button"
  data-hashtags="example,demo"
  data-via="twitterdev"
  data-related="twitterapi,twitter">
Tweet
</a>


IFRAME 예제


<iframe
  src="https://platform.twitter.com/widgets/tweet_button.html?
size=l&
url=https%3A%2F%2Fdev.twitter.com%2Fweb%2Ftweet-button&
via=twitterdev&
related=twitterapi%2Ctwitter&
text=custom%20share%20text&hashtags=example%2Cdemo"
  width="140"
  height="28"
  title="Twitter Tweet Button"
  style="border: 0; overflow: hidden;">
</iframe>


자바스크립트 Factory 예제


twttr.widgets.createShareButton(
  "https:\/\/dev.twitter.com\/web\/tweet-button",
  document.getElementById("tweet-container"),
  {
    size: "large",
    text: "custom share text",
    hashtags: "example,demo",
    via: "twitterdev",
    related: "twitterapi,twitter"
  }
);


HTML 예제


<a href="https://twitter.com/share?
  url=https%3A%2F%2Fdev.twitter.com%2Fweb%2Ftweet-button&
  via=twitterdev&
  related=twitterapi%2Ctwitter&
  hashtags=example%2Cdemo&
  text=custom%20share%20text">
Tweet
</a>



어떤걸 써도 공유하기 기능은 할 수 있습니다.


디자인은 자유도 높게 바꿀 수 있습니다.

+ Recent posts