반응형 반응형 웹 공부/1. Aptana Studio 34 압타나 스튜디오 3 (Aptana Studio 3) - HTML 문서 편집 및 상대경로 절대경로 #4 압타나 스튜디오 3 (Aptana Studio 3) HTML 문서 편집 및 상대경로 절대경로 #4 안녕하세요 긴냥입니다. 이번 포스팅은 이전 포스팅에 이어 압타나 스튜디오 3 (Aptana Studio 3)의HTML 문서 편집 및 상대경로 절대경로 에 관련된 내용에 대해서 알아 보도록 하겠습니다. 먼저 이 전 포스팅에서 만든 파일을 가지고 설명 하겠습니다. 위 사진은 현재 html파일 css파일 js파일이 열려 있으며 html 파일이 선택되어있는 모습입니다. html 파일이 선택되어 있지 않으신 분들은마우스로 오른쪽 상단 main.html을 선택합니다. 여기서 추가적으로압타나 툴은 html파일 생성시 위처럼 기본적인 탬플릿을 지원합니다. 하지만 복잡하니 지울건 지우고 쓰도록 하겠습니다.위 마우스 커서 드.. 2017. 5. 3. 압타나 스튜디오 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 은 파일의 확장자 이기.. 2017. 5. 3. 압타나 스튜디오 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 (테스트 페이지)라는 프로젝트명을 적었습니다. 여기서 잠깐.. 2017. 5. 3. 압타나 스튜디오 3 (Aptana Studio 3) - 설치 하기 #1 압타나 스튜디오 3 (Aptana Studio 3)설치 하기 #1 안녕하세요 긴냥입니다. 이번 포스팅은 압타나 스튜디오 3 (Aptana Studio 3) 설치에 관련된 내용에 대해서 알아보도록 하겠습니다. 먼저 압타나 스튜디오 3 (Aptana Studio 3)란 HTML + CSS 개발하는 툴중 하나 입니다. 먼저 압타나 설치 전! node.js 설치를 합니다. node.js 란 자바스크립트와 동일한 언어로 PHP,JSP,ASP처럼 서버내에서 컨트롤 역할을 하는 그런 개념입니다. ^^ node.js 홈페이지 주소 Home : https://nodejs.org(클릭시 이동) (설치 과정은 그냥 다운받고 실행이라... 생략!!) 위 링크를 통해서 node.js를 설치하셨다면이제부터 본격적으로 압타나 스튜.. 2017. 5. 3. 이전 1 다음 반응형
