Dreamweaver와 동일한 시스템에 파일 비교 도구를 설치합니다. Macintosh의 파일 비교 도구에서 명령줄 도구를 설치합니다.
- 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를 사용하여 양식 개발
- 애플리케이션의 시각적 구성
- 웹 사이트 테스트, 미리보기 및 게시
- 문제 해결
Dreamweaver에서 로컬 및 원격 파일을 비교하고, 파일 올리기 전 파일을 비교하고, 동기화될 때 파일을 비교합니다.
로컬 및 원격 파일 간 다른 내용 비교
Dreamweaver에서는 “diff 도구”라는 파일 비교 도구를 사용하여 동일한 파일의 로컬 버전 코드와 원격 버전 코드, 서로 다른 두 원격 파일 또는 서로 다른 두 로컬 파일을 비교할 수 있습니다. 로컬 버전과 원격 버전의 비교는 로컬에서 파일 작업을 할 때 다른 사용자가 서버의 파일 사본을 수정했는지 확인할 때 유용합니다. Dreamweaver를 닫지 않고도 서버에 파일을 올리기 전에 원격 버전의 변경 사항을 확인하고 로컬 버전에 병합할 수 있습니다.
두 로컬 파일 또는 두 원격 파일의 비교는 이름이 다른 이전 버전의 파일의 경우에도 유용합니다. 이전 버전의 파일에서 변경한 내용이 생각나지 않을 때, 빠른 비교를 수행하면 변경 내용을 확인할 수 있습니다.
시작하기 전에 시스템에 타사 파일 비교 도구를 설치해야 합니다. 파일 비교 도구에 대한 자세한 내용을 보려면 Google 검색 등 웹 검색 엔진을 사용하여 “파일 비교” 또는 “diff” 도구를 검색하십시오. Dreamweaver에서는 대부분의 타사 도구를 사용할 수 있습니다.
Dreamweaver에서 비교 도구 지정
-
-
Dreamweaver에서 [편집] > [환경 설정](Windows) 또는 [Dreamweaver] > [환경 설정](Macintosh)을 선택하여 [환경 설정] 대화 상자를 열고 [파일 비교] 범주를 선택합니다.
-
다음 중 하나를 수행합니다.
Windows를 사용할 경우 [검색] 버튼을 클릭하고 파일을 비교할 응용 프로그램을 선택합니다.
Macintosh를 사용할 경우 [검색] 버튼을 클릭한 다음, 실제 파일 비교 도구 자체를 클릭하지 말고 파일 비교 도구를 시작할 도구나 스크립트를 명령줄에서 선택합니다.
Macintosh에서 실행 도구나 스크립트는 보통 /usr/bin 또는 /usr/local/bin 폴더에 있습니다. 예를 들어 FileMerge를 사용할 경우 /usr/bin 폴더로 이동하여 opendiff를 선택합니다. 이 도구는 FileMerge를 시작하는 도구입니다.
다음 표에는 Macintosh에서 많이 사용되는 파일 비교 도구의 목록과 해당 시작 도구 또는 시작 스크립트의 하드 디스크 상 위치가 나와 있습니다.
파일 비교 도구 |
시작 도구 또는 시작 스크립트의 위치 |
FileMerge |
/usr/bin/opendiff(또는 /Developer/usr/bin/opendiff) |
BBEdit |
/usr/local/bin/bbdiff |
TextWrangler |
/usr/local/bin/twdiff |
usr 폴더는 파인더에서 대개 숨김으로 되어 있지만 Dreamweaver에서 [검색] 버튼을 눌러 액세스할 수 있습니다.
표시되는 실제 결과는 사용 중인 diff 도구에 따라 다릅니다. 결과를 해석하는 방법은 해당 도구의 사용 설명서를 참조하십시오.
두 로컬 파일 비교
컴퓨터에 저장된 위치에 관계없이 두 파일을 비교할 수 있습니다.
-
파일 패널에서 두 파일을 Ctrl 키를 누른 상태에서 클릭(Windows)하거나 Command 키를 누른 상태에서 클릭(Macintosh)하여 선택합니다.참고:
정의된 사이트 밖에 있는 파일을 선택하려면 파일 패널의 왼쪽에 있는 팝업 메뉴에서 로컬 디스크를 선택한 다음 해당 파일을 선택합니다.
-
선택한 파일 중 하나를 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 [로컬 파일 비교]를 선택합니다.참고:
원버튼 마우스를 사용할 경우에는 선택한 파일 중 하나를 Ctrl 키를 누른 상태에서 클릭합니다.
파일 비교 도구가 시작되어 두 파일을 비교합니다.
두 원격 파일 비교
원격 서버에 있는 두 파일을 비교할 수 있습니다. 이 작업을 수행하려면 먼저 Dreamweaver 사이트를 원격 설정으로 정의해야 합니다.
-
파일 패널의 오른쪽에 있는 팝업 메뉴에서 [원격 보기]를 선택하여 원격 서버에 있는 파일을 표시합니다.
-
두 파일을 Ctrl 키를 누른 상태에서 클릭(Windows)하거나 Command 키를 누른 상태에서 클릭(Macintosh)하여 선택합니다.
-
선택한 파일 중 하나를 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 [원격 파일 비교]를 선택합니다.참고:
원버튼 마우스를 사용할 경우에는 선택한 파일 중 하나를 Ctrl 키를 누른 상태에서 클릭합니다.
파일 비교 도구가 시작되어 두 파일을 비교합니다.
로컬 파일을 원격 파일과 비교
로컬 파일을 원격 서버에 있는 파일과 비교할 수 있습니다. 이 작업을 수행하려면 먼저 Dreamweaver 사이트를 원격 설정으로 정의해야 합니다.
-
파일 패널에서 로컬 파일을 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 [원격과 비교]를 선택합니다.참고:
원버튼 마우스를 사용할 경우에는 로컬 파일을 Ctrl 키를 누른 상태에서 클릭합니다.
파일 비교 도구가 시작되어 두 파일을 비교합니다.
원격 파일을 로컬 파일과 비교
원격 파일을 로컬 파일과 비교할 수 있습니다. 이 작업을 수행하려면 먼저 Dreamweaver 사이트를 원격 설정으로 정의해야 합니다.
-
파일 패널의 오른쪽에 있는 팝업 메뉴에서 [원격 보기]를 선택하여 원격 서버에 있는 파일을 표시합니다.
-
패널 안의 파일을 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 [로컬과 비교]를 선택합니다.참고:
원버튼 마우스를 사용할 경우에는 해당 파일을 Ctrl 키를 누른 상태에서 클릭합니다.
열린 파일을 원격 파일과 비교
Dreamweaver에 열려 있는 파일을 원격 서버의 해당 파일과 비교할 수 있습니다.
-
문서 창에서 [파일] > [원격과 비교]를 선택합니다.
파일 비교 도구가 시작되어 두 파일을 비교합니다.
참고:또한 문서 창 위쪽에 있는 문서 탭을 마우스 오른쪽 버튼으로 클릭한 다음 컨텍스트 메뉴에서 [원격과 비교]를 선택할 수도 있습니다.
파일을 올리기 전에 비교
파일을 로컬에서 편집한 다음 원격 서버에 업로드할 경우 Dreamweaver에서는 해당 파일의 원격 버전이 변경되었는지 여부를 알려 줍니다. 파일을 업로드하여 원격 버전을 덮어쓰기 전에 두 파일을 비교하는 옵션이 있습니다.
시작하기 전에 시스템에 파일 비교 도구를 설치한 다음 Dreamweaver에서 해당 도구를 지정해야 합니다.
-
Dreamweaver 사이트에서 파일을 편집한 후에 [사이트] > [올리기]를 클릭하여 원격 사이트에 파일을 올립니다.
파일의 원격 버전이 수정되었을 경우에는 차이점을 볼 수 있는 옵션과 함께 알림 메시지가 나타납니다.
-
차이점을 보려면 [비교] 버튼을 클릭합니다.
파일 비교 도구가 시작되어 두 파일을 비교합니다.
파일 비교 도구를 지정하지 않은 경우 특정 도구를 지정하라는 메시지가 표시됩니다.
-
도구를 사용하여 차이점을 검토하고 병합한 후에 올리기 작업을 계속하거나 취소할 수 있습니다.
파일 동기화 시 비교
사이트 파일을 Dreamweaver와 동기화할 때 파일의 로컬 버전과 원격 버전을 비교할 수 있습니다.
시작하기 전에 시스템에 파일 비교 도구를 설치한 다음 Dreamweaver에서 해당 도구를 지정해야 합니다.
-
마우스 오른쪽 버튼으로 파일 패널 안의 아무 곳이나 클릭하고 컨텍스트 메뉴에서 [동기화]를 선택합니다.
-
[파일 동기화] 대화 상자와 관련된 작업을 완료하고 [미리보기]를 클릭합니다.
[미리보기]를 클릭하면 동기화하는 동안 실행할 작업과 선택한 파일이 나열됩니다.
-
비교할 파일을 목록에서 선택하고 [비교] 버튼(두 개의 작은 페이지 그림이 있는 아이콘)을 클릭합니다.참고:
해당 파일은 HTML이나 ColdFusion 파일과 같은 텍스트 기반의 파일이어야 합니다.
Dreamweaver에서 비교 도구가 시작되어 선택한 각 파일의 로컬 버전과 원격 버전이 비교됩니다.