보안이슈 소모임 개설
이전 목록 다음
채택완료

이것은 무슨 코딩인가요?

주사쟝
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-10-26 (목) 19:13:02 2,886

참고사이트 : https://www.youtube.com/watch?v=lxhv4Q_O_3g

이 영상을 보시면 html을 짤때, 어떤 규칙에의한 단어들을 사용하여 html를 짜더라구요.

이미지로만 보시려면 이런식입니다.

저러케 규칙적으로 쭉 써주니까 html이 짠 하고 만들어지더라구요.

어떤방식이고 이걸 공부하려면 어떻게 해야되나요?

html css
|

답변 2개 / 댓글 4개

채택된 답변
+20 포인트
그림자밟기
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-10-26 (목) 19:50:34

https://docs.emmet.io/

요런 하드코딩 도와주는 툴들이 있습니다.

에디트플러스에서도 지원하니 익숙해지면 코딩 시간이 좀 단축되긴 하겠지요.

저는 그냥 익히기 귀찮아서.... Ctrl+C / Ctrl+V를 선호합니다.

답변에 대한 댓글 3개

주사쟝
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-10-26 (목) 20:12:59
제가 에디트플러스로 자동완성없이 하드코딩으로 작업을 하는데요.
지금 저 위에 방식이 에디트플러스에서 작동을 한다구요?
어떻게요? 예시를 들어주세용 ㅠㅠ
그림자밟기
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-10-26 (목) 20:52:05
상단메뉴에 보시면 Emmet 라는 메뉴가 있는데 거기 사용에 체크하시고
위처럼 입력하고 Ctrl+E키 눌러보세요.
에디트플러스에 해당 메뉴 없으면 버전업 하시면 됩니다.
주사쟝
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-10-27 (금) 10:10:39
감사합니다 되네요! ㅎㅎ
플래토
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-10-26 (목) 19:38:40
http://jsfiddle.net

https://codepen.io

웹코드중 브라우저에서 작동하는 영역을 즉시 테스트 가능한 웹툴이라고 해야하겠죠

답변에 대한 댓글 1개

주사쟝
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2017-10-26 (목) 20:12:18
음 단순 웹툴이군요. 감사합니다!

답변을 작성하려면 로그인이 필요합니다.