ux dev

네이버 지도에서 기본적으로 제공하는 정보창을 표시하는 것은 기본 기능으로 제공하지 않는 것으로 보이며, 이를 구현하기 위해서는 다음과 같이 네이버 API 문서에서 제공하는 것과 같이 커스텀 디자인으로 구현이 필요한 것으로 보인다. var HOME_PATH = window.HOME_PATH || '.'; var cityhall = new naver.maps.LatLng(37.5666805, 126.9784147), map = new naver.maps.Map('map', { center: cityhall, zoom: 10 }), marker = new naver.maps.Marker({ map: map, position: cityhall }); var contentString = [ '', ' 서울특별시청..

지도 API를 활용할 때 위치 정보를 나타내기 위해서는 해당 위치의 좌표 수치들을 입력해야 합니다. 과거 네이버 지도에서도 좌표를 확인하는 것이 가능했지만, 현재는 불가능한 것으로 보입니다. 구글맵스를 이용해서 이 작업을 진행해야 하는데, 구체적 방법은 다음과 같습니다. 원하시는 지역 검색 후, 해당 지역을 우클릭하여 'What's here?' 클릭 표시되는 좌표값 정보를 확인

내부망 내부망에서만 접근되도록 설정하는 원격 컴퓨팅 설정은 위 그림처럼 Remote Management를 쉐어링해 주는 것만으로 쉽게 설정이 가능하다. 외부망 외부망에 권한을 허용하고자 하는 경우 5900 포트에 대해서 라우터에서 포트포워딩을 해 주어야 한다. 포트포워딩을 하는 방법의 경우, 한국에서는 IPTIME이나 인터넷제공자가 제공하는 라우터를 많이 쓸텐데 관련 기종에 맞는 포트포워딩 방식을 검색해 보도록 한다. 원격을 접근하기 위한 클라이언트는 RDP 형식 클라이언트가 아니라 VNC 형식을 사용해야 한다. 맥OS에서 접근하는 경우 내장된 Screen Sharing 앱을 통해서 접근이 가능하다.

최근 벡터 기반 툴들은 레이어 패널을 중심으로 구성되어 있습니다. 어피니티디자인과 스케치가 대표적인 예입니다. 가장 popular한 벡터 그래픽 프로그램인 일러스트레이터는 놀랍게도 레이어의 인터페이스에는 크게 신경을 쓰지 않는 모습을 보입니다. 다른 툴들에 비해서 기능성이 다소 떨어지는 편입니다. 제가 겪은 가장 큰 불편 중에 하나는 레이어 패널에서 multiple layer selection이 힘들다는 것이었습니다. 일러스트레이터에서는 이 기능을 공식적으로 제공하고 있지 않습니다(도대체 왜...?). 어도비 포럼을 눈팅한 결과 꼼수로 이같은 기능을 구현할 수 있는 방법을 알게되어 이를 공유드립니다. 레이어 잠금을 활용한 선택된 레이어의 개체 선택 트릭 여러 레이어를 선택 후 '잠금'을 한 후, '컨트롤..

위 그림과 같이 특히 iOS에서 의도하지 않은 숫자들의 전화번호 링크화는 예측하지 못한 요소로서 디자이너들과 사용자를 당황스럽게 할 수가 있다. 이를 제거하는 방법은 다음과 같다. 메타 태그를 추가함으로써 이와 같은 전화번호 변화 현상을 수정할 수 있다. 메타 태그를 설정한 이후에도 자기가 원하는 항목에 대해서는 선별적으로 '전화번호화'를 할 수 있는데 그 방법은 다음과 같다. 123-456-7890 관련 자료 Disabling the conversion of numbers into links on mobile browsers

Effect의 그레인을 활용해서 텍스쳐 제작 텍스쳐를 Transparency로 합성해서 적용하는 방법 magic wand 등을 통해서 텍스쳐를 입히고 싶은 영역을 선택한 후 마스크를 통해서 적용하는 방법 영역 선택 후 마스크 활성화하여 텍스쳐를 통해서 마스킹 진행 텍스쳐다운로드: Grunge Textures Set | Download now free vectors on Freepik 관련자료 How To Add & Create Texture In Illustrator (Plus Tips) How To Create Texture Gradients - Illustrator Tutorial How to create GRAIN and NOISE TEXTURE, Adobe Illustrator Tutorial V..