코딩 환경 설정

[보기] > [코드 보기 옵션]을 선택합니다.

가로로 스크롤하지 않고도 코드를 볼 수 있도록 줄 바꿈됩니다. 이 옵션을 선택하면 코드가 보기 쉽게 조정될 뿐 행 분리가 삽입되지는 않습니다.

코드 왼쪽을 따라 행 번호가 표시됩니다.

공백 문자 대신 특수 문자가 표시됩니다. 예를 들어 공백이 있던 자리에 점이, 탭이 있던 자리에 이중 꺾쇠 문자가, 행 분리가 있던 곳에 단락 표시 문자가 표시됩니다.

코드 색상 표시를 활성화하거나 비활성화합니다. 색상 표시 체계 변경에 대한 자세한 내용은 코드 색상 설정을 참조하십시오.

코드를 작성할 때 Enter 키를 누르면 코드가 자동으로 들여쓰기됩니다. 새 코드 행을 입력하면 이전 행과 동일한 수준으로 들여쓰기됩니다. 들여쓰기 간격 변경에 대한 자세한 내용은 코드 포맷 변경에서 [탭 크기] 옵션을 참조하십시오.

이 환경 설정에 지정된 들여쓰기 규칙에 따라 Dreamweaver에서 생성된 코드를 들여 쓸지 여부를 지정합니다.

(텍스트 상자 및 팝업 메뉴) Dreamweaver에서 생성한 코드를 들여 쓸 공백 수 또는 탭 수를 지정합니다. 예를 들어 이 상자에 3을 입력하고 팝업 메뉴에서 탭을 선택하면 Dreamweaver에서 생성된 코드는 각 들여쓰기 수준별로 탭 3개 만큼씩 들여쓰기됩니다.

코드 보기에 표시되는 각 탭 문자의 폭을 문자 개수로 지정합니다. 예를 들어 [탭 크기]가 4로 설정된 경우에는 코드 보기에서 각각의 탭은 4자에 해당하는 공백으로 나타납니다. [들여쓰기 사용]이 3개의 탭으로 설정된 경우 Dreamweaver에서 생성된 코드가 각 들여쓰기 수준마다 탭 3개 만큼 들여쓰기되어 코드 보기에서는 12자 크기의 공백으로 나타납니다.

코드 작성 시 Emmet 약어를 사용하려면 이 옵션을 선택하십시오. 이 옵션을 선택한 상태에서 Tab 키를 누르면 Dreamweaver가 Emmet 약어를 전체 HTML 또는 CSS 코드로 변환합니다. Emmet 사용에 대한 자세한 내용은 Dreamweaver로 Emmet 툴킷 사용을 참조하십시오.

원격 사이트를 호스트하는 원격 서버의 유형(Windows, Macintosh 또는 UNIX)을 지정합니다. 행 분리 문자의 유형을 적당하게 선택하면 해당 HTML 소스 코드를 원격 서버에서 볼 때도 올바르게 나타납니다. 이 설정은, 특정 종류의 행 분리만 인식하는 외부 텍스트 편집기로 작업할 때에도 유용합니다. 예를 들어 메모장이 외부 편집기인 경우에는 CR LF(Windows)를 사용하고, SimpleText가 외부 편집기인 경우에는 CR(Macintosh)을 사용합니다.

<td> 태그 바로 뒤 또는 </td> 태그 바로 앞에 공백이나 행 분리가 있을 때 일부 오래된 브라우저에서 발생하는 렌더링 문제를 해결합니다. 이 옵션을 선택할 때 태그 라이브러리의 포맷 설정에 행 분리가 있어야 한다고 지정된 경우에도 Dreamweaver에서는 <td> 태그 뒤 또는 </td> 태그 앞에 행 분리를 지정하지 않습니다.

태그 라이브러리 편집기에서 개별 태그 및 속성에 대한 서식 지정 옵션을 설정할 수 있습니다.

(일본어 버전만 해당) HTML 코드에 대해 &nbsp; 또는 Zenkaku 공백을 선택할 수 있습니다. 표를 만들 때 일본어 인코딩 페이지에서 [연속된 여러 공백 허용] 옵션이 활성화된 경우 이 옵션에서 선택한 공백이 빈 태그에 사용됩니다.

기본 코드 폴딩 크기는 두 줄입니다. 이 기본 설정을 사용하면 최소 두 줄 이상의 코드로 구성된 모든 코드 부분을 축소할 수 있습니다. 두 줄 미만인 코드 부분은 해당 코드를 선택해야만 축소할 수 있습니다. 코드 폴딩에 대한 자세한 내용은 코드 축소 및 확장을 참조하십시오.

겹친 태그를 다시 작성합니다. 예를 들어 <b><i>text</b></i>는 <b><i>text</i></b>로 다시 작성됩니다. 이 옵션은 누락된 닫기 따옴표와 닫기 괄호도 삽입합니다.

양식 오브젝트의 이름 중복을 방지합니다. 이 옵션은 기본적으로 활성화되어 있습니다.

짝을 이루는 열기 태그가 없는 닫기 태그를 삭제합니다.

Dreamweaver에서 수정한 HTML이 기술적으로 문제가 있는 경우 이를 요약하여 표시합니다. 이 요약문은 문제가 발생한 위치를 행 및 열 번호를 통해 알려주므로 수정된 내용을 찾아 원하는 대로 적용되었는지 확인할 수 있습니다.

Dreamweaver에서 파일 이름 확장명이 지정된 파일에 있는 코드를 다시 작성하면 안 됩니다. 이 옵션은 특히 서드 파티 태그가 들어 있는 파일에 유용합니다.

속성 관리자 등 Dreamweaver 도구를 사용하여 입력 또는 편집하는 속성 값에 올바른 문자만이 포함되어야 합니다. 이 옵션은 기본적으로 활성화되어 있습니다.

올바른 문자만을 사용하고자 하면 Dreamweaver에서 URL을 변경하면 안 됩니다. 이 옵션은 기본적으로 활성화되어 있습니다.

속성 관리자 등 Dreamweaver 도구를 사용하여 URL을 입력하거나 편집하는 경우 해당 URL에 올바른 문자만 포함되어야 합니다.

앞의 옵션과 같은 방식으로 작동하지만 다른 특수 문자 인코딩 방식을 사용합니다. % 기호를 사용하는 이 인코딩 방식은 이전 버전의 브라우저와 좀 더 잘 호환될 수 있지만 일부 언어의 문자를 제대로 처리하지 못합니다.

편집 > 환경 설정(Windows) 또는 Dreamweaver > 환경 설정(Macintosh)을 선택합니다.

왼쪽의 [범주]에서 [코드 힌트]를 선택합니다.

다음 옵션을 설정합니다.

Dreamweaver에서 태그를 닫는 방식을 지정합니다.

• “</” 입력 후 - 
• 열린 태그의 “>” 입력 후 - 열려 있는 태그를 닫을 때 Dreamweaver가 자동으로 닫힘 태그를 추가하도록 하려면 이 옵션을 선택합니다.
• 사용 안 함 - Dreamweaver가 자동으로 닫힘 태그를 추가하지 않도록 하려면 이 옵션을 선택합니다.

Dreamweaver에서 코드 힌트 및 코드 완성 기능을 활성화하거나 비활성화하려면 이 옵션을 선택합니다. Dreamweaver의 코드 힌트 및 코드 완성 기능에 대한 자세한 내용은 코드 힌트 및 코드 완성을 참조하십시오.

코드 힌트에 설명이 표시되도록 하려면 이 옵션을 선택합니다. 이러한 설명은 작성 중인 코드에 대한 추가 정보를 제공합니다.

중괄호 자동 삽입  이 옵션을 선택하면 사용자가 열기 중괄호를 입력할 때마다 닫기 중괄호가 자동으로 삽입됩니다. 이 옵션을 선택하지 않으면 사용자가 열기 중괄호를 입력할 때 닫기 중괄호가 삽입되지 않습니다. 모든 유형의 중괄호와 모든 파일 유형(html, php, css, js)에 적용됩니다.

따옴표 자동 삽입  이 옵션을 선택하면 사용자가 열기 따옴표를 입력할 때마다 닫기 따옴표가 자동으로 삽입됩니다. 이 옵션을 선택하지 않으면 사용자가 열기 따옴표를 입력할 때 닫기 따옴표가 삽입되지 않습니다. 작은 따옴표와 큰 따옴표 및 모든 파일 유형(html, php, css, js)에 적용됩니다.

다음 위치에서 brackets.json 파일을 엽니다.

• Win: %appdata%\Adobe\Dreamweaver CC 2018\en_US\Configuration\Brackets\
• Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Brackets/
   

괄호 자동 닫기 기능을 비활성화하려면 autoCloseBraces를 False로 설정합니다.

상대 따옴표 자동 삽입 기능을 비활성화하려면 autoCloseQuotes를 Flase로 설정합니다.

괄호 자동 닫기 및 따옴표 자동 삽입 기능을 활성화하려면 위에 설명된 값을 True로 설정합니다.

.json 파일을 저장하고 Dreamweaver를 실행합니다.

편집 > 환경 설정(Windows) 또는 Dreamweaver > 환경 설정(Macintosh)을 선택합니다.

왼쪽의 범주 목록에서 PHP를 설정합니다.

PHP 버전 드롭다운 목록에서 PHP 버전을 선택하고 적용을 클릭합니다.

사이트 설정 대화 상자의 고급 설정에서 PHP를 선택합니다.

PHP 버전 드롭다운 목록에서 PHP 버전을 선택하고 저장을 클릭합니다.

왼쪽의 범주 목록에서 [인터페이스]를 선택합니다.

색상 테마 목록에서 테마를 선택합니다. 

인터페이스 테마를 설정한 후 코드 테마를 설정합니다.

밝은 테마 또는 어두운 테마 중에서 선택할 수 있습니다.

[적용]을 클릭하여 변경 내용을 저장합니다.

필요에 따라 코드 색상 표시를 보다 세부적으로 맞춤화할 수 있습니다. 자세한 내용은 코드 색상 표시 맞춤 설정을 참조하십시오.

Dreamweaver의 코드 보기에서 자동으로 열리도록 할 파일 이름 확장명을 지정합니다.

Dreamweaver에 열려 있는 문서가 외부에서 변경되는 경우가 감지되면 해당 비헤이비어가 지정됩니다.

편집기를 시작하기 전에 Dreamweaver에서 최근 문서의 저장 여부를 지정하거나 외부 편집기를 시작할 때마다 문서의 저장 여부를 지정합니다.

여기에 애플리케이션으로의 경로를 입력하여 Dreamweaver와 Fireworks를 연결할 수 있습니다.