happy cat image

everdevel

Web Technology, 에버디벨

UI 변경

EEOS

에버디벨 책을 학습할 수 있는 클라우드 개발 환경을 제공합니다.
개발환경구축없이 태블릿에서도 개발할 수 있는 책의 예제와 프로젝트
오직 당신을 위한 스토리지, URL, DB, 무제한 트래픽
그리고 웹기반 개발환경을 제공합니다.

더 알아보기

웹애플리케이션을 만들고 싶은데 이것도 알아야 하고
저것도 알아야 한다는데 어떻게 해야할지 모르겠다면

웹프로그래밍 초보자를 넘어 프로그래밍을 처음 접하는 분들을 위해
에버디벨이 1년넘게 작업한

HTML5 + CSS3 + jQuery + MySQL + PHP

한권으로 배우는 웹코딩 시작하기

ATOM 설치

코딩을 할 수 있는 에디터를 설치하겠습니다.
저는 에디터는 사용하지 않고 통합개발환경중 하나인 PHPSTORM을 사용합니다.
하지만 이것은 유료이며, 에버디벨에서는 하나 하나 학습하는 사이트 이므로 통합개발환경의 사용보다는 단순한 에디터를 사용하는것이 맞다고 생각합니다.

우선 ATOM을 설치하겠습니다.

ATOM 다운로드를 위해 여기를 클릭하세요.

링크를 누르면 다음과 같이 아톰 홈페이지가 나타납니다.

화면에 보이는 Download For Mac을 눌러주세요.

다운로드 폴더에 가서 Atom파일을 실행하면 설치가 끝난후 다음과 같이 에디터가 나타납니다.

만약 실행했는데 다음과 같이 나온다면 시스템 환경설정에 들어가서 보안설정을 변경해야합니다.

시스템 환경설정은 DOCK에 위치하고 있습니다. 잘 모르시는 분은 파란색 박스에 있는 아이콘을 눌러주세요.

보안 및 개인 정보 보호 아이콘을 눌러주세요. 잘 모르시는 분은 파란색 박스에 있는 아이콘을 눌러주세요.

설정을 변경하기 위해 자물쇠를 눌러주세요.

자물쇠를 누르면 다음의 창이 나옵니다. macOS의 비밀번호를 입력해 주세요.

파란색 밑줄로 보이는 App Store 및 확인된 개발자를 선택 후 다시 자물쇠를 눌러 주세요.

이제 다시 ATOM을 실행해 주세요.

이제 아톰에디터에 Hello World를 작성하고 이것을 웹페이지에 띄워보겠습니다.

Hello World를 작성해주세요.

이제 이 파일을 바탕화면에 helloworld.html파일명으로 저장해주세요.

저장한 helloworld.html파일을 더블클릭해서 실행하면 웹브라우저에서 입력한 문구를 보실 수 있습니다.

이제 HTML부터 시작해서 순차적으로 CSS, JavaScript, jQuery, MysQL, PHP를 배워봅시다.

HTML 시작하기

강좌로 돌아가기