WEB개발이야기/웹퍼블리싱 2018. 8. 29.
jQuery로 A태그 실행 시키기
웹퍼블리싱을 하다 보면 사용자가 아니라 javascript에서 A태그에 적혀있는 링크를 실행시켜야 하는 경우가 종종 있습니다. 다시말해 사람이 클릭하는 것이 아니라 조건에 맞으면 javascript가 클릭하게 하는 방법입니다. 저도 한참 찾아 해맸었는데.. 아래와 같은 jQuery 명령어로 실행이 가능 합니다. $('선택자').get(0).click(); 간단하게 예제를 살펴보시면 이해가 될것입니다. Javascript 코드 if( true ) { $('#uxgjs').get(0).click(); } HTML 코드 조건이 참이면 http://uxgjs.tistory.com이 경로로 이동을 합니다.
IT이야기/맥북 2018. 8. 22.
화면하단에 있는 DOCK바를 가리는 방법
맥북을 처음 사용하는 사람들 중에 맥북 화면 하단에 있는 DOCK바를 거슬려하는 사람도 있을 것입니다. 맥북의 DOCK바도 Windows의 상태바처럼 처음에는 가려져 있다가 마우스를 올렸을 경우 보이게 하는 방법이 있습니다. DOCK바를 컨트롤하는 여러가지 옵션이 있지만 간단하게 DOCK바를 세팅하는 2가지 요소를 소개합니다. DOCK바 가리기 ▲ DOCK바의 빈공간에서 마우스의 오른쪽 버튼을 클릭하면 나오는 메뉴에서 가리기 켬을 선택합니다. 이제 기본적으로 DOCK바는 보이지 않고 마우스가 DOCK바가 있던 근처에 오면 DOCK바를 보여 줍니다. DOCK바 아이콘 확대하기 ▲ DOCK바의 빈공간에서 마우스의 오른쪽 버튼을 클릭하면 나오는 메뉴에서 확대 켬을 선택합니다. 중요한 요소는 아니지만 내가 선택..
IT이야기/맥북 2018. 8. 16.
맥북에서 Windows 파일서버에 접속하는 방법
맥북에서 Windows 시스템에서 공유하는 파일서버에 접근하는 방법을 알려드리겠습니다. 맥과 다르게 Windows에서는 파일 공유 프로토콜로 SAMBA를 사용합니다. 맥에서도 SAMBA프로토콜을 지원하기 때문에 접속하는 것은 어렵지 않습니다. ▲ Finder > 이동 탭에서 서버에 연결을 선택합니다. ▲ 서버에 연결하는 화면이 나옵니다. Windows의 SAMBA프로토콜을 활용합니다. 서버 주소입력란에 smb://IP주소/공유폴더명이라고 입력합니다. +를 선택하여 자주 사용하는 서버에 등록을 합니다. 연결을 선택하여 연결합니다. 정확히 작성을 했다면 아래와 같은 접속된 화면을 볼 수 있습니다. ▲ 위와같이 원하는 공유폴더에 접속이 된 것을 확인할 수 있습니다. 해당 연결을 즐겨찾기에 추가해서 지속적으로 ..
WEB개발이야기/웹퍼블리싱 2018. 8. 12.
원하는 DIV박스 안에 최적의 이미지 사이즈로 표시하기
이미지를 최적의 사이즈로 마추어서 표시해야 할 때가 있습니다. 저같은 경우는 Bootstrap 4의 card Component를 사용할 경우에 필요해서 개발을 해 봤습니다. 구현결과 구현하고자 하는 모양새는 아래와 같습니다. 이미지가 넓이로 긴 경우 높이값을 100%로 맞추고 넓이값을 중앙으로 맞춥니다. 이미지가 높이로 긴 경우 넓이값을 100%로 맞추고 높이값을 중앙으로 맞춥니다. HTML 구현 핵심은 class="js-imgSizeSame" 입니다. 이 클래스명을 기준으로 javascript로 사이즈를 조절합니다. javascript 구현 javascript는 jquery를 활용하였습니다. 이미지를 찾는 부분과 불러온 이미지의 크기를 조절하여 중앙으로 맞추는 Function으로 구분하여 작성하였습니다..
IT이야기/맥북 2018. 8. 9.
맥북에서 Citrix로 VDI(버추얼데스크탑) 사용하기
윈도우즈 환경에서는 vdi웹사이트에 접속하고 클라이언트를 바로 다운받아 설치하면 가상데스크탑을 사용하기가 어렵지 않았으나 MAC로 넘어오면서는 자연스럽게 사용이 힘드실 것입니다. 아래와같이 Citrix 클라이언트를 먼저 설치해 주고 접속하시면 맥북에서도 가상데스크탑을 사용할 수 있습니다. Citrix 클라이언트 설치하기 Citrix홈페이지에서 맥용 Citrix 클라이언트를 다운받아서 설치합니다. Citrix홈페이지 접속하여 다운로드를 받습니다. 우상단의 다운로드받은 항목을 클릭하여 설치를 합니다. Install Citrix Receiver를 클릭하여 설치를 합니다. 이제 웹브라우저에서 접속주소를 입력하고 접속을 합니다. 만약 이미 띄워져 있는 웹브라우저라면 웹브라우저를 닫고 다시 열어서 접속을 하면 원활..
IT이야기/맥북 2018. 8. 9.
맥북의 매직마우스 스크롤이 자연스럽게 작동하지 않을때 해결방법
윈도우에서 맥북으로 넘어온 경우 기존에 사용하던 방식이 자연스럽지 않은 경우들이 많이 있는데요. 그중에 터치패드를 사용하지 않고 매직마우스를 사용하는 경우 마우스의 스크롤이 꺼꾸로 작동하는 것 때문에 햇갈린 경우가 있습니다. 이부분을 시스템환경설정으로 간단히 해결할 수 있습니다. ▲ 시스템환경설정 화면에서 마우스를 선택합니다. ▲ 스크롤방향:자연스럽게의 체크박스를 해제합니다. 윈도우즈 사용자 입장에서는 별로 자연스럽지는 않았습니다. 이제 마우스 스크롤을 사용하시면 정말 자연스러워졌을 것입니다. ^^
IT이야기/맥북 2018. 8. 8.
Hiper backup으로 외부저장장치에 백업받기
스냅샷이 없는 NAS 기종에서도 이전부터 정통적으로 안정적으로 백업을 잘 받아 주는 Hiper Backup에 대한 포스팅입니다. 가지고 있는 데이터를 모두 백업받고 기존의 NAS의 파일시스템을 Btrfs로 변환을 하고자 합니다. 먼저 Hiper Backup 패키지를 설치하고 매인메뉴에서 Hiper Backup을 실행 시킵니다. 백업받기 백업 대상이 다양하게 많이 있습니다. 그 중에서도 로컬폴더 및 USB를 선택합니다. 백업을 받을 대상을 설정합니다. USB외장장치가 연결되면 자동으로 usbshare1 라는 공유폴더 생성됩니다. 이 공유폴더를 선택하면 디렉토리명도 자동으로 작성이 됩니다 물론 다른이름으로 변경도 가능합니다. 어떤 것을 백업 받을 지를 선택합니다. 공유폴더명이 대상입니다. 위에는 데이터에 대..
IT이야기/맥북 2018. 8. 8.
맥북 하드디스크 파티션 나누기
맥북 파티션 나누기 맥북도 Windows처럼 하드디스크 1개를 C드라이브, D드라이브 처럼 논리적으로 나누어서 사용할 수 있습니다. 저는 본능적으로 DATA를 별도의 디스크에 저장하는 습성이 있어서 나누어 보았습니다. 혹시 파티션을 나누어서 사용하실 요량이라면 아래의 내용을 따라하시면 쉽게 적용가능할 것입니다. 디스크 유틸리티 실행 먼저 디스크 유틸리티를 실행해야 합니다. 디스크유틸리티를 찾는 방법은 여러가지가 있는데 아래에 2가지 방법을 알려드립니다. command + 쉬프트키 : Spotlight 검색창을 오픈 후 디스크 유틸리티라고 입력하고 선택하여 엔터를 누름 Finder > 이동 > 유틸리티 > 디스크 유틸리티 선택 파티션 나누기 파티션을 나눌때에는 항상 신중해야 합니다. 자칫 잘못하면 데이터를..
IT이야기/시놀로지 2018. 8. 8.
운영중인 시놀로지NAS Btrfs 파일시스템으로 변경하기
이번에 DS214play에서 DS918+로 넘어왔습니다. 요즘 이것 저것 해보고 있는데, 가장 기본이 되는 파일시스템을 Ext4에서 Btrfs로 변경을 하면서 알게 된것들을 포스팅하려고 합니다. 214play에서는 선택의 여지 없이 Ext4만 사용 할 수 있었는데 918+는 Ext4와 Btrfs 2개 중에 1가지를 선택할 수 있는 선택지가 있습니다. Ext4는 성능위주의 시스템에 적합하고 Btrfs는 데이터의 안전성에 적합하다고 합니다. 저는 데이터의 안전성이 우선이기 때문에 Btrfs로 변경을 하려고 했으나 불행히도 파일시스템을 변경하기 위해서는 기존에 있던 모든 것을 초기화하고 완전히 재설정을 해야만 가능하다는 소리를 들었습니다. 그래서 데이터를 백업하기 위해서 이지스토어 4TB를 구매했습니다. 현재..
IT이야기/시놀로지 2018. 8. 8.
HDD용량을 늘리기위해 이지스토어를 구매했습니다.
시놀로지 DS 918+로 넘어오면서 기존에 4TB * 2개로 운영하던 NAS를 8TB로 운영하기 위해 4TB 하드디스크를 구매힜습니다. 아시는 분은 아시겠지만 특이하게도 그냥 HDD 4TB를 구매하는 것 보다 외장하드인 WD 이지스토어 4TB를 구매하는 것이 더 싸게 먹힌다는 점입니다. 하지만 아직 이지스토어가 국내에 정식판매가 되지 않기 때문에 해외에서 구매를 해야 하는 불편함이 있습니다. 해외직구가 익숙하다면 블랙프라이데이 같은 시기 적절 할 때 구매를 하면 좋겠지만 영어 울렁증이 있어서 해외직구를 못하시는 분은 네이버쇼핑, 지마켓, 11번가 같은 오픈마켓에서 직구를 대행해 주는 국내 업자를 이용하는 것도 좋은 방법입니다. 배송시간이 오래걸려서 그렇지 직접구매하는 것과 가격차이가 많이 나지는 않습니다..