inflearn logo
강의

Course

Instructor

Getting Started with Programming: Introduction to Web (Inflearn Original)

Hands-on: Creating a News Article Page (2-15)

태그 닫는 단축키가 뭔가요?

170

wonyong

1 asked

0

저는 <div></div> 이렇게 해 놓고 시작하는데

강의에서는 내용 입력하고 마지막에 </div>가 자동으로 작성되네요?

HTML/CSS

Answer 1

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 김원용님.

강의에서 보여지는 코드 자동 완성 기능은 코드 편집기에서 제공하는 기능 중 하나로, 많은 경우 Visual Studio Code(VSCode) 또는 Sublime Text 같은 에디터에서 제공하는 Emmet 기능을 이용합니다. Emmet은 HTML, CSS와 같은 웹 개발을 할 때 코드 작성 속도를 높여주는 도구입니다.

기본적으로 Emmet을 통해 <div>를 입력하고 탭(Tab) 키를 누르면 자동으로 <div></div>로 완성됩니다. 만약 이러한 기능이 아직 작동하지 않는다면, 다음 설정을 확인해 보시길 바랍니다.

  1. Visual Studio Code: 설정(Preferences)에서 Emmet 관련 설정이 활성화되어 있는지 확인합니다. Preferences > Settings > Extensions > Emmet 경로에서 설정할 수 있습니다.

  2. Sublime Text: Emmet 플러그인이 설치되어 있는지 확인합니다.

아래 링크를 통해 Emmet의 보다 자세한 사용법을 확인하실 수 있습니다:
- Emmet Documentation

원하는 기능이 Emmet 기반인지 확인 후 각 에디터의 설정을 통해 활성화하면 됩니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

unregistered 이라 뜨며 작동하지 않습니다.

0

51

1

공부한 내용을 블로그에 정리해서 올려도되나요?

0

95

1

sublime text 설치 불가

0

177

1

사진과 본문 내용에 패딩이 40px 들어가 있는데 이유를 모르겠습니다

0

99

1

처음 질문과 옵션 관련 질문입니다.

0

90

1

마지막에 news 관련 질문

0

83

1

강의에 사용하는 예제 코드 자료 있나요?

0

385

1

회원가입 폼 검증하기 실행이 안됩니다.

0

274

1

이미지랑 아이콘 파일을 어떻게 찾아요?

0

352

1

VS 코드는 절대 경로랑 상대 경로로 상위 문서 접근이 차단되어 있네요

0

476

0

프로젝트 고민 해결이 안되어 다시 올립니다.

0

394

1

프로젝트 고민 다시올립니다.

0

448

1

친구와의 프로젝트 고민

0

421

1

화면 오른쪽 스크롤이 넘어가질 않아요!

0

516

1

학과 설정

0

331

2

회원가입폼 검증 -2 에서 문제가생겼습니다

0

331

1

card.html 버튼 위치

0

603

1

인스타그램 코드 작성 후 동작을 해보았는데 버튼을 눌러도 넘어가질않네요

0

357

2

carousel의 footer부분에

0

295

1

margin 값에 관한 질문입니다.

0

407

1

function clearMessages() 함수의 원리를 알고싶습니다

0

320

1

removeEventListener

0

236

1

버튼을 눌렀을때 케러셀의 이동

0

810

2

html 파일 올립니다!

0

376

1