White Life Story

1. Install

whitelife@miniserver$ sudo apt-get install unrar

2. 압축 풀기

whitelife@miniserver:~$ sudo unrar e -r ./xxx.rar

참고 사이트

• http://askubuntu.com/questions/41791/whats-the-easiest-way-to-unrar-a-file

1. IP 설정 하기

whitelife@miniserver$ sudo vim /etc/network/interfaces

# This file describes the network interfaces available on your system
# and how to activate them. For more information, see interfaces(5).

# The loopback network interface
auto lo
iface lo inet loopback

# The primary network interface
auto wlan0
iface wlan0 inet static
        # wireless-* options are implemented by the wireless-tools package
        wireless-mode managed
        wireless-essid xxxxx
        wireless-key1 s:xxxxxxxxxxxxx
        address xxx.xxx.xxx.xxx
        netmask xxx.xxx.xxx.xxx
        gateway xxx.xxx.xxx.xxx

2. DNS 설정 하기

whitelife@miniserver:~$ sudo vim /etc/resolv.conf

Dynamic resolv.conf(5) file for glibc resolver(3) generated by resolvconf(8)
#     DO NOT EDIT THIS FILE BY HAND -- YOUR CHANGES WILL BE OVERWRITTEN
nameserver xxx.xxx.xxx.xxx
nameserver xxx.xxx.xxx.xxx

3. Networking Restart

whitelife@miniserver:~$ sudo /etc/init.d/networking restart

참고 사이트

• http://www.howtoforge.com/linux-basics-set-a-static-ip-on-ubuntu

Gson Sample

Gson 기능 중 Object, List 를 Json 형태로 변환해주는 기능이 있다.

public String getJson (List sampleList) {
    return gson.toJson(sampleList, ArrayList.class);
}

위와 같은 코드를 작성 하면 쉽게 처리가 가능 하다.

Spring MVC Sample

@RequestMapping(value="/sampleJson", method=RequestMethod.GET, produces="text/plain;charset=UTF-8")
public @ResponseBody String sampleJson(HttpServletRequest request, HttpServletResponse response) throws Exception {
    try {
        ModelAndView mav = new ModelAndView();
        mav.setViewName("sample.list");

        return this.gson.toJson(sampleService.selectList(), ArrayList.class);
    } catch (Exception e) {
        throw e;
    }
}

위 소스를 참고 하면 Json String 으로 변환 하여 응답 한다. Encoding 문제로 한글이 물음표로 께지는 현상이 있다.

produces="text/plain;charset=UTF-8"

@RequestMapping 에 해당 값을 추가 하자. 한글이 정상적으로 출력 될 것이다.

Markdown 소개

Markdown 은 Markup 언어의 일종으로 메타 정보 (tag, role) 기반 으로 여러가지 형태로 표현 된다. 대표적인 Markup 언어에 대한 예시 이다.

• Markup 언어
  • HTML
  • XML
  • JSON

위 3가지 언어와 비슷하다. 기본적인 문법을 숙지 하고 있는 경우 편리한 점이 많다.

1. Editor 에서 제공해주는 HTML 변환 기능을 이용하여 편하게 글을 작성
2. MS Word 로 이전이 편리함
3. Github README.md 파일도 같은 문법 작성이 편리함

Editor 소개

1. WEB Editor

Dillinger 는 WEB 환경에서 제공 하는 Editor 이다. 기본적으로 HTML 변환 기능, Github 하고도 연동이 되고, 실시간으로 작성되는 화면을 볼 수 있어 편리하다.

2. Haroopad Editor

Haroopad 는 Windows, Linux, OSX 를 지원한다. 위에서 설명과 같이 HTML 변환 기능은 기본적으로 탑재 하고 있다. 다른 부가적인 기능에 대해서는 공식 홈페이지를 참고 하자.

참고 사이트

• haroopad: http://pad.haroopress.com
• dillinger: http://dillinger.io/
• 마크다운(Markdown)으로 글을 써보자: http://blog.kalkin7.com/2014/02/10/lets-write-using-markdown/

위는 가입 화면이다. 오래전에 가입 했을 때에 비해 화면이 심플하게 바뀌어 있다. 정보를 입력하고 가입해 보자.

오른쪽 Switch to a Premium account? 프리미엄 버전은 좀더 활용도가 높다. 취향에 따라 선택 하도록 한다.

가입이 완료 되었다면, SIGN IN 버튼을 클릭 하여 로그인 하자.

로그인 성공 시 기본적으로 제공 하는 화면이다. Dashboard 비슷한 느낌이다. 필요에 따라 Github, Bitbucket 연계가 가능하니 필요 하다면 사용하자.

샘플 프로젝트를 만들어 보자. CREATE NEW WORKSPACE 초록색 버튼을 클릭 하자. 

기본적으로 10가지 언어 환경을 제공 한다. HTML5 를 선택 > CREATE

sample 프로젝트가 생성 되었다. START EDITING 초록색 버튼을 클릭 하자.

여기 까지 왔다면, HTML5 를 개발할수 있는 통합 IDE 개발 환경이 완료 되었다. 

왼쪽은 파일들을 볼수 있는 네비게이션, 오른쪽 하단은 우분투 작업 공간, 오른쪽 상단은 코드 편집기 기능이 되겠다. 

hello-world.html 페이지를 구경 하자. Run 버튼을 클릭하여 서버 On

오른쪽 하단에 테스트 할수 있는 주소 https://sample-c9-whitelife.c9.io/hello-world.html 와 함께 서버가 시작 되었다. 이제 테스트 페이지를 확인하자.

드디어 hello, world! 와 만났다. 기본적인 환경은 갖추었다.

간단하게 Study 하는 용도나, Group Study 시에도 간편하게 사용할 수 있다는 생각이 든다. 

장소에 제약 없이, 기본적으로 코드 편집기 기능 이외에 우분투 작업공간도 제공되기 때문이다. 

이제부터 친해지는 시간을 자주 가져봐야 겠다.