반응형

 

 

 

 

 

안녕하세요~!!

웹 프로그래밍을 시작해보기, 첫번째 시간입니다.

 

 

제목에 [웹 프로그래밍] 이라고 적었지만, 거창하고 대단한 시작은 아닙니다.

(사실, 제가 프로그래머 직군도 아니고 저도 아직은 잘 모르기 때문에 거창하게 시작하고 싶어도 할 수 없다는게 함정)

 

조금은 두서없을 수도 있고,

진행 중 놓치는 부분이 있을 수도 있지만...

처음부터 완벽한 것은 없습니다.

 

하나씩 만들어가는거죠.

그래서, 이론 공부를 통해 기본적인 개념이나 코드들을 배우면서 알게되는 내용들을

블로그에 정리해보려고 합니다.

 

이 블로그를 보시는 분들도 함께 공부 했으면 하니까.

 

 

[지금 작성하는 웹 프로그래밍 관련 내용들의 기본은 '생활코딩' 에서 배운 내용들입니다.]

생활 코딩 홈페이지 : http://opentutorials.org/

웹 프로그래밍 관련 기본 강좌 주소 : https://www.youtube.com/watch?v=P2-rM7FscOo&list=PLuHgQVnccGMCj0Z8xWMn_Fg8VJJdwjBzp

 

 

---------------------------------------------------------------------------------------------------

 

 

 

자 그럼, 우선은 HTML 을 이용하여 '초 간단한 웹 페이지를 만드는 것' 부터 시작해보려고 합니다.

 

HTML이라는 약어에 대해 간단하게 먼저 설명을 드리면,

HTML은 'Hyper Text Markup Language' 의 약자입니다.

 

간단하게 정의해보면,

Chrome, Internet Explorer, Firefox, Opera 와 같은 다양한 '웹 브라우저' 들이 읽을 수 있도록

'미리 약속된 문법이 적용된 텍스트를 작성한다' 고 할 수 있죠.

 

처음부터 복잡한 개념을 작성하기 보다는

코드를 작성하면서 개념을 하나씩 알아보도록 하겠습니다.

 

 

Windows OS 의 경우,

코드의 작성은 그냥 '메모장' 에서 시작하셔도 좋고,

다른 편집 툴(Editor)을 사용하셔도 좋습니다.

 

eclipse, Emeditor 등등 편집 툴들은 매우 다양합니다.

저는 생활코딩에서 배운 'Aptana Studio 3' 라는 매우 훌륭한 (무료라서 더욱) 편집 툴을 사용하겠습니다. :D

 

Aptana Studio 3 의 최신버전은 아래 주소에서 다운로드 받으실 수 있습니다.

(다운로드 주소 : http://www.aptana.com/products/studio3/download.html)

 

 

 

아래 그림과 같이 aptana 홈페이지에서 원하는 버전을 체크 후 다운로드 받으실 수 있습니다.

(Eclipse를 사용하고싶으신 경우에는 Plug-in Version을 체크 후 받으시면 됩니다.)

 

 

 

다운로드 후 설치는 어렵지 않습니다.

설치가 완료된 후 첫 실행 화면은 아래와 같아요.

 

 

AptanaStudio 로고가 표시된 후 Workspace 를 설정하는 창이 팝업되는데,

어려운 내용이 아니라 '앞으로 작업할 환경' 과 관련하여 어느 폴더에 작성된 코드와 같은 파일들을

저장하겠냐는 설정창입니다.

원하는 폴더를 설정해준 후 OK 버튼을 클릭하면 실행이 완료됩니다.

 

 

아래는 프로그램 실행이 완료된

실행화면 입니다.

 

왼쪽편 Project Explorer 라는 탐색창에서

앞으로 생성될 모든 파일들을(코드들)Project 단위로 관리하는 것이 가능합니다. 

 

 

 

왼쪽 탐색창의 흰색 바탕 아무곳에나 마우스 포인터를 위치시킨 뒤

마우스 오른쪽 버튼을 클릭하여 팝업되는 메뉴에서 'New -> PHP Project' 를 선택합니다.

 

 

 

상세한 옵션 내용은 지금은 중요하지 않으니,

생성하기를 원하는 프로젝트 이름을 정한 후 '원하는 이름' 란에 입력해주고,

Finish 버튼을 클릭하면 됩니다.

 

 

자, 이제 시작 환경은 갖춰진 것같네요.

우선은 잘 모르더라도 그냥 시작하고, 잘하는 분들의 강의를 따라해보는 것이 중요한 것 같습니다.

 

다음 포스팅부터는 본격적인 코드 작성을 시작해볼께요!

 

반응형
Posted by DevLion
,