[WebPage] 1. 개발 환경 설정 - 웹 페이지 제작 강좌

Chapter 1  개발 환경 설정

 1장에 걸쳐서 진행될 강좌는 간단한 웹 페이지를 제작하기 위한 강좌입니다. 

 위 강좌에선 JavaScript, jQuery, CSS, Bootstrap, Python, Django, Heroku 등을 이용하여 제작을 할 예정입니다.

 

 개발을 하기 이전에 개발 환경을 설정해야 합니다.

 개발 툴로는 Aptana Studio를 사용할 것이므로 아래를 따라서 설치해 주시면 됩니다.

 1. IDE 설치

 - 아래 링크에 접속합니다.

  http://www.aptana.com

 - "DOWNLOAD APTANA STUDIO 3" 를 클릭합니다.

 - Standalone Version 인지 확인하고 하단의 다운로드 버튼을 클릭합니다.

 - 다운로드가 완료되면 파일을 실행시킵니다. 설치과정은 복잡한게 없으므로 무리없이 진행합니다.

 * x64 계열에서 Aptana Studio가 오류가 있을 수 있습니다(ExitCode =13) 

 Oracle java x86 계열로 설치하셔서 해소 가능합니다. 

2. 클라이언트 프레임워크 설정

 2-1. jQuery

  - jQuery는 JavaScript에서 기본 지원하는 것이 아닌 추가적으로 사용하는 프레임워크입니다.

  - 따라서 직접 소스에 추가시키는 작업을 해야합니다.

  - 아래 코드 추가로 jQuery를 사용할 수 있습니다.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

 2-2. Bootstrap

  - 아래 링크에 접속합니다.

  http://getbootstrap.com/2.3.2/

  - Download Bootstrap을 클릭하여 다운 받습니다.

  - zip 파일 형식으로 압축을 풀어 원하는 프로젝트의 폴더에 포함시키면 됩니다. 

 

3. 서버 Python 설정

 - 아래 링크에 접속합니다.

  https://www.python.org/

 - Python 2.7.10 을 클릭합니다.

 - 다운로드가 완료되면 실행시켜서 설치합니다. 설치 화면 중에 아래 옵션 'Add python.exe to Path 를 해제되어있는 것을 체크해서 설정합니다. (Will be installed on local drive)

 - 설치가 완료되면 cmd를 열어서 아래 명령어를 수행합니다.

  easy_install pip

  - 위 Finished processing dependencies for pip 가 뜨면 아래 명령어를 수행하여 화면과 같이 뜨는지 확인합니다.

   pip

4. Django 설정

 - cmd 창에서 아래 명령어를 수행합니다.

  pip install django==1.4

 - Django가 제대로 설치되었는지 확인하기 위해 django-admin.py를 입력하여 아래처럼 출력되는지 확인합니다.

 위 과정을 통해 웹 페이지 제작에 필요한 개발 환경 설정을 모두 마쳤습니다. 

 

 * 본 포스팅은 이재근 등 4명 저 "Fast Web Service Build up: 웹 서비스를 쉽고 빠르게 구축하는 기술" 저서를 참고하여 작성하였습니다.