압타나 스튜디오 3 (Aptana Studio 3) - 웹 프로젝트 생성 #2

압타나 스튜디오 3 (Aptana Studio 3)

웹프로젝트 생성 #2

안녕하세요 긴냥입니다. 

이번 포스팅은 압타나 스튜디오 3 (Aptana Studio 3)

웹 프로젝트 생성에 관련된 내용에 대해서 알아 보도록 하겠습니다.

먼저 위와 같이 압타나를 실행 합니다.

실행이 되었다면 위와 같이

File(파일) > NEW(새로운) > Web Project (웹 프로젝트)를 선택합니다.

웹프로젝트 클릭 시 위와 같은 화면이 나오는데 여기서 

HTML5 Boilerplate (Cached)를 선택후 > NEW(새로운)을 클릭합니다.

그럼 위와 같이 프로젝트 이름을 기입하라는 창이 열리게됩니다.

이때 Project name 부분에 저는 임의로 

test-page (테스트 페이지)라는 프로젝트명을 적었습니다.

여기서 잠깐! 

프로젝트명이나 폴더명 같은경우 (소문자 영어)를 쓰시는걸 권장합니다.

모두다 아시겠지만 한글절대 사용해선 안됩니다. ^^

(대문자 영어를 써도 되긴하지만 웬만하면 소문자를 쓰시는걸 권장)

자 이렇게 프로젝트 이름을 적으셨다면 아래 Finish를 클릭합니다.

Finish를 클릭 하셨다면 위와 같이 화면 왼쪽 상단에 

프로젝트가 생성되신게 보이실 거에요.

이 다음 두번째 이미지 처럼

test-page (테스트 페이지)폴더를 펼쳐보기 하셔서

하위 폴더들이 전부 위와 동일하게 생성이 되었다면

웹 프로젝트가 제대로 생성이 된겁니다.

그 다음 위처럼 생성이 된 상태에서 

테스트 페이지에 폴더를 하나 추가 하겠습니다.

위와 같이 test-page 폴더에 마우스 커서를 올리고 마우스 오른쪽 버튼 클릭 후

New(새로운) > Folder(폴더)를 클릭합니다.

Folder(폴더)를 클릭 하시고 나면 위와 같이 폴더 이름을 기입 하라고 나오는데

Folder name 에 자신이 사용 하고자 하는 폴더명 

소문자를 기입 후 Finish를 클릭합니다.

(저는 contents(컨텐츠)라는 폴더로 지정 했습니다.)

클릭 후 위와 같이 폴더가 생성이 된걸 볼수 있습니다.

(지금부터 나름 하나의 프로젝트를 작성할 준비가 모두 끝났습니다.)

위에 보시면 폴더 경로를 확대 캡쳐한 이미지에 폴더 4개만 사용 이라고 적어 놓았는데 

이는 아래와 같이 앞으로 폴더별로 파일을 나눠서 쓰게 하기 위함 입니다.

contents(컨텐츠) - html 파일만 (태그 와 각폴더 연결할 경로 지정)

css(스타일) - css 파일만 (이쁘게 꾸미기)

img(이미지,영상) - 말그대로 이미지나 영상을 보관하는 경로

js(자바스크립트,제이쿼리) - js 파일만 (이벤트, 유효성, 기능 등 여러가지 이벤트 구현)

여기서 처음 하시는 분들 어려워 하시지 마시고 다르한 폴더는 

신경쓰지 않으셔도 됩니다.

 

(혹여나 신경 쓰지 않아도 된다 했다고 지우시면 절대 안됩니다 . ^^)

지금까지 압타나 스튜디오 3 (Aptana Studio 3) - 웹 프로젝트 생성 #2 에 

관련된 내용에 대해서 알아 보았습니다.

이 다음 내용은 HTML, CSS, JS 파일 생성에 대해서 

간략하게 알아 보도록 하겠습니다. ^^

이상 긴냥이었습니다.