편집 > 환경 설정을 선택하면 환경 설정 대화 상자를 열 수 있습니다.
- Dreamweaver 사용 안내서
- 소개
- Dreamweaver 및 Creative Cloud
- Dreamweaver 작업 영역 및 보기 옵션
- 사이트 설정
- 파일 관리
- 레이아웃 및 디자인
- CSS
- 페이지 내용 및 에셋
- 페이지 속성 설정
- CSS 머리글 속성 및 CSS 링크 속성 설정
- 텍스트 작업
- 텍스트, 태그, 속성 찾기 및 바꾸기
- DOM 패널
- 라이브 뷰에서 편집
- Dreamweaver에서 문서 인코딩
- 문서 창에서 요소 선택 및 보기
- 속성 관리자에서 텍스트 속성 설정
- 웹 페이지 맞춤법 검사
- Dreamweaver에서 가로줄 사용
- Dreamweaver에서 글꼴 조합 추가 및 수정
- 에셋을 사용하여 작업
- Dreamweaver에서 날짜 삽입 및 업데이트
- Dreamweaver에서 즐겨찾기 에셋 만들기 및 관리
- Dreamweaver에서 이미지 삽입 및 편집
- 미디어 오브젝트 추가
- Dreamweaver에서 비디오 추가
- HTML5 비디오 삽입
- SWF 파일 삽입
- 오디오 효과 추가
- Dreamweaver에서 HTML5 오디오 삽입
- 라이브러리 항목을 사용하여 작업
- Dreamweaver에서 아랍어 및 히브리어 텍스트 사용
- 링크 및 내비게이션
- jQuery 위젯 및 효과
- 웹 사이트 코딩
- Dreamweaver에서의 코딩 정보
- Dreamweaver의 코딩 환경
- 코딩 환경 설정
- 코드 색상 표시 맞춤 설정
- 코드 작성 및 편집
- 코드 힌트 및 코드 완성
- 코드 축소 및 확장
- 스니펫으로 코드 재사용
- 코드 린트
- 코드 최적화
- 디자인 뷰에서 코드 편집
- 페이지의 헤드 내용 작업
- Dreamweaver에 서버측 포함 삽입
- Dreamweaver에서 태그 라이브러리 사용
- Dreamweaver에 사용자 정의 태그 가져오기
- JavaScript 비헤이비어 사용(일반 지침)
- 빌트인 JavaScript 비헤이비어 적용
- XML 및 XSLT 정보
- Dreamweaver에서 서버측 XSL 변환 수행
- Dreamweaver에서 클라이언트측 XSL 변환 수행
- Dreamweaver에서 XSLT의 문자 엔티티 추가
- 코드 서식 지정
- 제품 간 워크플로
- 템플릿
- Dreamweaver 템플릿 정보
- 템플릿 및 템플릿 기반 문서 인식
- Dreamweaver 템플릿 만들기
- 템플릿에서 편집 가능 영역 만들기
- Dreamweaver에서 반복 영역 및 표 만들기
- 템플릿의 옵션 영역 사용
- Dreamweaver에서 편집 가능 태그 속성 정의
- Dreamweaver에서 중첩 템플릿을 만드는 방법
- 템플릿 편집, 업데이트 및 삭제
- Dreamweaver에서 xml 내용 내보내기 및 가져오기
- 기존 문서에서 템플릿 적용 또는 제거
- Dreamweaver 템플릿의 내용 편집
- Dreamweaver에서 템플릿 태그에 대한 구문 규칙
- 템플릿 영역의 강조 표시 환경 설정
- Dreamweaver에서 템플릿 사용 시 이점
- 모바일 및 멀티스크린
- 다이내믹 사이트, 페이지 및 웹 양식
- 웹 애플리케이션 이해
- 애플리케이션 개발용 컴퓨터 설정
- 데이터베이스 연결 문제 해결
- Dreamweaver에서 연결 스크립트 제거
- 다이내믹 페이지 디자인
- 다이내믹 콘텐츠 소스 개요
- 다이내믹 콘텐츠의 소스 정의
- 페이지에 다이내믹 콘텐츠 추가
- Dreamweaver에서 다이내믹 콘텐츠 변경
- 데이터베이스 레코드 표시
- Dreamweaver에서 라이브 데이터 제공 및 문제 해결
- Dreamweaver에서 사용자 정의 서버 비헤이비어 추가
- Dreamweaver를 사용하여 양식 구성
- 양식을 사용하여 사용자 정보 수집
- Dreamweaver에서 ColdFusion 양식 작성 및 활성화
- 웹 양식 제작
- 양식 요소를 위한 HTML5 지원 개선
- Dreamweaver를 사용하여 양식 개발
- 애플리케이션의 시각적 구성
- 웹 사이트 테스트, 미리보기 및 게시
- 문제 해결
사이트 설정, 환경 설정, 키보드 바로 가기 및 작업 영역을 Creative Cloud와 동기화하여 Dreamweaver 인스턴스 전체에 걸쳐 원활한 작업을 수행하십시오.
Dw 21.4 릴리스부터 설정 동기화 기능이 비활성화될 예정입니다. 내보내기 및 가져오기 기능은 오프라인으로 계속 수행할 수 있습니다.
사용자는 오프라인 가져오기 및 내보내기 기능을 사용하여 컴퓨터 간에 설정을 저장하고 전송할 수 있습니다. 설정 동기화 기능은 2025년 4월까지 이전 Dw 공개 버전에서 계속 작동하며, 그 이후에는 모든 Dw 버전에서 해당 서비스가 중단됩니다.
이전 버전의 Dreamweaver를 사용하고 있는 사용자
Adobe Creative Cloud 구독 계정으로 두 대의 컴퓨터에서 Dreamweaver를 활성화할 수 있습니다. 구독 계정은 기본적으로 구독을 구매하는 데 사용하는 Adobe ID 계정입니다. 클라우드와의 동기화는 사용자의 구독 계정과 긴밀하게 연결되어 있습니다.
클라우드 동기화 기능을 사용하면 두 대의 컴퓨터 간에 동기화된 다음 Dreamweaver 설정을 유지할 수 있습니다.
- 애플리케이션 환경 설정:
- 일반: 관련 파일 사용 및 동적 관련 파일 검색을 제외한 모든 환경 설정
- 코드 포맷: 태그 라이브러리를 제외한 모든 환경 설정
- 코드 힌트: 태그 라이브러리 편집기 링크를 제외한 모든 환경 설정
- 코드 다시 작성: 모든 환경 설정
- 복사/붙여넣기: 모든 환경 설정
- CSS 스타일: 모든 환경 설정
- 파일 비교: 이 설정은 동일한 운영 체제가 실행되고 있는 컴퓨터 간에만 동기화됩니다.
- 파일 유형/편집기: 수정된 파일만 다시 로드 및 실행할 때 저장
- 강조 표시: 모든 환경 설정
- 새 문서: 기본 문서 유형(DTD) 및 기본 인코딩을 제외한 모든 환경 설정
- 브라우저에서 미리 보기: 임시 파일을 사용한 미리 보기만 동기화됩니다.
- 사이트: 항상 표시 <옵션> <오른쪽/왼쪽>를 제외한 모든 환경 설정
- W3C 유효성 검사기: ‘관리’를 사용하여 변경한 내용을 제외한 모든 환경 설정
- 창 크기: 모든 환경 설정
- Mac에서의 애플리케이션 표시줄 및 애플리케이션 프레임 설정
- 일반: 관련 파일 사용 및 동적 관련 파일 검색을 제외한 모든 환경 설정
참고: [파일 비교]를 제외한 위에 나열된 다른 모든 환경 설정은 실행 중인 운영 체제와 관계없이 컴퓨터 간 동기화됩니다. 예를 들어, Mac과 Windows 간에 동기화됩니다.
- 사이트 설정: 모든 사이트 설정(사용자 이름과 암호 제외)은 동일한 운영 체제를 실행 중인 컴퓨터 간에 동기화됩니다. 사용자 이름과 암호는 동기화할 수 없습니다.
같은 이름을 가진 폴더가 같은 경로에 있을 경우 로컬 사이트 폴더 경로와 이름이 동기화됩니다.
컴퓨터에 사이트가 없으면 Dreamweaver가 기본 위치에 새 사이트 폴더를 생성하고 모든 경로가 이 폴더와 관련됩니다. 언제든지 이 경로를 변경할 수 있습니다. 이후의 모든 동기화에서는 사이트 폴더의 변경 사항만 동기화됩니다.
- 키보드 단축키: 키보드 단축키는 동일한 운영 체제를 실행 중인 컴퓨터 간에만 동기화됩니다.
- 작업 영역: Dreamweaver를 종료하면 작업 영역이 저장된 다음 클라우드와 동기화됩니다. 현재 세션에서 Dreamweaver를 종료하지 않고 작업 영역 변경 사항을 동기화하려면 [작업 영역] 메뉴에서 [현재 상태 저장]을 클릭하고 설정을 수동으로 동기화하십시오(환경 설정 > 설정 동기화).
작업 영역은 동일한 운영 체제를 실행 중인 컴퓨터 간에만 동기화됩니다.
- 코드 스니펫: 모든 코드 스니펫은 동일한 운영 체제를 실행 중인 컴퓨터 간 동기화됩니다.
환경 설정 등의 특정 설정을 동기화하지 않도록 선택할 수 있습니다. 환경 설정(설정 동기화) 대화 상자에서 필요한 체크 상자를 선택 취소하십시오.
다음과 같은 경우에는 Creative Cloud를 사용하여 동기화할 수 없습니다.
- 볼륨 라이선스가 있고 익명 사용자로 로그인했습니다.
- 컴퓨터가 프록시 서버를 통해 인터넷에 연결하도록 구성되어 있습니다.
- 관리자 계정에서 표준 사용자 계정으로 전환합니다.
중요: 동기화가 제대로 이루어지려면 파일 이름에 특수 문자(\/:*?"<>|)가 포함되어 있지 않아야 합니다. 특수 문자가 포함된 이름의 파일은 동기화되지 않으며 Dreamweaver에서 오류 메시지가 표시됩니다.
Dreamweaver를 설치한 컴퓨터에서 처음으로 Dreamweaver를 실행하는 경우, [설정 동기화] 대화 상자가 나타납니다.
지금 설정 동기화
설정을 클라우드와 즉시 동기화합니다.
항상 자동으로 설정 동기화
자동으로 설정을 동기화합니다. 자세한 내용은 자동 동기화를 참조하십시오.
설정 동기화 사용 안 함
동기화를 사용하지 않습니다.
환경 설정 대화 상자를 이용하여 언제든지 동기화할 수 있습니다.
고급
환경 설정 대화 상자에서 설정 동기화 옵션을 엽니다.
두 번째 컴퓨터에서 Dreamweaver를 실행하면 다음 대화 상자가 나타납니다.
클라우드 동기화
클라우드에서 설정을 가져옵니다. 두 번째 컴퓨터의 애플리케이션 환경 설정이 클라우드의 설정으로 재정의됩니다. 클라우드의 사이트 설정이 두 번째 컴퓨터의 설정에 추가됩니다.
로컬 동기화
두 번째 컴퓨터의 환경 설정 및 사이트 설정에 대한 변경 사항은 그대로 유지되고 클라우드에도 적용됩니다.
항상 자동으로 설정 동기화
자동으로 설정을 동기화합니다. 자세한 내용은 자동 동기화를 참조하십시오.
고급
환경 설정 대화 상자에서 설정 동기화 옵션을 엽니다.
다음 시나리오가 [클라우드 동기화]와 [로컬 동기화]의 차이를 이해하는 데 도움이 될 것입니다.
시나리오 1
첫 번째 컴퓨터에서 환경 설정을 변경하고 이 변경 사항을 클라우드와 동기화합니다. 두 번째 컴퓨터에서도 역시 환경 설정을 변경합니다. 그런 다음 아래 버튼 중 하나를 클릭합니다.
클라우드 동기화
첫 번째 컴퓨터에서 환경 설정의 변경 사항이 두 번째 컴퓨터에 동기화됩니다. 두 번째 컴퓨터에서 변경한 내용은 손실됩니다.
로컬 동기화
두 번째 컴퓨터에서 환경 설정의 변경 사항은 그대로 유지되고 클라우드와도 동기화됩니다. 다음 번에 첫 번째 컴퓨터를 동기화할 때 클라우드 동기화를 선택하면 이 변경 사항이 첫 번째 컴퓨터에 반영됩니다.
시나리오 2
클라우드 동기화
첫 번째 컴퓨터에서 사이트 설정의 변경 사항이 두 번째 컴퓨터의 설정으로 ‘추가’됩니다.
로컬 동기화
두 번째 컴퓨터의 변경 사항은 그대로 유지되고 클라우드와 동기화됩니다. 다음 번에 첫 번째 컴퓨터를 동기화할 때 클라우드 동기화를 선택하면 새로운 사이트가 첫 번째 컴퓨터의 설정에 추가됩니다.
동기화가 진행되는 동안 변경한 환경 설정의 설정은 적용되지 않습니다.
이전 버전의 Dreamweaver에서 설정 가져오기
이전 버전의 Dreamweaver에서 Dreamweaver 설정과 Creative Cloud를 한 번이라도 동기화한 경우 새 버전의 Dreamweaver를 처음 실행할 때 다음 대화 상자가 표시됩니다.
- Creative Cloud에 저장된 설정을 가져오려면 설정 동기화 가져오기를 클릭합니다.
참고: 이 옵션은 이후에는 사용할 수 없습니다.
- 현재 Dreamweaver 인스턴스의 설정을 Creative Cloud와 동기화하려면 로컬 동기화를 클릭합니다.
- 이후부터 설정을 자동으로 동기화하려면 항상 자동으로 설정 동기화를 선택합니다.
- 고급 설정 동기화 옵션을 보려면 고급을 클릭합니다.
이전 버전 Dreamweaver를 사용하여 설정을 Creative Cloud와 동기화하지 않은 경우 첫 동기화에 설명된 옵션이 표시됩니다.
시간이 경과된 후에 설정을 가져오고 싶은 경우 환경 설정 대화 상자를 사용하여 설정을 가져올 수 있습니다.
-
-
[범주] 목록에서 [설정 동기화]를 클릭합니다.
-
[설정 동기화 가져오기]를 선택하고 [닫기]를 클릭합니다.
-
가져온 설정을 적용하려면 Dreamweaver 종료하고 다시 실행하면 됩니다.
중요: 설정 동기화 섹션에서 선택한 옵션은 클라우드에 저장된 설정 가져오기에 적용되지 않습니다. 설정 동기화 옵션이 선택되면 클라우드에 저장된 모든 설정을 가져올 수 있으며 로컬 설정을 다시 정의할 수 있습니다.
동기화 설정에 대한 환경 설정 편집
환경 설정 대화 상자를 사용하여 동기화할 설정을 선택하거나, 충돌 해결 설정을 지정하거나, 자동 동기화를 활성화하거나, 필요 시 동기화를 트리거할 수 있습니다.
-
편집 > 환경 설정(Windows) 또는 Dreamweaver > 환경 설정(Mac)을 선택합니다.
-
[범주] 목록에서 [설정 동기화]를 클릭합니다.
-
[동기화할 설정] 섹션에서 동기화할 설정을 클릭합니다.
-
[충돌 해결] 목록에서 동기화 중에 충돌 문제를 해결하기 위한 옵션을 클릭합니다. 자세한 내용은 동기화 중 충돌 문제 해결을 참조하십시오.
-
30분마다 자동 동기화를 사용하려면 [자동 동기화 사용]을 클릭합니다.
-
원하는 시점에 설정을 동기화하려면(필요 시 동기화) [지금 설정 동기화]를 클릭합니다.
(13.1) 컴퓨터에 다운로드된 업데이트가 클라우드에 있을 경우 [지금 설정 동기화] 버튼이 [업데이트 적용]으로 바뀝니다. 업데이트를 즉시 적용하거나 환경 설정 대화 상자를 닫아 나중에 업데이트를 적용하도록 선택할 수 있습니다. 업데이트를 적용하기 전에 컴퓨터에서 Dreamweaver 인스턴스를 변경할 경우 충돌이 발생할 수 있으며 이 충돌은 [충돌 해결 설정]에 따라 해결됩니다.
-
[적용]을 클릭하여 설정 동기화 환경 설정의 변경 사항을 저장합니다.
-
[닫기]를 클릭하여 환경 설정 대화 상자를 종료합니다.
자동 동기화
다음 방법 중 하나를 사용하여 자동으로 동기화할 수 있습니다.
- [설정 동기화] 대화 상자에서 [항상 자동으로 설정 동기화]를 선택합니다.
참고: 설정 동기화 대화 상자는 컴퓨터에 Dreamweaver를 설치한 후 처음으로 Dreamweaver에 액세스할 때만 나타납니다. 이후의 동기화에 대해서는 환경 설정 대화 상자를 사용하십시오.
- 편집 > 환경 설정(Windows) 또는 Dreamweaver > 환경 설정(Mac)을 선택한 다음, 설정 동기화 > 자동 동기화 사용을 선택합니다.
자동 동기화를 활성화하면 Dreamweaver가 30분마다 클라우드에 변경 사항이 있는지 확인하여 자동으로 설정을 동기화합니다.
수동 동기화
- [설정 동기화] 대화 상자에서 [지금 설정 동기화]를 클릭합니다.
- 편집 > (사용자의 Adobe ID) > 지금 설정 동기화를 클릭합니다.
클라우드에 사용 가능한 업데이트가 있으면 컴퓨터로 다운로드됩니다. [지금 설정 동기화] 버튼이 [지금 적용]으로 바뀝니다. 즉시 업데이트를 적용하거나 나중에 적용하도록 선택할 수 있습니다. 다운로드한 업데이트를 적용하기 전에 Dreamweaver 설정을 변경할 경우 충돌이 발생할 수 있으며 이 충돌은 충돌 해결 설정에 따라 해결됩니다.
- (Mac에서) Dreamweaver > 지금 설정 동기화 및 Windows에서 편집 > 지금 설정 동기화
동기화 중 충돌 문제 해결
컴퓨터와 클라우드 간 차이가 있는 경우, 환경 설정 대화 상자의 충돌 해결 설정을 기반으로 충돌 문제가 해결됩니다.
충돌 해결이 내 환경 설정으로 되어 있다면 충돌이 발생하는 경우 대화 상자가 표시됩니다.
내 환경 설정 저장 옵션을 선택하면 사용자가 선택한 옵션(로컬 동기화 또는 클라우드 동기화)가 환경 설정 대화 상자에서 선택됩니다.
중요: [충돌 설정] 대화 상자를 닫기 위해 Esc 키를 누르면 [로컬 동기화] 액션이 실행됩니다.
Creative Cloud의 리소스에 직접 액세스
Dreamweaver 사용자 인터페이스에서 직접 Creative Cloud의 파일을 열거나, 선택하거나, 저장할 수 있습니다. http://creative.adobe.com에서 “Creative Cloud 연결 미리보기” 유틸리티를 설치합니다.
이 유틸리티를 설치할 때 Creative Cloud 파일 옵션(스크린샷에 강조 표시됨)이 Dreamweaver의 열기, 저장 및 선택 대화 상자에서 사용할 수 있게 됩니다.