자바스크립트는 인터프리트 형태의 객체 지향 프로그래밍 언어로 코드가 작성된 순서대로 실행됩니다. 객체를 기반으로 하는 언어로 HTML과 CSS와 같이 사용되며, 프론트 엔드 분야에서 손꼽히는 언어입니다. 클라이언트 쪽에서 실행되는 코드이므로 개발자 도구(F12)에 공개되어 보안에 취약한 단점을 가지고 있지만 쉽게 배울 수 있는 장점을 가지고 있습니다.
접근이 쉬운만큼 다양한 편집 프로그램이 존재한다.
HTML과 CSS, JavaScript를 편집하는 프로그램은 엄청 다양하고, 무료로 제공하는 프로그램들도 많습니다. 그 중에서 실무자들이 많이 쓰는 무료 프로그램을 몇 가지 소개하겠습니다.
| Sublime Text | Brackets | ATOM |
| OS, Window, Linux 지원 | OS, Window, Linux 지원 | OS, Window, Linux 지원 |
| 많은 단축키 제공 다양한 플러그인 제공 프로그램 구동이 빠름 |
다양한 플러그인 지원 실시간 미리보기 가능 |
다양한 플러그인 지원 편집 기능 사용이 쉬움 |
그 외 편집 프로그램으로는 Visual Stdio, 메모장 등이 있습니다. 필자는 Sublime Text 프로그램으로 실습을 진행하겠습니다.
Sublime Text 편집 프로그램 설치 방법
1. 아래 링크로 접속한다.
Download - Sublime Text
Sublime Text 4 has been released, and contains significant improvements over this version. Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currently no enforced time limit for the evalu
www.sublimetext.com
2. 본인의 운영체제를 확인하고 선택한다.
3. 경로 지정 후 아래 그림과 같이 'Next' 클릭하면 설치 완료
4. Sublime Text 프로그램을 설치 완료 후에 'File' -> 'New File' 을 클릭하면 새로운 파일이 열린다.
※ 파일을 *.html로 저장하고 HTML 입력 후에 'Tab'키를 누르면 아래와 같은 HTML 기본 구조가 입력된다.
'웹 디자인 > HTML · CSS' 카테고리의 다른 글
| [HTML/CSS] table 태그로 표 만들기 (tr, th, td 태그) (0) | 2021.12.17 |
|---|---|
| [HTML/CSS] a 태그와 이미지 태그 사용해보기 (map 태그) (0) | 2021.12.16 |
| [HTML/CSS] 기본적인 글꼴 태그 알아보기 (0) | 2021.12.08 |
| [HTML/CSS] 필수 태그와 주석 처리 알아보기 (html, head, body 등) (0) | 2021.12.07 |
| [HTML/CSS] 블록과 인라인 요소 태그 종류와 특징 (0) | 2021.12.04 |