# emmet

43개의 포스트
post-thumbnail

HTML/CSS (중급) - 코드짤 때 유용한 Emmet 그리고 부가기능들

0. 부가기능 설치방법 Brackets의 경우 파일 - 확장기능 관리자 원하는 부가기능 검색 후 설치버튼 누르기 (참고) Brackets 부가기능 서버가 가끔 다운되어서 https://registry.brackets.io/ 여기서 직접 찾고 다운로드 후 저기로 드래그 하기 VScode의 경우 제일 왼쪽 메뉴에서 Extension 버튼 누른 후 원하는 ...

3일 전
·
0개의 댓글
·
post-thumbnail

프엔스쿨 2일차 TIL

URL, IP, PORT 개념정리 | | URL | IP | PORT | | - | - | - | :-: | |예시 | www.naver.com | 223.130.195.200 | ~.com:80 | | 비유 |이름 | 주소 | 문 | | |네이버본사 | 00시

2023년 2월 28일
·
0개의 댓글
·
post-thumbnail

멋사 프론트엔드 스쿨 5기 TIL - 2월28일

GitHub, Emmet, VSCode 단축키

2023년 2월 28일
·
0개의 댓글
·

HTML Emmet

HTML Emmet은 단축키와 비슷한데 사용하는 이유는 속도의향상과 잔잔한 실수를 줄일수있다. 익숙해지도록 작성시에는 Emmet으로 연습을 하고 주요 Emmet은 아래와같다.1.자동완성: tab키ex) div(tab키)가장많이사용함 2.텍스트 :{} ex) div{수}

2023년 2월 15일
·
0개의 댓글
·

[CSS] 문단과 목록 스타일 2-3

텍스트의 정렬 방식을 지정한다. 직관적으로 알 수 있듯, 기본값인 left는 왼쪽, center는 가운데, right은 오른쪽으로 텍스트(및 인라인 요소들)을 정렬한다. justify는 왼쪽으로 정렬하면서, 텍스트가 여러 줄이 될 때 마지막 줄을 제외한 줄들의 오른쪽이

2023년 1월 18일
·
0개의 댓글
·

HTML 1-1 제목과 본문

웹 개발에 사용되는 emmet 잘 이용하기emmet cheet sheet 보기웹 페이지를 검색할 때나 시각장애인의 접근성을 위하여 언어를 명시해야 한다.언어마다 폰트가 지정되어있다.span 내용 /spanordiv 내용/divHTML CSS JS의 가장 공신력 있는 정

2023년 1월 10일
·
0개의 댓글
·
post-thumbnail

[문제해결] Visual Studio Code : Configure User Snippets 설정 1

VScode 에는 기본내장으로 emmet 기능이 있다. 가령 ! + tab 을 하면 html 구성이 자동완성된다.나는 기본으로 생성되는 자동완성 기능에 매번 link와 script를 적어주는게 너무 귀찮았고 제일 큰 이유는 오늘 script src="" defer sr

2023년 1월 10일
·
0개의 댓글
·

[vscode] React JSX Emmet setting

if emmet doesn't work on JSX,F1Open User settings(JSON)paste this: "emmet.includeLanguages": { "javascript": "javascriptreact" },then you can use Emme

2023년 1월 10일
·
0개의 댓글
·
post-thumbnail

[HTML] HTML 기초

시멘틱 태그, 웹 접근성의 중요성, Emmet 정리

2022년 10월 10일
·
0개의 댓글
·
post-thumbnail

VScode 자동완성 오류

🤯 잘 사용하고 있던 VScode가 어느순간부터 자동완성이 되지 않는다

2022년 7월 27일
·
0개의 댓글
·

Emmet?

: HTML과 CSS의 자동완성 기능 제공! + Tab키 : HTML 기본구조 만듦\> 자식노드div>ul>li + Tab키\+ 형제노드 : 한 요소와 같은 단계에 위치한 요소div>ul+ol+div + Tab키\* 반복div>ul>li\*3. 클래스 부여div.tit

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

VS Code 작업 속도 향상을 위한 Emmet 단축키 및 트릭 9가지🔥

Emmet(eh·mit/에밋)은 HTML 및 CSS 등의 다양한 파일 종류에 유용한 코드 단축키를 제공한다. 특히 VS Code에 내장되어 있으므로 따로 다운로드할 필요가 없다는 사실. 이제까지 안 써봤다면, 오늘부터라도 사용 시작하길 권장한다.

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

VS Code에서 Emmet이 작동을 안할 때 - 느낌표(!) 탭(tab) 왜 안돼!!🤯

잘 쓰고 있던 느낌표 탭 기능이 갑자기 먹통이 됐다.왜 이래 갑자기... 우리 좋았잖아..

2022년 7월 14일
·
0개의 댓글
·

자바스크립트로 회원가입페이지 만들기

구현한 기능 . 아이디 유효성검사 . 비밀번호 유효성검사 . 비밀번호 일치확인 . 버튼 비활성화 . 아이디 중복확인 . 데이터 db전송 정도 계획하였다. html html을 작성하면서 가장 고민이었던 점은 오류부분이었다. 인풋박스 아래 '사용가능한

2022년 6월 8일
·
0개의 댓글
·
post-thumbnail

emmet문법

2022년 3월 29일
·
0개의 댓글
·

html 더 잘 활용하기(Emmet)

div 안에 divdiv>div\-> div 안에 p, a태그 둘다 넣는다div>p+adiv안에 p넣고 밖에 divdiv>p^divul태그 안에 li태그 4개 넣기ul>li\*4a태그를 포함한 li태그 4개를 ul에 넣기ul>(li>a)\*4

2022년 3월 15일
·
0개의 댓글
·

VS Code 단축키와 Emmet

ctrl+shift+k : 행 삭제ctrl+Enter : 아래에 행 삽입ctrl+shift+Enter : 위에 행 삽입alt+Down : 행을 아래로 이동alt+Up : 행을 위로 이동shift+alt+Up/Down : 위에 행 복사 추가ctrl+d : 다음 선택 찾기

2022년 2월 9일
·
0개의 댓글
·

[vue3] vue에서 html 자동완성(emmet)안 될 때

html에서는 자동완성이 작동하는데 .vue파일 내부 html코드에서는 emmet 기능이 됐다 안 됐다함.vscode 설정 -> setting.json 파일에 vue emmet설정을 추가해주면 해결된다.해결법setting.json 기존 설정 아래에 코드 추가첫번째로 블

2022년 1월 17일
·
0개의 댓글
·
post-thumbnail

[Emmet] 효율적인 퍼블리싱을 위한 꿀팁!

HTML에서는 반복된 작업을 해야할 때가 많습니다.이때 Emmet을 사용하면, 단순반복 작업을 줄여 개발의 효율성을 높일 수 있습니다.VSCode를 사용할 경우, Emmet은 내장되어 있기에 따로 설치할 필요없이 사용할 수 있는데요. 그럼 Emmet의 기능들을 살펴볼까

2022년 1월 9일
·
0개의 댓글
·