Dreamweaver / 일반 질문

Adobe Dreamweaver는 웹 디자이너 및 프론트 엔드 개발자를 위한 세계에서 가장 완벽한 도구입니다. 강력한 디자인 인터페이스와 업계 최고 수준의 코드 편집기가 탁월한 사이트 관리 툴과 결합되어 웹 사이트를 간편하게 디자인하고 코딩하고 관리할 수 있습니다.

새롭게 단장된 Dreamweaver 2017의 최신 인터페이스와 빠르고 유연한 코딩 엔진을 통해 웹 디자이너와 프론트 엔드 개발자는 모든 크기의 화면에 맞게 자동으로 조정되는 매력적인 웹 사이트를 보다 손쉽게 제작, 코딩 및 관리할 수 있습니다. Adobe Dreamweaver 2017의 이번 릴리스에는 완전히 새로워진 코드 엔진, 어두운 테마와 밝은 테마를 선택할 수 있는 새롭게 단장된 사용자 인터페이스, CSS 프리프로세서와 같은 최신 웹 워크플로에 대한 지원 등 다양한 기능이 추가되었습니다.

긴밀하게 통합되는 Bootstrap을 사용하면 크기, 화면 해상도, 방향에 상관없이 모든 브라우저에 맞게 크기가 조정되는 반응형 웹 사이트를 제작할 수 있습니다. Adobe CreativeSync와의 통합으로 Adobe Stock에서 스톡 사진을 검색하고 액세스할 수 있을 뿐만 아니라 Photoshop 및 Illustrator와 같은 도구에서 디자인 자산으로 간편하게 작업할 수도 있습니다.

Dreamweaver는 Adobe Creative Cloud의 일부이므로 최신 업데이트가 제공되는 즉시 모두 이용할 수 있습니다. Creative Cloud에 대해 자세히 알아보십시오.

Dreamweaver는 코딩하면서 실시간으로 사이트의 변경 내용을 확인할 수 있는 웹 개발 툴입니다.

• Dreamweaver의 새로운 코딩 엔진을 통해 더욱 빠르고 유연하게 코드를 작성할 수 있습니다. 신규 사용자는 코드 힌트를 통해 HTML, CSS 및 기타 웹 표준을 학습할 수 있으며 자동 들여쓰기, 코드 색상 표시 및 크기 조정이 가능한 글꼴과 같은 시각적 보조 도구를 사용하여 오류를 줄이고 코드를 읽기 쉽게 작성할 수 있습니다. 
  
• Dreamweaver는 코드 색상 표시 및 컴파일을 통해 SASS, Less 및 SCSS와 같은 일반적인 CSS 프리프로세서를 지원하므로 작업 시간을 절약하고 코드를 더욱 깔끔하게 작성할 수 있습니다.
  
• 한 번에 하나 이상의 코드 행을 작성해 불릿 목록을 만들고 문자열을 업데이트하고 여러 편집을 동시에 진행하는 등의 작업을 빠르게 진행합니다.
• 빠른 편집 기능은 HTML 파일 내에서 관련 CSS에 대한 인라인 편집기를 제공하므로 빠르게 코드를 변경할 수 있습니다.
  
• 빠른 문서 기능은 코드 보기 내에서 바로 CSS 속성과 관련된 웹 플랫폼 문서 참조 정보를 표시하므로 작업 시간을 단축할 수 있습니다.
  
• 개발자를 위해 고안된 높은 성능의 깔끔하고 새로운 작업 영역에서 신속하게 파일을 로드하여 열고, 보다 빠르게 프로젝트를 진행할 수 있습니다.
• 브라우저를 수동으로 새로 고치지 않고도 코드 작업 시 실시간으로 페이지의 편집 내용을 미리 볼 수 있습니다. 
  
• Dreamweaver의 FTP 기능을 사용하여 웹 서버에 파일을 올릴 수 있습니다.

자세한 내용은 새로운 기능을 참조하십시오.

Dreamweaver 버전 비교를 살펴보십시오.

Dreamweaver를 Adobe Photoshop, Illustrator, Animate 등의 다른 Creative Cloud 도구와 함께 사용하여 수려하고 현대적인 웹 사이트를 제작할 수 있습니다. Creative Cloud Libraries 통합 기능을 사용하여 다른 사용자들과 자산을 공유하고 공동 작업을 수행할 수도 있습니다.

애니메이션을 OAM 포맷으로 내보내고 Dreamweaver에서 가져올 수 있습니다. 자세한 내용은 애니메이션 컴포지션을 Dreamweaver로 가져오기를 참조하십시오.

예. Dreamweaver의 사이트별 코드 힌트 기능은 Joomla, Drupal, Wordpress 또는 기타 프레임워크로 작업하는 동안 코드 힌트를 표시해 줍니다. 자세한 내용은 코드 힌트 및 코드 완성을 참조하십시오.