환경설정

상단 메뉴에서 수정 > 환경설정을 선택하여 Google Web Designer의 환경설정을 구성하세요. 왼쪽의 탭을 클릭하여 각 환경설정 메뉴로 이동할 수 있습니다.

• 일반 환경설정
• 디자인 보기 환경설정
• 구성요소 환경설정
• 코드 보기 환경설정
• 고급 환경설정

기본값으로 재설정을 클릭하여 환경설정을 기본값으로 복원할 수 있습니다.

일반 환경설정

일반

설정	설명
최근에 연 문서로 실행	Google Web Designer를 실행할 때 환영 대화상자를 건너뛰고 가장 최근에 열었던 문서로 시작하려면 이 체크박스를 선택합니다.
다음 실행 시 사용할 수 있도록 선택 도구 옵션 저장	Google Web Designer를 다시 시작할 때마다 선택 도구 옵션이 재설정되지 않게 하려면 이 체크박스를 선택합니다.

내 템플릿

설정	설명
위치	컴퓨터를 탐색하여 맞춤 템플릿 파일이 저장되어야 할 위치를 선택하려면 찾아보기 버튼을 클릭합니다. 폴더는 마운트된 드라이브에 있어야 합니다(즉, 컴퓨터의 파일 시스템을 통해 액세스할 수 있어야 함). 이 경로를 변경하면 기존 맞춤 템플릿이 '내 템플릿'의 템플릿 갤러리에 더 이상 표시되지 않습니다. 맞춤 템플릿 파일을 새로운 위치로 직접 이동하여 갤러리에서 복원할 수 있습니다.
기본 경로로 재설정	원래의 경로로 위치를 변경하려면 위치를 기본값으로 재설정 버튼을 클릭합니다.

새로운 파일 대화상자 기본값

설정	설명
광고 유형	새로운 문서의 기본 광고 유형을 선택합니다.
환경	새로운 문서의 기본 광고 환경을 선택합니다. 기본 광고 유형에 적합한 옵션만 사용할 수 있습니다.

디자인 보기 환경설정

디자인 보기 환경설정에서는 새로운 문서의 보기 메뉴에 표시되는 기본 선택사항을 설정합니다. 경우에 따라(아래 참조) 이 환경설정이 현재의 설정에 영향을 주기도 합니다.

디자인 보기

설정	설명
윤곽선	문서 작업공간에 있는 요소의 윤곽선에 대한 환경설정을 선택합니다. 라벨 - 선택한 요소를 제외한 모든 요소의 요소 유형 및 ID와 함께 점선으로 된 윤곽선과 라벨이 표시됩니다. 윤곽선(라벨 제외) - 선택한 요소를 제외한 모든 요소 주위에 점선으로 된 윤곽선이 표시됩니다. 끄기 - 선택하지 않은 요소의 윤곽선이나 라벨이 표시되지 않습니다. 이 환경설정은 Web Designer 전체에 적용됩니다. 새로운 문서와 열려 있는 문서의 설정이 변경되고 보기 메뉴에서 선택한 사항도 반영됩니다.
눈금자 표시	가로 및 세로 눈금자가 기본적으로 표시되도록 하려면 이 체크박스를 선택합니다. 이 환경설정은 기본으로 적용됩니다. 새로운 문서와 눈금자 환경설정이 명시적으로 설정되지 않은 문서의 설정을 변경하지만, 보기 메뉴에서 개별 문서에 대해 선택한 사항을 재정의하지는 않습니다.

맞추기 및 그리드

설정	설명
맞추기	그림 선택, 이동, 크기 조정 시 개체를 자동으로 정렬하려면 이 체크박스를 선택합니다. 맞추기 동작을 맞춤설정할 때 사용하는 옵션은 다음과 같습니다. 기준 - 맞추기가 실행되려면 개체와 맞추기 대상의 간격(픽셀 단위)이 어느 정도여야 하는지를 나타냅니다. 상위 요소 및 동위 요소만 - 상위 요소 및 동위 요소에 대해서만 맞춥니다. 그리드 - 그리드 선이 표시되면 그리드 선에 맞춥니다. 개체 - 다른 개체의 가장자리, 모서리 및 중앙 지점에 맞춥니다. 정렬 - 다른 개체의 가장자리 또는 중앙 지점과 정렬되도록 맞춥니다. 안내선 - 눈금자 안내선이 표시되면 눈금자 안내선에 맞춥니다. 동일한 크기 - 다른 개체와 동일한 너비 또는 높이에 맞춥니다. 동일한 간격 - 다른 두 개체와 동일한 간격에 맞춥니다. 맞추기에 관해 자세히 알아보세요. 이 환경설정은 Web Designer 전체에 적용됩니다. 새로운 문서와 열려 있는 문서의 설정이 변경되고 보기 메뉴에서 선택한 사항도 반영됩니다.
3D 그리드	사용자와 마주보고 있는 가장 가까운 평면에 그리드를 표시하려면 이 체크박스를 선택합니다. 이 환경설정은 기본으로 적용됩니다. 새로운 문서와 3D 그리드 환경설정이 명시적으로 설정되지 않은 문서의 설정을 변경하지만, 보기 메뉴에서 개별 문서에 대해 선택한 사항을 재정의하지는 않습니다. 그리드 크기 - 그리드 선 사이의 간격을 10~1000픽셀로 지정합니다. 기본값은 50픽셀입니다. 지정한 그리드 크기는 3D 그리드가 표시되는 모든 문서에 사용됩니다.

아웃라이너

설정	설명
DOM 순서의 요소 정렬	이 체크박스를 선택하면 아웃라이너에 있는 요소의 나열 순서가 DOM(문서 개체 모델)과 일치하도록 변경됩니다. 체크박스를 선택 해제하면 아웃라이너에서 요소가 고급 모드 타임라인의 레이어와 같은 순서로 표시됩니다.

안내선

설정	설명
색상	안내선의 색상을 설정합니다.

구성요소 환경설정

3D 애셋

설정	설명
구성요소	3D 애셋을 가져올 때 사용할 구성요소를 선택합니다. 소용돌이(Display & Video 360용 소용돌이 광고 소재 제작에 사용) 3D 모델 뷰어
GLB 파일을 저장할 때 사용되지 않은 텍스처 자동으로 삭제	구성요소를 저장할 때 GLB 파일에서 사용되지 않은 텍스처를 삭제하려면 이 체크박스를 선택합니다. 이렇게 하면 GLB 파일의 크기는 줄어드나 텍스처의 이미지 파일은 영구적으로 삭제됩니다.

코드 보기 환경설정

코드 보기 환경설정은 코드 보기의 동작과 모양을 제어합니다.

설정	설명
색상 테마	코드 보기 작업 영역과 구문 강조표시에 대해 원하는 색상 테마를 선택합니다. 각 테마를 미리 볼 수 있습니다.

서식 지정 옵션

코드 서식 지정 옵션은 파일을 열거나 디자인 보기에서 변경을 수행한 후 코드 보기로 전환할 때 적용됩니다. 위의 환경설정 대화상자에 표시되어 있는 코드 샘플에서 이러한 설정을 미리 볼 수 있습니다.

설정	설명
괄호 패딩	괄호 안의 텍스트를 공백으로 둘러싸려면 이 체크박스를 선택합니다.
줄 바꿈 문자로 파일 종료	파일 끝에 줄 바꿈 문자를 삽입하려면 이 체크박스를 선택합니다.
CSS 선택자 사이에 줄 바꿈 삽입	동일한 CSS 규칙에 대해 여러 선택자가 지정되어 있을 때 여러 CSS 선택자 사이에 줄 바꿈 문자를 삽입하려면 이 체크박스를 선택합니다.
CSS 규칙 사이에 줄 바꿈 삽입	CSS 규칙 사이에 줄 바꿈 문자를 삽입하려면 이 체크박스를 선택합니다.
들여쓰기 간격 크기	하나의 들여쓰기 간격에 사용할 공백 또는 탭의 수를 설정합니다.
중괄호 스타일	자바스크립트에 있는 중괄호의 서식을 어떻게 지정할지 선택합니다. 접기 - 중괄호가 인라인으로 처리됩니다. 펼치기 - 중괄호가 별도의 줄에 표시됩니다. 끝부분 펼치기 - 닫는 중괄호가 별도의 줄에 표시됩니다.
스크립트 및 스타일 태그 들여쓰기