반응형
- 이클립스 다운로드하여 디렉토리 푼다.
- http://www.eclipse.org/ → 각 OS에 맞는 Eclipse IDE for Java Developers 다운로드.
- Aptana Studio 플러그인 설치
- 이 플러그인은 html, css, javascript, php 등 웹 작업을 하는데 아주 유명한 에디터다.
- http://www.aptana.com/products/studio3/download 에서 Eclipse Plug-in Version 을 선택하고 다운로드 클릭하면, 플러그인 인스톨 설명있음.
- 쉽게 설명하자면,
- 이클립스 실행하고,
- 상단의 Help → Install New Software 선택.
- Work with: 란에 http://download.aptana.com/studio3/plugin/install 을 카피하여 넣고 엔터.
- 그러면 아래 Aptana Studio 3 라고 나오면, 체크박스 체크(또는 Select All)하고 Next 클릭.
- 라이센스 동의 체크박스에 체크하고 Next 진행하면, 플러그인 설치됨.
- 프로젝트 생성
- 이클립스에서 File → New → Project 선택. (또는 아이콘에서 선택)
- 프로젝트 위자드에서, 웹(html, css, javascript) 개발이면 Web Project 로 선택함.
- 프로젝트 이름 적고, next 하면, 해당 템플릿으로도 프로젝트 생성할 수 있음.
- finish 하면 웹 퍼스펙티브로 볼건지 물어보는데, 당연 Yes 선택.
- 퍼스펙티브 뷰에서 FTP 등의 셋팅 환경 설정.
- 왼쪽의 퍼스펙티브 뷰를 보면, App Explorer 와 Project Explorer 가 있는데, Project Explorer 창으로 누른다.
- 프로젝트를 보면, Connections 가 있다.
- Connections를 더블클릭하여 열면, 이 프로젝트와 연결할 파일시스템이나 원격지FTP를 설정할 수 있다.
- 로컬에서 각자 테스트를 위해, 파일시스템을 선택하여 현재 로컬에서 돌리고 있는 웹서버의 다큐먼트 루트를 설정해 준다.
- 웹서버 다큐먼트 루트와 파일 Sync.
- 위처럼 연결했다면, Project Explorer 에서 Connections 더블클릭하면 그 아래에 지정한 다큐먼트 루트가 나옴.
- 더블클릭하면, 현재의 내 워크스페이스의 프로젝트와 웹서버의 다큐먼트루트의 문서를 동기화, 가져오기, 보내기 할수 있다.
- 이렇게 작업하여 로컬에서 웹서버 돌려서 확인한다.
- 작업 파일을 웹서버에서 바로 확인하기 위한 웹서버 실행환경 설정하기.
- 퍼스펙티브 뷰의 Project Explorer 에서 프로젝트 선택하여 오른클릭하고, Run As 의 실행환경을 선택.
- Web Browser 에 보면 firefox 가 되어있다.
- chrome 사용하려면, Web Browser 더블클릭하여 크롬용 만든다. → 센차를 제컴에서 해본결과 크롬에서만 제대로 보임
- 내 환경인 경우, 크롬 실행파일은 /opt/google/chrome/chrome 여기에 있었고, 이를 적어준다.
- Server항목에 빌트인 웹브라우져 사용. 이러면 8020포트로 열린다. 물론 현재 로컬에서 돌리고있다면 그아래 선택하여 셋팅하면 됨.
- 작업파일 바로 실행하기.
- 인덱스 파일을 클릭하여 에디터창에 열어놔야한다.
- 그리고 프로젝트에서 우클릭하여 run as 누르고, Run 실행하면 크롬 뜨고 잘 나옴.
- Git Hub 에서 클론하기 (위의 프로젝트를 생성하기 전에 먼저 git clone 하는 방법)
- github.com 에서 계정생성하고 저에게 알려주면, 프로젝트 계정 추가시켜드립니다. 다음으로 아래 방법대로 함.
- 다음 설명을 보고 자신의 로컬 컴을 셋팅함.(윈도우기준으로 올림. OSX, linux 방법도 안에 링크있음)
- 클론하면 로컬로 프로젝트를 가져오게 된다. 이것을 이클립스에서 연결해서 사용하면 됨.
- 쉘에서 export GIT_SSH=/usr/bin/ssh 해줌.(리눅스)
- 파일→임포트→git 선택
- git 으로부터 프로젝트 생성 선택
- clone 눌러서 URI 입력 → git@github.com:자신의github아이디/sencha2.git → finish 클릭
- 참고 : 아래는 git생성해서 레파지토리를 github에 올리는 방법
Global setup: Set up git git config --global user.name "Cro" git config --global user.email macro0630@gmail.com Next steps: mkdir sencha2 cd sencha2 git init touch README git add README git commit -m 'first commit' git remote add origin git@github.com:macro0630/sencha2.git git push -u origin master Existing Git Repo? cd existing_git_repo git remote add origin git@github.com:macro0630/sencha2.git git push -u origin master
반응형