vs code 코드 자동완성기능 이멧 emmet 으로
편리하게 몇분만에 Jquery 제이쿼리 ajax 에이젝스 아작스 적용하기
동영상으로 보면 알겠지만
무척 간단하게 빠르게 적용할 수 있다.
제이쿼리 CDN 적용의 경우
미리 코드를 메모해두고
파일 작성시 바로 붙여넣기 하면
더욱 편하고 빠르게 작성 가능.
에이젝스도 마찬가지로 기본 코드를 미리
찾아서 넣어두면 편하다.
동영상을 보면 알겠지만
맥 컴퓨터 적응하며 오타내는 걸
수정하고 다시 작성하는 시간이 더 걸린다.
그만큼 이멧기능은 시간을 단축 시키고
빠르게 실전 코드에만 집중할 수 있도록 해줌.
예전만큼 손코딩을 일일이 하고
다른 코드에서 기본코드를 가져와야하는
수고로움과 시간을 단축시켜 준다.
html 은 느낌표 입력하고 탭키
간단하다 외우자.
html 코딩을 한다면
반드시 자주 쓰게될 이멧기능이다.
한때 퍼블리셔들은
자신의 html 기본코드 파일을 만들어
업무에 활용했다고 한다.
기본 코드를 만들어두고
필요할때마다 긁어다가
새 파일에 붙임으로서
시간을 단축했다는 말.
그땐 그말이 뭔지 잘 알지 못했다.
내가 작업하는 거라곤 이미지제작 - html 커팅.
끝!
최근 vs code를 이용해서
html / css / java script / jquery 등을
공부하면서 알게 된 것은
그때의 퍼블리셔들이 각자 만들던
자신만이 코드를
이젠 vs code 의 이멧 emmet기능이
대신 해주고 있다는 것.
누구나 쉽게 기본 코드를 완성할 수 있다.
기본코드 완성 > 틀 완성.
안에 내용만 채우세요!
라고 하느 것과 동일한 것.
편한 세상. 완전 좋음.!
vs code를 따로 배워두면 더 편하겠지만.
시간이 없을 경우에는 이렇게 필요한 기능 몇가지의
단축키.
실습하면서 반복해 사용하면서 익히면 좋다.
이멧기능/ 자동정렬/ 파일 찾기/ 크롬바로열기
현재 가장 자주 사용하는 방법.
vs code를 사용하고 가장 편한것은 자동완성 기능인 emmet 으로
새문서 작성이나 다른 파일 링크를 걸때 부담이 없어졌다.
코드 작성시간도 많이 줄어서
코딩 실습할때 시간이 단축되서 좋음.
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
'코딩 프론트엔드' 카테고리의 다른 글
HTML5 Semantic tags 시맨틱 태그 기본은 이해하고 넘어가기 (0) | 2022.12.01 |
---|---|
스크레치 똥피하기 게임 만들기 (0) | 2022.03.08 |
vs code - html 소스코드 자동정렬 단축키 이용방법 (0) | 2022.03.08 |
id="" 지정하고 사용할때는 앞에 #을 넣어서 이름을 지정해요. (0) | 2022.03.08 |
vs code 이멧기능 (자동 코드완성 기능) 알아보기 (0) | 2022.03.07 |