본문 바로가기

Designer스토리

(73)
리눅스 아파치 (Apache) 상태 확인 및 재시작 하는 방법 Linux Apache 상태 보기와 재시작 및 중지시키는 방법 아파치는 웹서버 구축을 위해 사용되는 오픈 라이센스를 가지고 있어서 많이 사용하는데 리눅스나 유닉스 계열뿐만 아니라 윈도우에도 무료로 사용할 수 있습니다. 웹 서비스를 제작하다 보면 필연적으로 아파치(Apache)와 톰캣(tomcat)을 많이 접하게 됩니다. 간단한 사용법들은 익혀 두는 게 좋은데 일일이 기억하기는 쉽지 않죠. 간단한 몇 가지의 명령어로 아파치의 상태를 확인하고 컨트롤할 수 있습니다. 리눅스 접속 프로그램인 Putty로 접속해서 터미널로 접속해서 사용하면 됩니다. Apache 상태확인 가끔 웹 서버가 응답을 하지 않으면 아파치의 상태부터 확인해야 하는데요. running Fail이 뜬다면 아파치를 다시 시작해 주어야 하는데 아..
Swiper를 탭 안에 사용할 때 탭 안에서 정상 작동하게 하는 방법 퍼블리싱도 예전에는 간단한 작업들이 많았지만 요즘은 라이버리나 오픈소스나 다양한 플러그인이 있어서 이것저것 활용하기가 좋습니다. 처음 디자인과 퍼블리싱 하던 시절을 생각하면 요즘 환경은 많이 편해진 것 같지만 요즘은 예전보다 공부할 것도 많고 작업이 더 복잡하고 다양한 요구사항들이 생겨서 그닥 좋은것만은 아니긴 하네요. Swiper는 터치 슬라이드 환경이 많은 모바일에 맞춰 만들어진 API인데요. 갈수록 좀 무거워지는 경향이 있지만 아직까진 가장 깔끔한 터치 슬라이드 API 인 것 같습니다. 사용법도 간단하고 다양한 옵션을 제공하기 때문에 모바일이 아니라 PC WEB 환경에서도 종종 사용되곤 합니다. Swiper가 다양한 기능을 담고 있다보니 여러 가지 UI 제작에 활용하게 되는데 단독 사용을 기반으로 ..
포토샵 컬러피커 팔레트 설정이 바뀌어 있다면? 오류 세팅 변경 및 사용법 포토샵 컬러 피커 설정이 바뀌었을 때 대처법 글을 쓰는 블로거는 물론 사진 편집이나 영상까지 포토샵은 이미지를 다루는 사람이라면 거의 필수로 사용하게 되는 툴인데요. 사실 대안이 별로 없기도 하고 프리미어나 에팩까지 어도비 프로그램들이 워낙 강력해서 서로 호환해서 사용하기에 좋기 때문에 포토샵을 사용하는 사람들이 많습니다. 요즘은 CC로 바꿔서 사용하고 있는데 업데이트가 자주 되는게 좋긴 하지만 갈수록 무거워지고 오류도 많아져서 짜증 날 때가 많습니다. 공지도 잘 안 되는 오류로 저처럼 고생하는 사람들이 많던데 그래도 어쩔 수 없긴 하네요. 포토샵을 사용하다보면 필연적으로 많이 사용하게 되는 기능이 중에 하나가 컬러 피커입니다. 컬러 피커는 컬러 팔레트를 담고 있고 컬러를 설정하기 때문에 매우 중요하기도..
viewport meta 태그를 이용해 모바일 해상도에 맞게 레이아웃 자동 변경 태그를 활용한 모바일 해상도 자동 변경 방법 시대의 흐름에 따라 인터넷에 접속할 수 있는 디바이스가 많아지면서 웹 페이지를 만들 때 모바일페이지를 고려 하지 않을 수없게 되었습니다. 반응형이나 기타 다양한 웹페이지의 표기 방법들을 지원하기 시작하면서 디자이너나 퍼블리셔들은 머리가 더 아프게 되었네요. 모바일 디바이스의 해상도는 제각각 인데다, 가로 혹은 세로로 보았을 때 페이지가 적절하게 로드 되도록 하는것은 어제나 고민거리 입니다. 물론 JS를 활용 해 해상도별로 페이지를 맞추는게 가장 깔끔하겠지만 기본적으로는 Viewport 태그를 활용 하는데, viewpoert만 잘 써도 모바일기기에 딱 맞게 랜더링 시킬 수가 있습니다. Viewport는 모바일기기에 화면이 로드 되었을 때 페이지가 적정 해상도로 ..
메일링 뉴스레터 코딩 어떻게 해야 할까? 유의할 점 웹 표준화를 외쳐도 할 수 없는 그것 뉴스레터! 웹 코드는 시간의 흐름에 따라 상당한 발전을 이뤄 왔습니다. 무선인터넷의 발달과 휴대용 스마트 기기의 발달은 디자이너와 퍼블리셔에게 새로운 영역의 도전을 계속 원하고 있습니다. CSS3와 HTML5등 표준화를 위한 노력이 한창이지만 메일 클라이언트의 규격통일은 되지 않으려나 봅니다. 메일 코딩의 문제점이 부각되기 시작한 것도 꽤 오래전 일인데, 아직도 크게 변한 게 없습니다. 사용자마다 사용하는 메일 클라이언트가 다르고 버전이나 사용자의 환경설정에 따라서 메일 랜더링이 달라집니다. 완벽하게 어디서든 작동하는 메일링이란 것은 애초에 존재하지 않을지도 모르지만 알려진 몇 가지만 잘 지킨다면 호환에 크게 문제 되지 않는 메일링을 만들 수 있습니다. 기본 중에 기..
윤폰트, 윤디자인 폰트 매니저 업그레이드 폰트 매니저 새단장~ 더욱 편하고 세련되어 졌네? 웹 디자인을 하는 사람들에게 윤폰트는 가장 기본이 될 만큼 많이 사용되는 폰트 중에 하나 입니다. 초창기에는 시리얼로만 관리가 되었기 때문에 불법복제도 많았는데, 이러한 패단을 막기위해 폰트 매니저 프로그램을 통한 인증을 하고 있습니다. 한동안 폰트 매너저 프로그램 업데이트가 없더니 이번에 업데이트가 되었습니다. 인터페이스가 깔끔해 졌고 조금 더 편리한 기능들이 들어 갔네요. 기존의 폰트 매니저 프로그램보다 훨씬 깔끔하고 예뻐졌죠?^^ 전에는 블랙계역이라서 좀 칙칙 했는데 화사해졌습니다. 사실 폰트를 사용할 때 폰트매니저 프로그램을 별도로 오픈해 보는 일이 없긴 한데, 요건 나름 쓸모가 많아요. 폰트는 폰트관리 탭에서 관리를 할 수 있습니다. 필요한 것은..
어도비 크레이티브 슈트 단축키 배경화면 모음 포토샵, 플래시, 일러스트레이터, 인디자인 등 크레이티브 슈트의 프로그램 단축기를 바탕화면에 깔자그래픽 작업이나 디자인 작업을 하는 사람들은 포토샵이나 일러스트 등의 그래픽 프로그램을 보통 사용하게 됩니다. 요즘은 단품으로 구입하는 사람들도 많지만 이러한 프로그램들을 직업군으로 묶어 놓은 크레이티브 슈트를 구입하는 경우도 많습니다.이러한 그래픽 툴은 작업이 편리하기 때문에 마우스만으로도 충분히 작업을 진행 할 수 있지만, 키보드를 이용한 단축키를 잘 알아 두면 더욱 빠르게 작업을 진행 할 수 있고, 업무에 대한 능률도 오르게 됩니다. 하지만 단축키는 잘 쓰지 않으면 쉽게 잊어버리게 되고, 자주 사용하지 않는 프로그램의 경우는 기억하기가 쉽지 않습니다. 단축키가 잘 외어 지지 않는 분들을 위해 누군가가 고..
뉴아이패드(New iPad)용 아이패드 디자인 가이드 (GUI PSD) (레티나 디스플레이 적용) 레티나 디스플레이 용 아이패드 디자인 가이드 뉴 아이패드가 발표가 되면서 아이패드용 디자인 GUI가 필요하게 되었습니다. 레티나가 올라 갈 때마다... 디자인이 더욱 힘들어 집니다.. 화면이 더 깔끔해 지기 때문에 세세하게 다 표현해야 하거든요..-_-' 물론 디자인 하는 입장에서는 자신이 만든 디자인이 디테일하게 표현되는게 좋기는 하지만 ... 때론... 좀 쉽게 넘어가면 좋겠다는 생각이 들 때가 있거든요..ㅋ 새로운 레티나 디스플레이에 대응하는 뉴 아이패드를 위한 GUI 디자인 가이드 PSD 파일 입니다. 2008년 부터 아이폰 아이패드의 GUI 가이드 파일을 만들어 배포해온 teehanlax.com에서 이번에도 발빠르게 제작을 해 주었내요. 특히 이번에는 CS6을 이용해서 제작을 했다고 합니다. i..
플래시 파일(FLA,SWF)파일로 FLV 파일 및 동영상 파일 상호 변환하기 인터넷을 하다 보면 요즘은 FLV파일을 자주 접하게 됩니다. 어도비의 플래시로 만들어진 플레이어가 거의 표준이 되다 시피 널리 보급이 되고 가볍게 스트리밍이 가능 하면서 플래시에 적은 용량으로 사용하기 편하다는 장점이 있어서 FLV파일이 널리 쓰이고 있는 것 입니다. FLV 파일은 무었? FLV는 Flash Video의 약자로 플래시에서 사용하는 동영상 파일 포멧 중 하나 입니다. 비슷하게 플래시에서 사용되는 파일 포멧은 .flv, .f4v, .f4p, .f4a, .f4b가 있지만 가장 포편적으로 널리 사용되는 것이 FLV 파일 입니다. 플래시 파일포멧 이지만 플래시 프로그램만 가지고는 제작이 되지 않고 물론 편집도 불가능 합니다. 플래시 프로그램에서는 단순히 FLV파일을 라이브러리에 등록해서 오브젝트로..
멋진 도장 직인을 만들 수 있는 도장서체, HJ한전B,HJ한전A 디자인 작업을 하다보면 도장 이미지를 만들일이 종종 생깁니다. 도장을 만드는 방법은 여러가지가 있지만 간단한 도장 이미지를 만든다면 한전체 폰트와 원만을 이용해서 도장을 만들 수 있습니다. 한전체는 A,B로 나누어 지는데 위의 그림을 보면 차이를 알 수 있습니다. 한전체B는 좀더 둥글둥글한 모양이고 한전서체 A는 좀 각진 모양을 하고 있습니다. 한글 뿐만 아니라 영문도 상당히 괜찮은 느낌으로 사용할 수 있습니다. 영문서체는 비교적 정리가 잘 되어있는곳도 많고 해외사이트도 많기 때문에 찾기가 쉽긴하지만 일일이 뒤지는게 귀찮습니다.. 내.. 김군은 귀찬니즘에 빠져 있으니까요..ㅋㅋ 가끔 디자인할 때 요것 써먹어야 겠습니다..^^