디자인 관리자 설정 사용자 지정

디자인 관리자 설정으로 개발자 환경을 사용자 지정하세요. 설정에는 기본 디자인 관리자 시작 동작, 사용자 지정 코딩 파일의 코드 설정, JavaScript 보푸라기 등이 포함됩니다.

이러한 설정에 액세스하려면

• HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
• 오른쪽 하단에서 설정을 클릭한 다음 설정 열기를 선택합니다.

• 설정 드롭다운 메뉴를 클릭하여 조정하려는 설정 유형을 선택합니다.
  
  
  

일반 설정

• 시작 시 파인더 열기: 이 옵션을 켜면 디자인 매니저에 처음 액세스할 때 왼쪽의 파인더가 열립니다.
• 파일 전환 시 미리 보기 업데이트: 이 설정을 켜면 디자인 관리자 미리 보기에 현재 선택된 파일이 표시됩니다. 한 번에 하나의 파일을 미리 보려면 이 설정을 활성화합니다.

코드 설정

모양

• 테마: 코드 편집기에서 사용하는 색 구성표입니다.
• 글꼴: 코드 편집기에서 사용하는 기본 글꼴 및 글꼴 크기입니다.

소스

• 탭 크기: 코드 편집기에서 탭 키를 누를 때 탭 문자의 너비입니다.
• 들여쓰기단위: 스마트 들여쓰기로 코드 블록을 들여쓰기할 공백의 수입니다.
• 소프트 탭: 켜져 있으면 탭 키가 탭 문자 대신 탭 크기와 동일한 공백 문자를 삽입합니다.
• 스마트 들여쓰기: 켜면 새 줄은 이전 줄에서 설정한 들여쓰기를 따릅니다.
• 서식 입력 시 들여쓰기: 켜면 상황에 맞는 입력에서 같은 줄을 들여쓰기합니다. 예를 들어 대/소문자 x: 문 또는 닫는 }를 삽입할 때 올바르게 들여쓰기됩니다.
• 탭으로 들여쓰기: 켜면 스마트 들여쓰기 또는 서식 입력으로 인한 자동 들여쓰기가 탭을 사용합니다.
• 줄 바꿈: 켜면 가로로 스크롤할 필요 없이 줄을 바꿉니다.
• 자동 대괄호 닫기: 켜면 코드 편집기에서 다음과 같은 대괄호 및 따옴표 문자를 자동으로 닫습니다:
  
  () [] {} '' ""
• 태그 자동 닫기: 이 옵션을 켜면 코드 편집기에서 XML 태그를 자동으로 닫습니다.
• 대괄호일치: 켜져 있으면 대괄호 문자 옆에 커서를 놓으면 해당 여는 대괄호 또는 닫는 대괄호가 강조 표시됩니다.
• 태그 일치: 켜져 있는 경우 커서를 태그 옆에 놓으면 해당 여는 태그 또는 닫는 태그가 강조 표시됩니다.
• 블록 주석 계속: 이 옵션을 켜면 코드 편집기에서 새 줄을 만들 때 자동으로 블록 주석을 계속합니다.

자바스크립트 린팅 설정

• ESLint 사용 스위치를 켜거나 끄려면 클릭합니다. 켜면 코딩된 파일에서 출력을 볼 때 ESLint가 자바스크립트 위에 실행됩니다.
  
  
  
• 왼쪽 패널에서 ESLint 설정을 구성합니다. ESLint 구성에 대해 자세히 알아보세요.
• 오른쪽 패널에서 JavaScript 데모에 왼쪽에서 변경한 내용이 반영됩니다.
• 기본 eslintrc 복원을 클릭하여 기본 구성을 복원합니다.