Xcode 설치하기

Xcode는 iOS/macOS용 응용프로그램의 개발을 위한 통합개발환경(IDE: Integrated Development Environment)입니다.
Xcode를 설치하기 위해선 macOS가 설치된 컴퓨터가 필요합니다. MacBook/Mac mini/iMac/Mac Pro 등의 컴퓨터를 구매하시는 것이 가장 좋지만 비용이 부담 된다면 VMWare/Virtual Box와 같은 가상머신(Virtual Machine)에 macOS를 설치하여 사용하는 방법도 있습니다.

설치 과정은 아래 영상을 통해 확인해 보세요.

Xcode 설치과정

  1. App Store에서 Xcode 검색
  2. 검색결과에서 Xcode를 선택
  3. 설치 버튼을 클릭
    # 자동으로 다운로드와 설치가 진행 된다. 네트워크 상황에 따라 시간이 많이 걸릴 수 있다.
  4. 설치가 완료되면 열기 버튼을 클릭하여 Xcode를 실행
  5. Xcode와 함께 설치되는 SDK의 라이센스에 동의하는지 물어본다.
    # Agree 버튼 클릭
  6. SDK와 명령어 라인 도구(Command Line Tools)가 자동으로 다운로드되고 설치된다.
  7. 설치가 완료되면 자동으로 실행된다.

Android Studio에서 Git 연동하기

안드로이드 스튜디오(Android Studio)는 버전 관리 시스템(VCS: Version Control System)을 지원합니다. 버전 관리 시스템의 종류는 여러가지가 있으나 최근들어 많이 사용되는 Git과 연동하는 방법에 대해 알아보도록 하겠습니다.

Android Studio에서 Git과 연동하는 하는 방법은 아래 영상을 통해 확인해 보세요.

Android Studio에서 Git 연동하는 과정

  1. 상단 메뉴에서 VCS -> Enable Version Control Integration 순서로 클릭
  2. 새로운 창이 뜨면, 드롭다운 메뉴에서 Git을 선택하고 OK 버튼 클릭
  3. 여기까지 하면 로컬 Git 저장소가 생성된다.
  4. 로컬 Git 저장소에 소스코드를 추가한다.
    • 좌측 프로젝트 관리창에서 “app”라고 표시된 부분에서 오른쪽 마우스를 클릭
    • 새로 나타나는 메뉴에서 Git -> Add 순서로 클릭
    • 소스코드는 위 방법으로 한번에 모두 추가할 수 있다.
  5. Gradle Scripts는 각각 추가해 주어야 한다.
    • 4 항목을 참고하여 각각 추가해 준다.
  6. Commit Changes 버튼을 클릭하여 Commit을 한다.
  7. 새로운 창이 뜨면 Commit Message를 작성한다.
    • 프로젝트 또는 소스코드의 수정내역을 정리하여 적으면 된다.
  8. Commit 버튼에 마우스를 가져가면 메뉴가 나타난다.
    • Commit을 선택하면 로컬 Git 저장소에만 업데이트 된다. 원격 Git 저장소는 별도로 업데이트 하여야 한다.
    • Commit and Push를 선택하면 로컬 Git 저장소와 원격 Git 저장소에 함께 업데이트 된다.
  9. Commit and Push를 선택한다.
  10. 자동으로 코드 분석후 분석 내용을 확인 할 것인지 물어본다.
    • 여기서 Review 버튼을 클릭하면 수정이 필요한 부분을 알려준다.
  11. Commit 버튼을 클릭하여 다음으로 넘어간다.
  12. Git 사용자 이름과 이메일을 입력한다.
    • 첫 Commit 이기 때문에 입력받는 창이 뜬다.
    • 좀 더 자세한 내용은 여기를 참조
  13. 새로 뜬 Push Commits 창에서 Define remote를 클릭하여 원격 Git 저장소를 지정한다.
  14. Push Commits 창에서 Push 버튼을 클릭
  15. Github의 ID와 Password를 입력한다.
    • Remember password에 체크해 두면 이후부터 물어보지 않는다.
  16. Master Password를 입력한다.
    • Github의 ID와 Password를 암호화하여 관리하기 위해 사용된다.
  17. Push 과정에서 자동으로 생성된 파일을 Git 저장소에 추가할지 물어보는 창이 뜬다. Yes 버튼을 클릭한다.
  18. 성공적으로 Push 하였다는 메시지가 뜨면 Github로 가서 Push가 잘 되었는지 확인한다.

Bitbucket에서 새로운 Repository 생성하기

Bitbucket는 분산 버전 관리 툴인 깃(Git)을 사용하는 프로젝트를 지원하는 웹호스팅 서비스입니다. Github와 달리 Private(비공개) 저장소도 무료로 사용할 수 있습니다.
깃허브와 마찬가지로 Public(공개)으로 설정할 수도 있으며, Private(비공개)로 설정하면 5인 이하 사용시 무료로 사용할 수 있습니다.
Private 저장소를 5인 초과 이용시에는 매월 일정 금액을 지불하는 형태로 사용할 수 있습니다.

Bitbucket에서 새로운 저장소(Repository)를 생성하는 방법은 아래 영상을 통해 확인해 보세요.

Bitbucket에서 새로운 Repository 만드는 과정

  1. bitbucket.org에 접속후 로그인
  2. 화면상단에서 Repositories -> Create repository 순서로 클릭
  3. Repository name에 프로젝트 이름 입력
  4. Create repository 버튼 클릭
  5. 새로운 Repository가 생성되고 초기 셋팅 방법이 안내된다.
  6. 상단의 URI를 복사하여 사용하면 된다.

Github에서 새로운 Repository 만들기

깃허브(Github)는 분산 버전 관리 툴인 깃(Git)을 사용하는 프로젝트를 지원하는 웹호스팅 서비스입니다. 현재 가장 인기있는 오픈소스 코드 저장소로 사용되고 있습니다.
깃허브는 저장소를 Public(공개)으로 설정한 경우 무료로 사용할 수 있으며, Private(비공개)로 설정하면 매월 일정 금액을 지불하는 형태로 사용할 수 있습니다.

깃허브에서 새로운 저장소(Repository)를 생성하는 방법은 아래 영상을 통해 확인해 보세요.

Github에서 새로운 Repository 만드는 과정

  1. github.com에 접속후 로그인
  2. New Repository 버튼 클릭
  3. Repository name에 프로젝트 이름 입력
  4. Create repository 버튼 클릭
  5. 새로운 Repository가 생성되고 초기 셋팅 방법이 안내된다.
  6. 상단의 URI를 복사하여 사용하면 된다.

Android Studio에서 AVD 생성하기

앱을 개발하다보면 많은 테스트 과정을 거치게 됩니다. 하지만 항상 실제 장비를 가지고 테스트를 진행할 수는 없습니다. 보안문제 때문에 실제 장비를 사용하여 디버깅을 하다보면 일부 사항들에 대해서는 접근이 제한되는 경우도 있습니다. 또한 해당 장비가 준비되어 있지 않은 경우도 있을 수 있습니다.
이런 경우 AVD(Android Virtual Device)를 사용하시면 PC에서 쉽게 테스트를 진행 할 수 있습니다.

AVD를 생성하는 방법은 아래 영상을 통해 확인해 보세요.

AVD를 생성하는 과정

  1. Android Studio의 상단 툴바를 통해 ADV Manager를 실행
  2. Create Virtual Device 버튼 클릭
  3. 가상 하드웨어 선택
    • 카테고리로는 TV, Wear, Phone, Tablet이 있으며 각 카테고리를 선택하면 여러개의 프리셋들이 준비되어 있다.
    • 이번에는 Phone 카테고리의 Nexus 5 프리셋을 선택한다.
  4. 3에서 가상 하드웨어를 선택하고 Next 버튼을 클릭하면 시스템 이미지를 선택하는 창이 뜬다.
    • 사용하고자 하는 안드로이드 버전을 선택하면 된다.
    • 해당 안드로이드 버전이 다운로드 되어 있지 않다면 옆에 Download 버튼을 눌러 다운로드 한다.
      • Download 버튼을 누르면 라이센스 확인 창이 뜨는데 동의 후 Next 버튼을 클릭하면 다운로드가 시작된다.
  5. 시스템 이미지를 선택한 후 Next 버튼을 클릭
  6. 마지막으로 설정을 확인하고 필요한 경우 수정
  7. 6에서 Finish 버튼을 클릭하면 새로 생성한 AVD가 목록에 나타난다.
  8. 목록에서 AVD를 더블클릭하거나 Actions의 Launch 버튼을 클릭하면 AVD가 실행된다.

Android Studio에서 Hello World 프로젝트 만들기

이번에는 Android Studio에서 Hello World 프로젝트를 만드는 방법에 대해 알아보겠습니다.
프로젝트를 만드는 과정에서 Android Studio가 기본적인 코드들을 생성해 주기 때문에 코드 작업 없이도 앱이 실행 되는걸 확인 할 수 있습니다.

자세한 과정은 다음 영상을 통해 확인해 보세요.

Hello World 프로젝트 만드는 과정

  1. Android Studio를 실행
  2. Welcome 화면에서 Start a new Android Studio project를 클릭
  3. Application name를 Hello World로 입력 후 Next 버튼 클릭
  4. 앱이 실행될 장치를 선택하는 창이 뜬다.
    • 스마트폰용 앱을 만들 것이기 때문에 Phone and Tablet만 체크하고 Next 버튼을 클릭한다.
  5. 초기에 구성될 Activity의 형태를 선택하는 창이 뜬다.
    • 앱의 형태에 따라 적당한 템플릿을 선택하면 Android Studio가 기본적인 코드를 작성해 준다.
    • 이번에는 Empty Activity를 선택한다.
  6. Activity의 이름을 수정하는 창이 뜬다.
    • Android Studio가 자동으로 생성하는 코드에서 이 이름을 사용한다.
    • 이번에는 기본 설정을 사용한다.
  7. 6에서 Next 버튼을 클릭하면 프로젝트가 생성된다. 컴퓨터 사양에 따라 시간이 걸릴 수 있다.
  8. activity_main.xml 파일을 열어보면 Hello World 메시지가 작성되어 있는 것을 확인 할 수 있다.
  9. 앱을 실행하기 위해 상단 툴바에서 Run 버튼을 클릭한다.
  10. 앱이 실행될 장치를 선택하는 창이 나타난다.
    • 디버깅모드가 활성화 된 스마트폰을 PC에 연결했다면 이곳에 장치가 뜬다. 스마트폰을 통해 확인하려면 해당 장치를 선택한다.
    • 가상 장비를 사용하려면 AVD(Android Virtual Device)를 선택한다.
  11. 10번 창에서 장치를 선택하고 OK버튼을 클릭하면 해당 장치에서 앱이 실행된다.
    • AVD를 선택한 경우 AVD의 실행이 완료 된 후 앱이 실행된다.

Android Studio 설치하기

안드로이드 스튜디오(Android Studio)는 안드로이드를 위한 통합개발환경(IDE: Integrated Development Environment)으로 IntelliJ 기반으로 만들어 졌습니다.
2014년 12월 8일 버전 1.0이 공개 되면서 공식 통합개발환경이 되었습니다. 여전히 이클립스(Eclipse) 기반의 통합개발환경을 사용할 수 있으나 공식지원은 중단된 것으로 알고 있습니다.

설치 과정은 아래 영상을 통해 확인해 보세요. 안드로이드 스튜디오로 전환되면서 설치과정도 상당히 단순화 되었습니다.

Android Studio 설치과정

  1. developer.android.com 접속
  2. 왼쪽 메뉴를 통해 DEVELOP -> Android Studio로 이동
  3. ANDROID STUDIO 다운로드 버튼 클릭
  4. 약관에 동의후 다운로드 시작
  5. 다운로드가 완료되면 다운로드 받은 파일을 실행
  6. 설치 프로그램이 실행되면
    • 윈도우의 경우 : 설치프로그램의 안내에 따라 설치 진행
    • macOS의 경우 : Android Studio 아이콘을 Applications 쪽으로 Drag&Drop
  7. 설치가 완료되면 Android Studio를 실행
  8. 이전 버전의 Android Studio 환경설정을 불러 올 것인지 확인하는 창이 나타나는데, 첫 설치과정이므로 아래 옵션을 선택하고 OK 버튼을 클릭한다.
  9. Welcome 창이 나타나는데 Next 버튼을 클릭하여 넘어간다.
  10. SDK 설치를 어떻게 할 것인지(표준 또는 개인화)물어보는데, Standard를 선택하여 표준 설치를 진행한다.
  11. 설치될 내용을 확인하는 창이 나타나면 확인후 Finish 버튼을 클릭
  12. SDK들이 자동으로 다운로드 되고 설치된다.
  13. SDK설치가 끝나면 Finish 버튼을 클릭

LPCXpresso에서 새 프로젝트 생성하기

준비물

  1. LPCXpresso 통합 개발환경
  2. MCU Library
    • http://www.lpcware.com/content/nxpfile/lpcopen-platform 접속
    • 아래로 조금만 내려가면 아래와 같이 보인다. 여기서 자신의 MCU에 맞는 라이브러리를 다운로드 받는다. 단, LPCXpresso를 지원하는 파일을 다운로드 해야 한다.
      MCU Library 다운로드 하기
    • 필자는 LPC11E36 시리즈를 사용하지만, 목록에는 없어서 가장 유사한 LPC11U37용 라이브러리를 다운로드 받았다.

새 프로젝트 생성하기

  1. LPCXpresso를 실행하고, 상단 메뉴바에서 “File > New > Project” 순서로 선택한다.
  2. 아래와 같은 창이 뜨는데, 아래 그림과 같이 “LPCXpresso C Project”를 선택한 다음 “Next >” 버튼을 누른다.
    LPCXpresso에서 새 프로젝트 생성하기

  3. 다음 창에서 사용할 MCU에 맞는 프로젝트 템플릿을 선택한다. 필자는 LPC11E36FHN33을 사용할 예정이므로 다음과 같이 선택했다.
    LPCXpresso에서 새 프로젝트 생성하기

  4. 다음으로 나타나는 창에서 프로젝트의 이름을 적어주자.
    LPCXpresso에서 새 프로젝트 생성하기

  5. 다음 창에서 Target MCU를 선택한다. 위에서도 말했지만 필자는 LPC11E36FHN33를 사용할 예정이기 때문에 다음과 같이 선택했다.
    LPCXpresso에서 새 프로젝트 생성하기

  6. 이제 “준비물”에서 준비한 MCU Library를 등록해 줄 차례다. 다음 창에서 “Import”버튼을 누른다.
    LPCXpresso에서 새 프로젝트 생성하기

  7. “Project archive (zip)”의 “Browse…” 버튼을 클릭하여 zip으로 압축된 MCU Library를 선택 한 다음 하단의 “Next >” 버튼을 클릭한다.
    LPCXpresso에서 새 프로젝트 생성하기

  8. 다음 창에서 MCU Library인 “lpc_chip_11uxx”를 체크한다. 체크를 하고나서 하단의 “Finish” 버튼을 누른다.
    LPCXpresso에서 새 프로젝트 생성하기

  9. “LPCOpen Chip Library Project”의 “Browse…” 버튼을 클릭한다.
    LPCXpresso에서 새 프로젝트 생성하기

  10. 새로 나타난 창에서 “lpc_chip_11uxx”를 선택하고 “OK” 버튼을 클릭한다.
    LPCXpresso에서 새 프로젝트 생성하기

  11. 이후로는 특별한 설정없이 “Next >”를 클릭하면 된다. 아래 그림 참조
    LPCXpresso에서 새 프로젝트 생성하기
    LPCXpresso에서 새 프로젝트 생성하기
    LPCXpresso에서 새 프로젝트 생성하기
    LPCXpresso에서 새 프로젝트 생성하기
    LPCXpresso에서 새 프로젝트 생성하기

  12. 프로젝트 생성이 완료되면 아래와 같이 프로젝트와 기본 파일들이 생성된다.
    LPCXpresso에서 새 프로젝트 생성하기

  13. 위 그림에서 네모 표시된 부분을 클릭하고, 화살표 부분의 “Build ‘DNSTest_with_W5500’ [Debug]”를 클릭하여 프로젝트가 성공적으로 빌드 되는지 확인한다.

LPCXpresso 설치 및 라이센스 활성화

NXP에서는 자사 MCU를 위한 개발환경으로 LPCXpresso를 제공한다.
LPCXpresso는 라이센스 다음과 같이 3가지 라이센스로 나눌 수 있다. 코드 사이즈 제한 말고는 별다른 제약 사항은 없다.

라이센스 비고
라이센스를 등록하지 않은 상태 코드 사이즈 8K 제한
Free 라이센스 코드 사이즈 256K 제한
Pro 라이센스 제한 없음

LPCXpresso를 설치하고 Free 라이센스를 활성화 하는 방법에 대해 알아보겠다.

LPCXpresso 설치

  1. www.lpcware.com/lpcxpresso 에 접속하여 회원가입을 한다.
    lpcware 회원가입 하기

  2. www.lpcware.com/lpcxpresso/download 에 접속하여 LPCXpresso를 다운로드 한다.

    • Windows, Linux, Mac OS를 지원하니 각자 환경에 맞는 설치 파일을 다운로드 한다.
  3. 다운로드 받은 파일을 설치 한다. 설치 과정에서 특별한 설정은 없다.

LPCXpresso Free 라이센스 활성화

  1. LPCXpresso의 설치를 성공적으로 마치고나서 실행하면 다음과 같이 Workspace 경로를 설정화는 창이 나타난다. 여기서는 그냥 OK버튼을 누르고 넘어간다.
    lpcxpresso 라이센스 활성화하기

  2. 다음으로 라이센스를 확인하는 창이 나온다. OK버튼을 누르고 넘어간다.
    lpcxpresso 라이센스 활성화하기

  3. 메뉴의 Help -> Activate -> Create serial number and register (Free Edition) 을 클릭한다.
    lpcxpresso 라이센스 활성화하기

  4. 생성된 시리얼을 보여주는 창이 보인다. OK 버튼을 누른다.
    lpcxpresso 라이센스 활성화하기

  5. 라이센스 등록을 위한 웹 페이지가 열린다. Register LPCXpresso 버튼을 클릭한다

    • 로그인을 하라는 메시지가 나타나면 가입해둔 아이디로 로그인을 하면 아래 화면으로 이동한다.
      lpcxpresso 라이센스 활성화하기
  6. Activation Key가 나타나면 이를 복사해 둔다. (아래 모자이크 부분)
    lpcxpresso 라이센스 활성화하기

  7. 메뉴의 Help -> Activate -> Activate (Free Edition) 을 클릭하고, 복사해둔 Activation Key를 붙여넣은 다음 OK버튼을 클릭한다.
    lpcxpresso 라이센스 활성화하기
    lpcxpresso 라이센스 활성화하기

  8. 성공적으로 라이센스가 활성화 되면 다음과 같은 창이 나타난다. OK버튼을 누른다.
    lpcxpresso 라이센스 활성화하기

  9. LPCXpresso를 재시작 하라는 창이 뜬다. Yes버튼을 클릭하여 재시작 한다.
    lpcxpresso 라이센스 활성화하기

  10. 재시작 하고나면 아래와 같이 라이센스가 활성화 된 것을 확인 할 수 있다.
    lpcxpresso 라이센스 활성화하기

Java용 GUI설계 툴 Window Builder 설치하기

이전 포스트인 “Java 개발을 위해 Eclipse 설치하기”에서 언급한대로 JDK는 IDE를 제공하지 않기 때문에 개발 생산성이 많어 떨어진다.
특히나 GUI를 설계할때 일일이 손으로 코딩하려면 상당히 번거로운 과정을 거쳐야 한다.
Eclipse에서는 여러가지 Plug-in을 사용할 수 있는데 그 중에서 Java용 GUI 설계를 도와주는 Window Builder를 설치하는 방법을 알아 보겠다.
Window Builder는 WYSIWYG(What You See is What You Get)툴로서 Java로 GUI를 설계하는데 많은 도움을 준다.

  1. www.eclipse.org/windowbuilder 접속
  2. 아래 표시된 부분을 클릭하여 다운로드 페이지로 이동한다.
    WindowBuilder 다운로드

  3. 아래 네모 표시한 부분에서 자신의 Eclipse 버전에 맞는 다운로드 링크(Update Site 하단)를 클릭한다.
    (네모 표시의 오른편에 Integration Version은 정식 릴리즈 버전이 아니므로 불안정 할 수 있다.)
    WindowBuilder 다운로드

  4. 링크를 클릭하면 아래와 같은 페이지가 나타난다.(여기서는 “4.3 (Kepler)”용 링크를 클릭하였다.) 이 페이지는 아래에서 다시 참조 해야 하므로 닫지 않는다.
    WindowBuilder 다운로드

  5. 이 페이지의 설명대로 따라하면 Plug-in이 설치 되는데 어떠한 과정을 거치는지 살펴보자.

  6. Eclipse를 실행하고 아래 표시한 바와 같이 메뉴바에서 “Help -> Install New Software…” 클릭한다.
    WindowBuilder 다운로드

  7. 새로 나타나는 창에서 “Add…”(아래 화살표시) 버튼을 클릭하면 “Add Repository” 창이 나타난다.
    WindowBuilder 다운로드

  8. “Add Repository” 창에서 “Name”에는 적당한 이름을 기입하고, “Location”에는 4에서 접속한 페이지의 주소를 복사해서 붙여 넣는다. (아래 그림에서 네모 표시 참조)
    WindowBuilder 다운로드

  9. “OK” 버튼을 누르면 다음과 같은 내용이 표시된다. 여기서 아래 화살표시 된대로 “Select All” 버튼을 누르고, “Next >” 버튼을 누른다.
    WindowBuilder 다운로드

  10. 설치될 내용을 표시해 준다. 확인하고 “Next >” 클릭..
    WindowBuilder 다운로드

  11. 아래와 같이 “License”를 확인하는 창이 나타난다. 동의하기 위해 네모 표시를 선택하고 “Finish” 버튼을 누른다.
    WindowBuilder 다운로드

  12. 설치가 진행된다.
    WindowBuilder 다운로드

  13. 설치를 마치면 아래와 같이 Eclipse를 재시작 할 것을 요구한다. “Yes” 버튼을 눌러 Eclipse를 재시작 한다.
    WindowBuilder 다운로드

  14. 이로써 Window Builder 설치를 모두 마쳤다. 하지만 Eclipse를 재시작하고 나면 아무런 내용이 표시되지 않는다. 당황하지 않고 아래 화살표로 표시한 부분 2군데를 클릭해 준다. (1. 상단 메뉴바 -> Window -> Show Toolbar, 2. 오른쪽 상단 윈도우 최대화 버튼)
    WindowBuilder 다운로드