압타나 스튜디오 3 (Aptana Studio 3) - 파일생성 #3

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

파일생성 #3

안녕하세요 긴냥입니다. 

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

파일생성 에 관련된 내용에 대해서 알아 보도록 하겠습니다.

제일먼저 위 사진 처럼 압타나 스튜디오를 실행합니다.

압타나가 실행 되었다면 위 사진 처럼 contents(컨텐츠) 폴더를 선택한 

상태에서 오른쪽 마우스를 클릭 후

New From Template > HTML > HTML5 Template 을 선택합니다.

선택 후 위 사진 처럼  New File 창이 뜹니다.

위사진 하단에 File name (파일 이름) 을 적는 부분이 있는데요

거기다 main.html 이라 파일 이름을 적겠습니다.

여기서  main. (메인.) 뒤에 html 은 파일의 확장자 

이기 때문에 절대 지우시면 안됩니다.

html 을 붙이지 않으시면 파일이 이상하게 생성이 되기때문에 

파일 명을 바꾸실때는 확장자 앞쪽만 변경하시길 바랍니다. ^^

그 다음 Finish 를 클릭하시면 아래와 같이 파일이 생성됩니다.

위 사진 처럼 파일이 생성되면 파일이 자동으로 열리고 

contents(컨텐츠)폴더 안에 main.html이 속하게 됩니다.

일단 파일 내용 수정은 나머지 css, js 파일 전부 생성하고 

지울건 지우고 수정하도록 하겠습니다.

이 다음 css 파일 생성입니다.

위쪽을 보시면 아까 html 파일을 생성하는것과 똑같이

css폴더를 선택 후 마우스 오른쪽 버튼을 클릭하고

New From Template > CSS > CSS Template 을 선택합니다.

여기서 css폴더 안쪽에 기본 style.css 가 있는데요 이 파일은

그냥 두셔도 되는 파일입니다.

그 다음 위를 보시면 아까와 같이 파일 이름을 기입 하라는 창이 뜨는데.

파일이름을 조금전 만들었던 html 파일과 똑같이 main.css 를 기입 후 Finish를 클릭하시면 css 파일이 생성됩니다.

여기서 혹시나 해서 따로 설명 들어갑니다.

파일 이름이 html이 css파일과 동일한데 파일이 겹치지 않을까?

전혀 겹치지 않습니다.

main.html 과 main.css 는 main. 뒤에 파일 확장자가 다르기에

파일이 겹치질 않습니다.

이렇게 위처럼 css 파일이 생성되면 현재 창에 html , css파일 두개가 

열리게 되는데 여기에 추가로 마지막 js파일을 만들겠습니다.^^

먼저 파일생성 방범은 html , css 파일 생성과 동일 합니다. js 파일을 선택후 마우스 오른쪽 버튼 클릭하고 New From Template > JavaScript > JavaScript Template 을 선택합니다. 그러면 아까와 같이 파일 이름을 입력하라는 창이 나오고 똑같이 main.js로 입력후 Finish 를 클릭 하시면 파일이 생성 됩니다. 여기서 js폴더에 는 기본 libs폴더 와 mylibs폴더 plugins.js파일과 script.js폴더 이렇게 4개의 폴더가 있으니  파일 생성후 당황하지말고 그냥 두시면 됩니다. 지금까지 압타나 스튜디오 3 (Aptana Studio 3) - 파일생성 #3 에  관련된 내용에 대해서 알아 보았습니다.