[brackets] 브라켓 html 자동완성

안녕하세요. 플입니다. 오늘은 브라킷에서 템플릿을 불러와볼게요. 1. 템플릿 일단 템플릿 기본 형태는 위의 사진과 같아요. 아주 간단하게 구조를 잡아주고 필요한 부분은 넣어주면 될 것 같아요. 필요하다면 언어도 한국어로 바꿔주시면 된답니다. 은근히 쓰기 귀찮은 코드인데 간편하게 쓸 수 있다는 점이 에디터 프로그램의 장점 같아요. 2. !(느낌표) 자 그럼 이제 템플릿이 뭔지 알았으니 불러와봅시다. !(느낌표)를 입력하고 탭키를 눌러주세요. 간단하죠? 이렇게 간편하게 불러올 수 있답니다. 이제 저 표시된 빈 공간에 html 코드를 짜주시면 된답니다. 그럼 이만. 총총.

coding/editor · 2020. 8. 14. 07:30

[brackets] 브라켓으로 자식태그까지 한 번에 코딩하기

안녕하세요. 플입니다. 오늘은 브라킷을 이용해 자식 태그까지 한 번에 코딩해볼게요. 1. 꺽쇠 이용 (>) 꺽쇠 혹은 부등호라고도 하죠. > 바로 이 기호요. 이 기호를 이용해서 안쪽에 자식 태그를 넣을 것이라는 걸 알려줘요. 저는 태그 안쪽에 태그를 넣을 거예요. div>p 그러면 이렇게 입력해주시면 된답니다. 어렵지 않죠? 2. Tab키 자 이제 바로 Tab키를 눌러주세요. 탭키는 caps lock 키 위에 있는 키에요. Shift 위에 위에 있는 키랍니다. 이렇게 부모 태그와 자식 태그가 한 번에 생겼어요. 간편하죠? 이래서 다들 에디터 프로그램을 사용하나 봅니다. 질문이 있으시거나 다른 궁금하신 점이 있다면 댓글 남겨주세요~ 그럼 이만. 총총.

coding/editor · 2020. 5. 28. 07:30

[brackets] 브라켓에서 화면 나누기

안녕하세요. 플입니다. 오늘은 브라킷에서 화면을 나눠서 사용해볼게요. 1. 화면 분할하기 화면 분할은 어디서 하냐구요? 여기서 한답니다. 보이세요? 바로 요기! 콕! 눌러보면 세 가지 메뉴가 뜨는데요. 원하는 분할을 선택해주면 됩니다. 간편하죠? 2. 분할 화면 사용 저는 '왼쪽/오른쪽으로 분할'을 사용해볼게요. 어떤 게 더 좋은 건 없고 본인이 원하는 화면으로 사용하면 됩니다. 그러면 왼쪽에서 이렇게 분할 화면을 관리할 수 있게 나와요. 오른쪽에도 파일을 하나 열어볼까요? 파일을 더블클릭해서 열어주거나 왼쪽에 있는 파일을 드래그해도 오른쪽에서 열 수 있어요. 오른쪽에 파일이 열린 것 보이시죠? 이렇게 하면 왔다 갔다 하기도 편하고 두 개를 한 번에 볼 수 있어서 시간도 단축되고 좋아요. 저는 보통 ht..

coding/개발 팁 · 2020. 4. 15. 07:30

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

1. 일반적인 방법 브라킷은 이런 식으로 나오는 에디터 프로그램이에요. 여러 가지 에디터 프로그램 중 하나입니다. 에디터 프로그램들의 장점은 단축키라던가 코딩을 빨리 할 수 있는 다양한 기능들이 있다는 점이에요. 메모장에서 코딩하던 시절이여 안녕~ 아마 다른 에디터프로그램도 많이 지원하는 기능일 거예요. 하고 앞에 여는 태그만 적어도 자동으로 닫는 태그를 만들어준답니다. 간편하죠? 맨날 닫는 태그 잊어버리고 에러났던 일들이 없어진다면 한층 더 수월하게 코딩할 수 있겠죠. 닫는태그 신경 쓰지 않아도 되고 말이죠. 물론 바로바로 닫는 태그를 적어주는 습관이 좋기는 하지만.. 브라킷이 해준다는데 마다할 이유는 없죠. 2. 탭키 활용 두 번째 방법은 탭키를 활용하는 거예요. 위의 이미지처럼 원하는 태그의 이름만..

coding/editor · 2020. 4. 6. 07:30