본문 바로가기

UX 개발

지도 API 연동용 좌표값 확인하기 지도 API를 활용할 때 위치 정보를 나타내기 위해서는 해당 위치의 좌표 수치들을 입력해야 합니다. 과거 네이버 지도에서도 좌표를 확인하는 것이 가능했지만, 현재는 불가능한 것으로 보입니다. 구글맵스를 이용해서 이 작업을 진행해야 하는데, 구체적 방법은 다음과 같습니다. 원하시는 지역 검색 후, 해당 지역을 우클릭하여 'What's here?' 클릭 표시되는 좌표값 정보를 확인
[MacOS] 원격 제어하기 내부망 내부망에서만 접근되도록 설정하는 원격 컴퓨팅 설정은 위 그림처럼 Remote Management를 쉐어링해 주는 것만으로 쉽게 설정이 가능하다. 외부망 외부망에 권한을 허용하고자 하는 경우 5900 포트에 대해서 라우터에서 포트포워딩을 해 주어야 한다. 포트포워딩을 하는 방법의 경우, 한국에서는 IPTIME이나 인터넷제공자가 제공하는 라우터를 많이 쓸텐데 관련 기종에 맞는 포트포워딩 방식을 검색해 보도록 한다. 원격을 접근하기 위한 클라이언트는 RDP 형식 클라이언트가 아니라 VNC 형식을 사용해야 한다. 맥OS에서 접근하는 경우 내장된 Screen Sharing 앱을 통해서 접근이 가능하다.
[HTML] 숫자의 자동 링크화 현상 제거 위 그림과 같이 특히 iOS에서 의도하지 않은 숫자들의 전화번호 링크화는 예측하지 못한 요소로서 디자이너들과 사용자를 당황스럽게 할 수가 있다. 이를 제거하는 방법은 다음과 같다. 메타 태그를 추가함으로써 이와 같은 전화번호 변화 현상을 수정할 수 있다. 메타 태그를 설정한 이후에도 자기가 원하는 항목에 대해서는 선별적으로 '전화번호화'를 할 수 있는데 그 방법은 다음과 같다. 123-456-7890 관련 자료 Disabling the conversion of numbers into links on mobile browsers
블로그 빌더로서의 티스토리 플랫폼 특단점 최근 초대장을 매개로 이루어지던 폐쇄형 블로깅 플랫폼이었던 티스토리가 최근 개방형으로 별도의 초대장 없이도 누구나 블로그를 빌드할 수 있도록 서비스 성격이 개편되었다. 이글루스의 함께 2000년대 초반의 블로그 시장을 주도했던 티스토리가 어떠한 성격의 서비스로 자리잡고 있는지 그리고 활용폭은 얼마나 되는지 파악하고자 한다. 특점 쉬운 가입과 사이트 개설 커스텀 도메인과 SSL 무료 지원 마크다운 에디터 지원 기본적 SEO 지원 모던한 디자인 HTML/CSS 편집 지원 단점 페이지 리스팅 외 사이트 구조를 벗어나기 힘듬 특정 카테고리 기반 페이지 리스팅 불가능 (가능하나 복잡성 높음) 전체적으로 아티클 기반의 블로깅 빌더로서의 제약적 성격이 강함 리소스 관리 힘듬 다변적 개발 환경 지원 안 됨 아티클 기반..
웹 기반 SVG배경패턴 생성기 3종 소개 (2017년 초 기준) *본 포스트는 "CSS-TRICK'에 게재된 " CHRIS COYIER"가 쓴 "Websites to Generate SVG Patterns"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. SVG배경패턴 생성기를 웹에서 구하기 어려운 것은 아니지만, 혹시 필요하실 수 있어서 해당 내용을 포스트해 놓습니다. 밑에 세 가지 제네레이터를 모두 사용해 보았는데, 세 가지 모두 작동을 매우 잘 하였으며, 약간의 코드로 SVG 패턴을 쉽게 제작할 수 있었습니다. *SVG배경패턴 생성기 : 차세대 웹 이미지포맷인 SVG 형태의 배경패턴을 생성해주는 시스템을 말합니다. SVG포맷이기 때문에, 확대해도 깨지지 않고, 용량효율이 좋으며, 수정이 용이합니다. ..
Jekyll과 Github Pages를 이용해서 간편하게 블로그 구축하기 Github Pages와 Jekyll(DB 필요없는 CMS)를 통해서 무료로 간단히 블로그 구축이 가능하다. 이 문서는 지속적으로 업데이트되는 문서입니다. 참고사이트 참고사이트 github pages 참고사이트 jekyll 참고사이트 jekyll for Windows (1) 참고사이트 jekyll for Windows (2) 레포생성 Github Repo를 생성하도록 한다. 아무 파일이나 생성하여 커밋을 하거나 다른 jekyll 블로그를 클론하도록 한다. Jekyll 설치 jekyll은 깃헙 레포만 활용하여 사용할 수도 있지만, 로컬에 설치하여 테스팅할 수도 있다. 루비 기반의 프로그램이므로 윈도우에서 설치 과정은 조금 번거롭다. 위 참고사이트로 올려 놓은 'jekyll for Windows' 사이트에서..
웹호스팅 관련 정보알아보기 (국내/해외) 웹사이트 개설을 위해서는 서버가 필요하다. 웹호스팅 업체는 많은데, 그 종류에 대해 간략하게 알아 보도록 한다. 국내 - 가비아, CAFE24 등 업체 등이 있으며, 개인/중소기업 규모 업체의 경우 CAFE24 등이 저렴한 제품을 제공한다. 무제한 트래픽, 스토리지 등의 조건을 고려했을 때에는 해외 보다는 비싼 가격이 책정되어있다.- 최소 사양에 대한 설치비, 월 유지비가 저렴한 편이므로 프로젝트 초기 생성 시 CAFE24 등을 활용하면 좋다. 해외 - GoDaddy, Hostgator, Bluehost, DigitalOcean, iPage 등의 업체가 있다.- AWS 또한 웹호스팅 형태의 서비스를 제공하는데 lightsail이라는 이름으로 제공한다.- 전반적으로 무제한 트래픽, 스토리지 등을 제공하며 ..
무료 웹 CSS 코드 제네레이터 모음 *본 포스트는 "Envato'에 게재된 " Jake Rocheleau"가 쓴 "Best Free CSS Code Generator Webapps"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다.좀 더 빠른 작업 효율을 위해서 코드 제네레이터를 쓰는 것은 매우 좋은 전략입니다. 특히 좋은 CSS 코드 제네레이터들은 웹에서 쉽게 구할 수 있습니다. Flexy Boxesflexbox는 CSS의 미래라고 볼 수 있습니다. GUI를 통해서 쉽게 flexbox 레이아웃이 구성한 웹앱사이트입니다. 이 웹앱을 사용하시기 이전에 flexbox에 대한 이해도를 높이시는 것을 추천합니다. Scoch.io에 게재된 flexbox에 대한 소개 내용을 참고하시기 바랍..
외주/과외 문의

티스토리툴바