Dreamweaver CC 최신 릴리스의 새로운 기능에 대해 학습합니다.

참고:

Dreamweaver 버전 19.0.1에서는 Bootstrap 4.2.1에 대한 지원이 포함되었으며 이전 버전의 Dreamweaver에서 발견된 문제가 해결되었습니다. 이번 업데이트는 모든 사용자에게 권장됩니다. 

자세한 내용은 Bootstrap을 사용하여 반응형 웹 사이트 디자인을 참조하십시오. Dreamweaver의 이번 버전에서 수정된 버그에 대한 정보는 Dreamweaver CC에서 해결된 문제를 참조하십시오. 

logo-mnemonic

Dreamweaver CC 2018년 10월 릴리스(버전 19.0)에는 웹 디자이너 및 개발자를 위한 흥미롭고 새로운 기능이 포함되었습니다. 이러한 기능에 대한 간략한 소개를 읽어 보고 추가 정보를 제공하는 리소스에 대한 링크를 확인하십시오.


JavaScript 리팩터링

웹 개발자는 이제 JavaScript 리팩터링을 통해 범위를 인지하고 함수와 변수의 이름을 스마트하게 바꿀 수 있습니다. 단 한 번의 클릭으로 익명의 표현식 또는 함수 블록을 화살표 표현식으로 변환할 수 있습니다. Class/Construct의 컨텍스트에서 선택한 식별자에 대해 Get/Set 함수를 만들 수 있습니다. 이제 현재 범위에서 표현식을 변수로 추출하고 코드 조각을 선택하고 해당 코드에 대한 Try/Catch 블록을 만들 수 있습니다.

HTML, PHP 및 JavaScript 문서 유형으로 코드를 리팩터링할 수 있습니다. Dreamweaver에서 코드 영역을 마우스 오른쪽 버튼을 클릭하면 표시되는 메뉴에서 리팩터를 선택할 수 있습니다. 생산성을 높이기 위한 리팩터의 일부 유용한 기능으로는 이름 바꾸기, 변수로 추출, 함수로 추출, Try Catch로 감싸기, 조건으로 감싸기, 화살표 함수로 변환Getters/Setters 만들기가 있습니다.

새로운 기능에 대한 자세한 내용은 Dreamweaver에서 코드를 작성하고 편집하는 방법을 참조하십시오. 

JavaScript 리팩터링 옵션
JavaScript 리팩터링 옵션

ECMAScript 6 지원

ECMAScript 6는 ECMA-262 표준의 여섯 번째 에디션이며 ECMAScript 사양의 주요 변경 사항 및 개선 사항을 제공합니다. ECMAScript는 ECMA international에서 표준화한 스크립팅 언어 사양입니다. 

이제 Dreamweaver가 ECMAScript 6 구문을 지원합니다. 웹 개발자는 이제 ECMAScript 6 기능을 활용하여 최신 JavaScript 업데이트로 작업을 수행할 수 있습니다. 

또한 Dreamweaver는 ESLint가 JavaScript 린터로 기본 설정되어 있는 ECMAScript 코드에 대한 린팅도 지원합니다.

자세한 내용은 코드 린트를 참조하십시오. 

새로운 CEF 통합 기능

웹 디자이너 또는 웹 개발자가 HTML 태그 또는 CSS 속성을 만들어 웹을 확장하려는 경우에는 최신 웹 개발 기능이 필요합니다. 최신 기능을 통한 출력 내용을 조회하기 위해 Dreamweaver 개발자는 라이브 뷰가 아닌 실시간 미리보기 옵션을 사용해야 했습니다. 

Dreamweaver가 이제 새로운 버전의 CEF(Chromium Embedded Framework)와 통합됩니다. 새로운 CEF를 통해 이제 라이브 뷰가 CSS 그리드 레이아웃을 사용하여 디자인된 페이지를 렌더링합니다. 또한 이번 변경을 통해 보다 나은 CSS 그리드 레이아웃을 볼 수 있습니다. 

새로운 CEF 통합 기능을 갖춘 CSS 그리드 레이아웃
새로운 CEF 통합 기능을 갖춘 CSS 그리드 레이아웃

보안 개선 사항

이제 Dreamweaver가 다양한 보안 강화 기능을 제공하므로 대부분의 호스팅 제공업체를 지원할 수 있습니다. 

OpenSSH 및 OpenSSL 이제 Dreamweaver가 새로운 OpenSSH(버전 7.6)와 통합되어 여러 호스팅 서버에 대해 원활한 SFTP 연결이 가능해졌습니다. OpenSSL이 버전 1.0.2 K에서 1.0.2o로 업그레이드되었습니다.

LibCURL - 이제 Dreamweaver가 새로운 Lib Curl 버전(7.38에서 7.60으로 업그레이드됨)과 통합되어 사용자에게 보안 연결 기능을 제공합니다.

Node.js 버전이 6.14.0으로 업그레이드되었습니다.

Zlib 버전이 1.2.11로 업그레이드되었습니다.

홈 화면

이제 Dreamweaver를 실행하면 개선된  화면이 표시되며, 다음과 같은 옵션이 제공됩니다.

  • 개념, 워크플로, 팁 및 요령을 빠르게 배우고 이해하는 데 유용한 다양한 종류의 튜토리얼 열기
  • 새 문서 만들기 또는 기존 문서 열기

화면의 내용은 Dreamweaver 및 Creative Cloud 멤버십 플랜에 대한 사용자의 숙련도를 기반으로 맞춤화됩니다. 

자세한 내용은 Dreamweaver 작업 영역을 참조하십시오.

Dreamweaver 시작 화면
Dreamweaver 시작 화면

기타 변경 사항

찾기 및 바꾸기

이번 릴리스에는 찾기 및 바꾸기 대화 상자에서 저장 및 불러오기 쿼리에 대해 이전에 제공되었던 기능이 다시 적용되었습니다. 자세한 내용은 텍스트, 태그 및 속성 찾기 및 바꾸기를 참조하십시오. 

실시간 미리보기 개선

이제 실시간 미리보기에 브라우저에서 문서 미리보기로 전환할 수 있는 옵션이 제공됩니다. 자세한 내용은 페이지 미리보기를 참조하십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책