'IT이야기'에 해당되는 글 52건
IT이야기
IT이야기/Adobe프로그램 2019.06.12 14:09 ${data.list[i].commentCount}
Adobe 포토샵과 XD의 다른점
이전에도 포스팅 했던 것 처럼 스케치라는 프로그램이 출시되면서 이제 UI디자인 트렌드도 워터폴 개발 방법론에서 애자일 개발 방법론으로 많이 따라가고 있는 추세입니다. 이전 포스팅 참조 : UI디자인 개발 트렌드의 변화 그래서 이번에는 기존에 UI디자인 툴로 많이 사용했던 Adobe 포토샵과 최근에 많이 사용하고 있는 UI디자인 전용 툴인 Adobe XD의 차이점을 제가 아는 한도 내에서 정리를 해 볼까 합니다. 포토샵은 비트맵 이미지를 다루고 XD은 벡터 이미지를 다룹니다. 포토샵은 기본적으로 비트맵 이미지를 다루지만 XD는 벡터 이미지 방식을 사용합니다. 비트맵 이미지의 경우 픽셀에 대한 이미지 색상정보를 저장했다가 보여주는 방식인 반면에 백터 이미지 방식은 이미지의 지점 정보와 계산식으로 이미지를 저..
IT이야기/시놀로지 2019.06.11 11:33 ${data.list[i].commentCount}
시놀로지 Docker로 Nodejs 웹서버 설치하고 띄우기
도커에서 Nodejs웹서버를 설치하고 띄우는 일은 간단하면서도 매우 유용한 작업입니다. 시놀로지 도커(Docker)은 주로 GUI로 설치를 진행하게되어 있어서 편리하기는 하나 아직 참고할 만한 자료들이 별로 없어서 처음 시도할 때는 애를 좀 먹게 되어 있습니다. 그래서 이번에는 시놀로지에 있는 도커(Docker) 스테이션으로 Nodejs 웹서버를 설치하고 실행하는 과정을 포스팅 해보려고 합니다. 전체적인 설명은 이전에 시놀로지 Docker 기본 사용법이라고 포스팅을 했으니 먼저 읽어보시는 것이 좋습니다. 레지스트리에서 nodejs 이미지 다운로드 받기 node.js로 웹서버를 실행시키는 것이 목적이니 먼저 node.js 도커 이미지를 다운로드 받아야 합니다. node.js 도커 이미지를 어디에서든 받아오..
IT이야기/Adobe프로그램 2019.05.29 18:53 ${data.list[i].commentCount}
UI디자인 개발 트렌드의 변화
웹디자인을 하던 모바일 디자인을 하던 UI 디자인(User Interface Design)을 하기 위해 지금까지 중심이 되어 온 툴은 포토샵이였다. 비교적 근래에 업종으로 자리 잡게된 UI 디자인(웹디자인/모바일 디자인)은 주로 시각디자인을 전공하던 그래픽디자이너나 편집디자이너, 제품디자이너 등이 작업하기 시작했으며 전용 툴이 없던 UI디자인은 시각디자이너들에게 익숙한 포토샵을 주로 사용하게 되었다. 매크로미디어의 파이어폭스나 Adobe의 이미지레디 등 여러 업체들이 UI디자인 전용 툴을 개발하기 위해 시도는 했으나 대부분 실패했고 아직도 범용 디자인 툴인 포토샵이 UI디자인 툴로써 긴 명맥을 유지하고 있었다. 그러다가 몇 년전 부터 슬슬 변화의 바람이 불기 시작했다. 보헤미안(Bohemian)이라는 회..
IT이야기/시놀로지 2019.05.27 23:31 ${data.list[i].commentCount}
시놀로지 Docker 기본 사용법
시놀로지 DS918+ 로 넘어온 이유 중 하나가 도커를 사용할 수 있다는 것 이였습니다. 기존에 사용하던 것은 Synology DS214+ 였는데 해당 기기에서는 성능 때문이였는지 Docker패키지를 설치할 수 없었습니다. 저도 도커 초보라서 많이 알지는 못하지만 정리차원으로 포스팅을 해 볼까 합니다. 도커란 무엇인가?? 도커란 컨테이너 기반의 오픈소스 가상화 플랫폼입니다. 라고 인터넷에 많이 올라와 있으나 초보자들에게는 이게 뭔~ 소린가~ 할 것입니다. 그래서 짧고 간단하게 풀어서 설명을 먼저 해 볼까 합니다. VirtualBox, VMware 같은 가상머신이라는 것이 있습니다. 가상머신은 컴퓨터 안에 또 다른 가상의 컴퓨터를 띄우는 기술을 말하는데 MAC컴퓨터에 windows를, Windows컴퓨터에..
IT이야기/Office프로그램 2019.04.25 01:24 ${data.list[i].commentCount}
알아두면 편리한 엑셀의 조건부서식 작성하는 방법
엑셀을 작업할 때 조건부서식이라는 유용한 기능이 있어서 포스팅합니다. 조건부 서식은 말 그대로 셀 안의 내용이 어떤 조건에 해당 하면 그 셀 또는 셀이 속해있는 행 전체에 대해서 서식(스타일)을 자동으로 지정하는 것을 말합니다. 예를 들면 아래의 1번 처럼 완료라는 글자를 썼을 때 해당 행 전체가 회색바탕에 이탤릭체, 취소선이 적용되는 것을 말합니다. 이제 설정하는 방법을 하나하나 말씀드리겠습니다. 홈 메뉴를 선택합니다. 적용 하고자 하는 영역을 선택합니다. D, E 컬럼을 모두 선택하는 것도 좋은 방법입니다. 조건부서식을 선택하고 새규칙을 선택합니다. 6가지 메뉴가 있지만 그중에서 수식을 사용하여 서식을 지정할 셀 결정을 선택합니다. 서식이 적용될 조건을 입력합니다. 자세한 내용은 아래를 참조하세요. ..
IT이야기/맥북 2019.02.12 16:30 ${data.list[i].commentCount}
맥북에서 크롬 브라우저사용 시 먹통 되는 문제 해결 방법
맥에서 크롬브라우저를 사용하는 경우 처음에는 정상적으로 잘 구동되다가 어느 순간 브라우저가 먹통이 되는 경우가 있습니다. google이나 Naver에서 검색을 해도 결과물을 보여주지 않고 계속 우산만 돌리고 있는 경우가 있습니다. 이럴때는 덩달아 사파리 브라우저까지 멈춰버리는 데요.. 왜이럴까~~ 몇 일을 고민하고 인터넷 검색도 해보고 하다가 해결 방법을 찾은 듯 해서 포스팅을 합니다. 1달이 지난 지금까지 아직 이전처럼 먹통이 되는 것을 보지 못했습니다. 원인은 아무래도 하드웨어 가속에 있지 않을까 합니다. 굳이 하드웨어 가속을 하지 않아도 브라우저 결과물이 잘 나오므로 특별한 경우가 아니면 이 옵션을 끄시면 될것 같습니다. 크롬 브라우저에서 하드웨어 가속 끄기 먼저 위와 같이 크롬의 설정화면으로 들어..
IT이야기/시놀로지 2019.01.31 23:17 ${data.list[i].commentCount}
스마트폰으로 시놀로지 OpenVPN 서버 접속하기
스마트폰으로 시놀로지 VPN 서버에 접속하는 방법은 이전에 포스팅을 헀으니 참고하세요. 스마트폰으로 시놀로지 VPN 서버에 접속하기 이번에는 OpenVPN으로 접속하는 방법입니다. 이전 포스팅에 시놀로지에 OpenVPN 서버를 설정하는 방법도 포스팅을 했으니 참고하세요. 시놀로지 VPN 서버와 VPN PLUS은 무엇이 다른것인가 스마트폰으로 시놀로지 OpenVPN 추가하기 OpenVPN은 오픈소스라 무료로 사용할 수 있고 현재 많은 VPN 업체에서도 사용하고있는프로토콜입니다. 비교적 안전하고 속도도 괜찮은 VPN이라고 보시면 됩니다. 다만 앱(프로그램)도 깔아야 하고 Config파일도 설정해야 하고 다소 복잡한 과정을 거쳐야 합니다. 먼저 플레이스토어에서 OpenVPN 앱을 찾아서 설치해야 합니다. 그러..
IT이야기/시놀로지 2019.01.31 23:15 ${data.list[i].commentCount}
스마트폰으로 시놀로지 VPN 서버에 접속하기
이전에 시놀로지 VPN 서버와 VPN PLUS은 무엇이 다른것인가 라는 제목으로 시놀로지로 VPN 서버를 만드는 것을 포스팅 했었습니다. 이번엔 이 VPN서버에 스마트폰으로 어떻게 접근하여 사용하는지 포스팅하려고 합니다. 제 폰이 안드로이드이기 떄문에 안드로이드폰을 기준으로 설명을 드릴 예정이며 아이폰이나 기타 다른폰 일지라도 핵심 설정은 거의 대동소이하므로 참고하실 수 있을 것입니다. 스마트폰으로 VPN PPTP 추가하기 PPTP가 무었인지는 시놀로지 VPN 서버와 VPN PLUS은 무엇이 다른것인가에 설명을 달아놨으니 이전 포스팅을 참조하시면 됩니다. 먼저 스마트폰의 VPN설정 항목으로 이동해야 합니다. 설정 메뉴에서 연결이란 메뉴를 선택합니다. VPN연결은 많은 사람들이 사용하는 핵심 연결이 아니기..
