<이공계전문기술연수> 1. HTML/CSS 브라켓(bracket) 설치

브라켓을 먼저 설치해보자.

 

1. 링크에 접속을 먼저 한다.

 

http://brackets.io/

A modern, open source code editor that understands web design

 

2. Download Brackets 1.14 를 다운받는다.

 

3.  실행을 시키고 전부 Next를 누르며 진행을 한다.

4.  Install을 누르며 시작되고 마지막에 finish 를 누르면 종료된다.

5. 처음 실행시킨 화면이다.

 

 

6.  유용하게 사용하기위해 몇가지를 설치해보자.

플러그인이라고 하는데 첫번째는 Emmet 이다.

HTML 의 자동완성기능 이라고 보면된다.

 

7. 설치 버튼을 누르면 이런 모습이고 마찬가지로 설치를 누르면 된다.

 

8.  Color Highlighter 를 설치한다.

 색이 들어간 부분에 진짜 색을 보여준다.

 

 

 

9. Beautify 라는 것도 있는데 이것은 코드의 정렬, 들여쓰기 같은것을 도와준다.

 

 

이제 HTML 의 코딩 준비가 끝났다.

하나씩 시작하면 된다.