9월 23일(한국시간으로 9월 24일), 어도비에서 라이브 캐스트 방식으로 CS4 제품군을 발표한 날입니다. (다시보기)
MM과 인수합병 이후, '크레이티브 스위트'라는 제품군으로 묶이고 난후로 부터 4번의 큼직한 변화이기도 합니다.
CS3이후부터, 필자가 가장 인상깊었던건 크레이티브 스위트 제품군간의 협업강화에 어도비에서 많은 노력을 쏟아 부었다는 점입니다.
(제일 첨엔 이게 화학원소 기호인가 싶었습니다 ㅋㅋ)
CS3에 대해 알게된지도 얼마 안된것 같은데(사실 그동안은 CS초기버전이 편해서 그걸 계속 써오고 있었습니다.) 벌써 CS4가 세상에 나오게되었군요... 흐흐흐..
필자는 얼마전에 어도비 제품군들을 사랑하는 사람들끼리 모인 '어도비서포터즈1기' 멤버로 선정되어, 어도비 CS4제품군들을 '누구보다 빠르게, 난 남들과는 다르게' 미리 써볼수 있는 기회가 주어졌습니다.
CS4제품군들을 미리 받아서 써본지는 꽤 되었습니다.
'왜 최신기술 너만 먼저 써보고, 알려주지 않는가 -_- 못된놈!! 엉덩이에 뿔이나 놔라'라고 하실분들을 위해
(후... 후덜덜..)
그...래...서!
CS4에 대한 유익한 정보, 새로운 기능들을 여러분들께 가장 먼저 알려드리는 창구가 되고자!
CS4 미리보기 시리즈를 연재할려고하니다.
전 주로 Web Premium 위주로 다루어볼 예정이니 많이 기대해주세요 : )
미국에서는 11월 중으로 유통될 예정이고, 한국에서는 12월쯤에 유통될 예정이라고 합니다.
그럼 이제부터 본격적으로 CS4를 살펴보도록 할까요?
1. 설치과정
(본 리뷰는 CS4 July 2008 Beta기준으로 작성되었으며, 정식 출시시 내용이 상이해질수도 있습니다.)
서포터즈 발대식 이후 두근거리는 마음을 앉고, 첫번째 CD를 넣고 기다려보았습니다.
잠깐 불러오는 과정이 진행되더니, Adobe CS4 Master Collection을 설치해볼까? 라고 예쁜 화면이 나오네요.
사용권 계약을 마치고, 시리얼을 넣고, 설치 옵션을 지정해주는 화면으로 왔는데..
(혹시 Winxp SP3 이하이신 분들은, 지원하지 않는 환경이다 라고 경고메세지가 나옵니다. 하지만 무시하고 진행해도... 큰 무리는 없습니다...)
모든 제품군들을 설치하고 나면 모두 14GB이네요..
제일처음에 CD를 받고 나서도, 아 CD가 4장인거보니 DVD를 분할압축했구나.. 라고 생각이 들었는데..
알고보니 DVD가 4장인 셈이군요..
옵션을 지정하고 나면 이제부터 광란의 설치절차..에 돌입하게됩니다.
참고로 필자의 컴퓨터는, CS4의 모든 제품군들을 설치하는데 약 2시간여가 소요되었습니다.
그나마도 DVD를 4장 갈아가면서 해야하니, 가벼운 마음으로 웹 서핑하면서 진행하는게... 정서건강에 좋습니다..
(물론 설치마법사에는 인터넷좀 꺼트려줄래? 라고 하지만..)
그렇게 광란의 설치절차를 마치고 나면..
요렇게 이쁜 CS4 제품군들의 설치가 완료되었습니다.
평가
설치 절차가 이전 CS3제품군이나 다른 제품군에 비해 크게 바뀐점은 없습니다. 설치 과정도 복잡하지 않고, 간단간단하게 몇번의 클릭과, DVD 갈아넣기만 잘 해주면 설치가 쉽게 완료됩니다.
| 2. Dreamweaver CS4 |
Dreamweaver는 웹 페이지 저작툴로, 현재 많은 개발자, 코더, 디자이너분께서 이 툴을 활용해서 웹페이지를 만들고 있습니다.
Dreamwever는 디자인 프리미엄, 웹 프리미엄, 웹 스탠다드, 마스터콜렉션 제품군에 포함되어있습니다.
1부, 2부에서는 Dreamweaver CS4가 어떻게 멋진 모습으로 바뀌었는가에 대해 다루어보고자 합니다 +ㅁ+
-1. Liveview
얼마전 출시된 Adobe AIR에서도 Webkit엔진을 채용해서 HTML을 처리하고 있습니다. Webkit엔진은 사파리에서 채택해 사용중인 웹브라우저 엔진으로 오픈소스 프로젝트로 진행중입니다.
Dreamweaver에서도 이 Webkit엔진을 채용해서 소스코드에 접근중이면서도, 웹 페이지를 실제 브라우저의 조건에서 볼수 있는 Liveview 기능이 추가되었습니다.
Liveview는, 웹 브라우저에서 어떻게 돌아갈것인지 실제로 보면서, 해당 부분이 HTML중 어느 부분인지 쉽게 파악할 수 있고, 또 결과물을 보면서 코딩을 할 수가 있어 유용합니다.
-2. Related Files
웹 페이지를 생성하다보면, 여러 스타일 파일(css)이나, 스크립트 파일(js), xml파일 등을 import해서 작업하게 됩니다.
이 경우 연결 파일을 해당 페이지 퍼블리셔 이외의 사람들이 작업할려면, 소스코드를 직접 찾아서 연결 파일의 경로를 확인해서 봐야 하기 때문에, 작업 효율이 떨어지고, 또 코딩스타일에 따라 import된 파일이 한곳에 몰려있지 않고, 뒤죽박죽인 경우 쉽게 파악할수 없다는 단점이 있습니다.
Dreamweaver CS4에서는 related files라고 해서, 해당 페이지와 연관된 스타일파일(CSS), 자바스크립트파일(JS), XML, PHP, ASP.NET 파일등을 상단 사이드에 표시해 주기 때문에, 해당 페이지를 구성하는 여러 파일들을 좀더 효과적으로 관리하고, 또 해당 페이지를 작업한 사람이 아니라도, 쉽게 파악하고 작업할 수 있다는 장점이 있습니다.
해당 페이지의 경우엔 source code로, 나머지 연결된 파일의 경우 연결된 파일의 이름으로 출력됩니다.
-3. Code Navigator
한 페이지를 작업하다 보면, 이 페이지의 이런부분은 '어떤 부분의 영향을 받았지? 어떤 자바스크립트로 동작하지?'에 대해 알아볼려면, 제일 먼저 소스코드를 직접 살펴보고, 해당 스크립트나 스타일들의 연결고리들도 직접 살펴보아야 하기 때문에, 쉽게 살펴볼수 없다는 단점이 있습니다.
Dreamweaver CS4에는 Code Navigator이라는 기능이 추가되었습니다. Code Navigator는 팝업창 형태로 표시되며, Code View, Design View에서 특정영역에서 우측 클릭으로 볼 수 있습니다.
Code Navigator는 해당 특정영역에 영향을 미치는 CSS, JavaScript, ServerSide includes, iframe등의 모든 소스코드들을 보여줍니다.
예를들어, '이 메뉴바의 경우 링크에 롤오버시 밑줄을 없애주고 싶어'와 같은 상황이 발생하였다면,
해당 메뉴바에서 Code-Navigator을 열어서 a:hover을 찾고, 그 부분으로 들어가서 text-decoration을 none로 바꿔주면 적용이 완료됩니다.
Code Navigator은 위처럼, 소스코드의 영향을 미치는 어떤 일부분을 한눈에 파악하고, 또 그 부분들을 수정하거나 추가하는데 있어 특히 유용합니다.
이상으로 CS4미리보기 1부를 마칩니다 : )
궁금하신점은, 밑에 댓글로 남겨주세요!
그럼 2부에서 뵙겠습니다!
