본문 바로가기

coding/etc

[brackets] 브라켓에서 태그 만들기

 

 1.  일반적인 방법

브라킷은 이런 식으로 나오는 에디터 프로그램이에요. 여러 가지 에디터 프로그램 중 하나입니다.

 

에디터 프로그램들의 장점은 단축키라던가 코딩을 빨리 할 수 있는 다양한 기능들이 있다는 점이에요.

메모장에서 코딩하던 시절이여 안녕~

 

아마 다른 에디터프로그램도 많이 지원하는 기능일 거예요.

<div>하고 앞에 여는 태그만 적어도 자동으로 닫는 태그를 만들어준답니다. 간편하죠? 

 

맨날 닫는 태그 잊어버리고 에러났던 일들이 없어진다면 한층 더 수월하게 코딩할 수 있겠죠.

닫는태그 신경 쓰지 않아도 되고 말이죠. 물론 바로바로 닫는 태그를 적어주는 습관이 좋기는 하지만..

브라킷이 해준다는데 마다할 이유는 없죠. 

 


 2.  탭키 활용

두 번째 방법은 탭키를 활용하는 거예요.

위의 이미지처럼 원하는 태그의 이름만 적고 Tab키를 누르면 태그를 만들어줍니다.

 

 

화면에 나오는 이미지는 동일하게 나와요. 

 

탭키의 또 다른 장점은 class나 id도 추가할 수 있다는 점이에요.

class를 호출하는 방식과 동일하게 .(온점)을 찍고 class명을 적어주면 자동으로 class를 만들어줍니다.

 

css에서 태그와 class 호출하는 방식과 동일해요.

 

신기하죠? class도 알아서 추가해줍니다. 

 

id 역시 추가 가능합니다. id를 호출하는 방법은 #이니까 .(온점)대신 #을 추가해주면 되겠죠.

 

짠 브라킷으로 태그를 만들어봤어요~

 


그럼 이만.

총총.