White Life Story

SyntaxHighlighter 는 오픈 소스 이며 클라이언트 자바 스크립트로 구성 되어 있다.

공식 사이트: http://alexgorbatchev.com/SyntaxHighlighter/

참고 사이트: http://mindgear.tistory.com/164

정리가 잘 되어 있어 쉽게 따라 할 수 있었다.

Syntax 구성 표

적용 방법 

Step 1.  글 작성 시 HTML 모드로 변경

아래 내용 추가 하기 

Step 2.  화면 확인 하기

// ... test
// ... test
// ... test

위와 같이 확인이 가능 하다.

개발을 하다보면 Http 요청을 해서 테스트 해야할 경우가 생긴다.

매번 테스트 페이지를 생성 하기는 번거로울 수 있으니 그걸 편하게 해주는 기능이 있다.

크롬 확장프로그램 Advanced Rest Client 를 설치해 보자.

Chrome 는 설치 되어 있다고 가정 한다.

Step 1.  확장 프로그램 설치 하기

설정 -> 확장 프로그램 -> 더 많은 확장프로그램 다운로드 

advance rest client로 검색 한 후 설치 한다.

Step 2.  확장 프로그램 실행 하기

설치가 완료된 후 새 탭 열기를 해보자 실행 하자.

Step 3.  사용해 보기

실행 하게 되면 Http method 정의, form 타입 정의 등 파일 업로드도 가능하다. 테스트를 해보자.

위 기능들을 사용 한다면 좀더 편한 환경에서 개발이 가능할 것이다.

눈이 즐겁게 개발을 하기 위해서 필요한 plugin 이다. ~ 설치해보자.

Step 1.  저장소 추가 하기

Help > Install New Software 클릭

http://eclipse-color-theme.github.com/update 주소를 추가 한다.

Step 2.  설치하기

Next > 클릭

아래 팝업이 뜰 경우 OK 한다. 

설치가 완료 되면 재 시작 한다.

Step 3.  설정하기

환경설정,  preferences 클릭 후 아래 메뉴로 이동 원하는 테마를 고른다.

아래와 같이 적용 된다.

VirtualBox 설치는 http://blog.whitelife.co.kr/entry/VirtualBox-설치-하기 를 참고 한다.

가상 파일이 있는 경우로 가정 한다. vdi, hdd 파일 등이 있다.

Step 1.  가상 환경 만들기

새로 만들기 클릭 하기

Step 2.  가상 환경 종류 선택

종류와 버전을 아래와 같이 하기

Step 3.  가상 환경 메모리 설정

메모리 확인은 제어판에 시스템을 보면 확인 할 수 있다.

본인 PC 메모리에 따라 256 ~ 512 정도 설정 하기

Step 4.  가상 환경 하드 설정

가상 파일 불러오기 폴더 버튼 클릭

가상 파일을 선택하자.  

Step 5.  가상 머신 시작하기

새로 생성된 가상 머신을 확인 할 수 있다. 시작해보자.

Step 4 에서 추가 한 파일에 설치 되어 있는 OS 가 실행 된다.

부팅이 완료 된 모습을 볼 수 있다. 

무료 시디 굽기 프로그램

http://www.burnaware.com/downloads.html

프로그래밍 언어란? 인간과 컴퓨터 사이에 의사 전달을 위해서 필요한 수단 이다.

종류로는 C, C++, Java 등의 언어가 있다.

프로그래밍 언어는 컴퓨터가 알아들을 수 없기 때문에, 변환 작업이 필요 하다. 적합한 변환기로는 컴파일러 가 있다.

컴파일러란? 프로그래밍 언어로 작성된 코드를 기계가 알아 들을 수 있는 0101010101... 기계어로 변환 한다. 기계어는 0과 1로 구성 되어 있다.

우리가 작성 하는 프로그래밍 언어는 컴파일러를 통해서 기계어로 변환이 된 후 실행이 된다.

언어를 봤을 때, 제일 기초 적인 언어로는 C언어다. C언어는 미국 AT&T사의 Bell 연구소의 연구원들이 만들었다. 켄 톰슨님 께서 B언어를 만들었는데 B언어의 단점은 프로그램의 이식성이 부족하다고 한다. 이와 같은 점을 극복하고자 데니스 리치님 께서 이식성을 높히기 위해 C언어를 만들었다.

Bell 연구소 wiki : http://ko.wikipedia.org/wiki/Bell_%EC%97%B0%EA%B5%AC%EC%86%8C

네트워크가 어떻게 이동하는지 실제로 확인을 해보자.

명령 프롬프트 창을 띄우고 아래와 같이 실행 하자.

네트워크 이동 경로를 확인 해볼 수 있다.

Windows 탐색기에 익숙해져 있기 때문에 개발 시 Flat 형태가 불편 할 수 있다. 트리 구조로 변경을 해보자.

[그림 1] Flat 형태 폴더 구조

[그림 1] 을 보도록 하자. 수가 많아지면 불편 할 수 있다.

[그림 2] 변경 메뉴

[그림 2] Project Explorer 오른쪽 상단을 클릭하여 메뉴를 변경 하자.

[그림 3] Hieratchical 형태 폴더 구조

우리 눈에 익숙한 폴더 구조로 변경 되는 모습을 볼 수 있다.