안녕하세요 ! 대남이 입니다.
웹프로그래밍의 기초 HTML. 요새는 웹프로그래밍의 중요성과 관심도가 지속적으로
증가하고 있습니다. 독학으로도 배우시는 분들이 많으실텐데 ! 그럼 시작하기 앞서서,
어떤 편집기를 쓰면 좋을지 어떤 종류가 있는지 알려드릴게요.
1. 비주얼 스튜디오 코드 ( Visual Studio Code )
홈페이지 주소 : https://code.visualstudio.com/
플랫폼 : 윈도우 , 맥 , 리눅스
제가쓰는 편집기입니다 ! 최근에 나온 편집기. 2015년 4월에 공개된 MS사의 저력을 보여준 프로그램입니다.
많은 플러그인을 가지고 있고, 확장 관리 시스템이 많이 내장되어있습니다.
가장 중요한 점은 무료라는 것 ! 무료로 이렇게 좋은 프로그램을 쓸 수 있습니다.
홈페이지 주소를 통하여 접속하여 우측 상단에 다운로드 버튼 통하여 다운로드 받으실 수 있습니다.
2. 에디트플러스 ( EditPlus )
다운로드 주소 : http://software.naver.com/software/summary.nhn?softwareId=MFS_100078
EditPlus도 텍스트 문서 편집 유틸리티이다. 편집시 태그들을 다른색으로 표시하는 기능 물론 있고,
고전적인 프로그램이지만 가볍고 알차서 많은분들이 많이 애용한다. 여러 언어를 지원하고 가장 좋은 기능은
따로 브라우저를 실행시키지 않고도 프로그램 내장 브라우저로 간편하게 확인할 수 있다.
3. 아톰 ( ATOM )
이제 편집기를 다운로드 하셨다면, 이제 기본 구조에대해서 배워보겠습니다.
이렇게 브라우저 윈도우에 ' web programming ' 이라고 표시되었고
브라우저안에 ' 웹 프로그래밍 배워보기 ! ' 라고 표시가 잘 되었습니다.
다음번에는 텍스트를 표시할 때 쓰는 태그에 대하여 배워 보도록 하겠습니다.
대남이의 첫 포스팅을 마칩니다. 감사합니다.
'PROGRAMING > HTML5' 카테고리의 다른 글
#06 HTML 강좌 음악 넣기, 오디오 태그 (1) | 2017.12.01 |
---|---|
#05 HTML 강좌 표만들기, 테이블 태그, 행 열 병합 (0) | 2017.11.25 |
#04 HTML 강좌 이미지 삽입 <img> 태그 (1) | 2017.11.23 |
#03 HTML 강좌 링크와 리스트 <a>,<li> 태그 (0) | 2017.11.18 |
#02 HTML 강좌 <p>,<br>,<hn>,<pre> 태그 (0) | 2017.11.10 |