본문 바로가기
  • 디자이너의 시선으로 소소한 이야기를 기록합니다.

전체보기129

반응형
마우스 우클릭 사용금지 해제하기(크롬 브라우저) 웹사이트에 설정된 마우스 우클릭 사용금지를 해제하는 방법을 알려드릴게요. 해당 방법은 크롬 웹브라우저에서 쉽게 가능합니다. 크롬에서 마우스 우클릭 사용금지 해제하기 01. 키보드 F12를 누르고 개발자 도구를 오픈합니다. 그리고 톱니바퀴(설정) 버튼을 클릭합니다. 02. Debugger - Disable JavaScript의 체크박스에 체크하기 체크박스에 V 체크하시면 마우스 우클릭이 가능해집니다. 단축키로 설정할 수 있는 방법도 알려드릴게요. 키보드 F12 -> 키보드 F1 -> Debugger - Disable JavaScript의 체크박스에 체크하기 로 쉽고 빠르게 설정할 수 있습니다. 2021. 3. 27.
유튜브 채널 쉽게 구독 취소하는 방법(구독 채널 편집) 유튜브를 이용하다 보면 많은 채널을 구독하게 됩니다. 그러다 보면 자신도 모르게 너무 많은 채널을 구독하게 되고 더 이상 보지도 않은 영상들로 보고 싶은 영상을 놓일 수가 있어요. 그러면 더 이상 보지 않는 채널의 구독을 취소해야 되는데, 채널에 일일에 들어가서 구독 취소하기에는 너무 힘들어요. 그래서 쉽게 구독한 채널을 쉽게 관리할 수 있는 방법을 소개할게요. PC에서 구독된 유튜브 채널 쉽게 취소하기 방법 : 좌측 구독 버튼 클릭 > 우측 상단의 관리 버튼 클릭 > 원하는 채널 구독 취소하기 모바일에서 구독된 유튜브 채널 쉽게 취소하기 방법 : 하단 구독 버튼 탭 하기 > 우측 상단 전체 버튼 탭 하기 > 우측 상단 관리 버튼 탭 하기 > 구독 취소하고 싶은 채널 리스트를 좌측으로 밀기 > 구독 취소.. 2021. 3. 21.
워드프레스 웹사이트 네이버 검색에 노출하기 지난 글에는 웹사이트를 구글에 수월하게 노출하는 방법을 포스팅했어요. 이번에는 우리나라의 대표 포털인 네이버에도 노출되도록 서치 어드바이저에서 사이트 최적화해야 해요. 아직 웹사이트를 구글 서치 콘솔에 등록하지 않으셨다면 이전에 포스팅한 글을 확인해보세요.(글 마지막에 확인할 수 있어요) 네이버에 웹사이트 노출 방법 1. 네이버 서치 어드바이저에서 웹사이트 소유권 확인 2. 웹사이트의 사이트맵 제출 3. 웹사이트의 RSS 제출 1. 네이버 서치 어드바이저에서 웹사이트 소유권 확인 우선 네이버 서치 어드바이저에서 해당 웹사이트의 본인 소유인지 확인해야 합니다. 네이버 서치 어드바이저 : searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜.. 2021. 3. 16.
워드프레스 웹사이트 구글 검색에 노출하기 워드프레스로 제작된 웹사이트뿐만 아니라, 제작된 모든 웹사이트들은 구글, 네이버 등에 등록해야 해당 포털 및 검색엔진에서 수월하게 노출돼요. 그래서 워드프레스로 제작한 개인 포트폴리오 웹사이트를 구글에 등록하려고 해요. 많은 사람들이 봐달라고 시간을 투자해서 만들었는데, 아무도 봐주는 사람이 없다면 굳이 웹사이트까지 만들 필요는 없겠죠? 쇼핑몰이나 개인이 운영하는 웹사이트가 있다면 우리 모두 구글에 등록해서 구글 유입량을 늘려 봅시다! 안물안궁 - 개인 웹 포트폴리오 : www.wportfolio.co.kr 구글에 웹사이트 노출 방법 - 구글 서치 콘솔에서 웹사이트 소유권 확인 - 구글 서치 콘솔에 사이트맵 제출 구글 서치 콘솔에서 웹사이트 소유권 확인 구글에 해당 웹사이트가 내가 주인장이라는 것을 인증.. 2021. 3. 11.
피그마에서 문서 작업 시, 유용한 플러그인 Top5 추천 저는 UI 디자인뿐만 아니라 문서 작업도 피그마로 하고 있어요. 피그마에서 문서 작업할 때, 유용하게 사용할 수 있는 플러그인을 추천드려요. 피그마로 문서 작업 시 장점 - 설치 없이 웹에서 문서 작성 가능 - 오토 레이아웃 및 컴포넌트를 이용한 문서 템플릿 사용 - 문서 공유 및 협업의 편리함 - 문서 버전별 관리 - 다양한 플러그인 사용 목차 01. Glyphs 소개 : 이름 그대로 글리프 플러그인으로 문서 작성 시, 필요한 특수 문자를 바로 찾아서 사용할 수 있습니다. 활용 방법 : 문서를 작성 시 대분류, 소분류 등 문단을 구분할 때 활용하기 좋습니다. 링크 : www.figma.com/community/plugin/849323869157549525/Glyphs Figma - Glyphs | Di.. 2021. 3. 10.
애플워치 버튼 위치 및 손목 착용 위치 변경 저는 애플위치를 왼쪽 손목에 착용하고 생활했어요. 그런데 손목이 꺾이다 보면 갑자기 시리가 실행된다든지, 듣고 있던 음악의 음량이 올라간다던지, Digital Crown 버튼이 계속 눌려서 불편하더라고요. 그래서 저는 애플워치를 왼쪽 손목에 그대로 착용하시면 Digital Crown 버튼만 반대로 변경했어요. 지금부터 그 방법을 알려 드릴게요. 애플 워치에서 화면 반전시키는 방법 방법 : 설정 > 일반 > 방향 > 애플워치 착용 위치 및 버튼 위치 설정하기 아이폰에서 화면 반전시키는 방법 애플워치에서 설정한 방법도 동일하다고 생각하시면 됩니다. 방법 : 애플워치 앱 > 일반 > 시계 방향 > 애플워치 착용 위치 및 버튼 위치 설정하기 시계 방향 페이지에서 확인하는 것처럼 오른쪽&왼쪽 손목 위치, 오른쪽&.. 2021. 3. 7.
[아이폰] 라이브포토 완전히 끄는법 아이폰 카메라 어플을 실행하면 항상 라이브 포토가 활성화돼서 사진 찍을 때마다 비활성화해야 되는 번거로움이 있어요. 귀찮아서 그냥 찍게 되면 사진 용량도 늘어나고 원하지 않는 장면도 찍힐 때가 있어요. 그래서 라이브 포토를 완전히 끄는 방법을 알아볼게요. 라이브 포토 비활성화 방법 : 설정 > 카메라 > 설정 유지 > Live Photo 활성화 > 카메라 앱에서 라이브 포토 끄기 Live Photo를 활성화시키면 마지막으로 설정한 라이브 포토의 On/Off 가 유지돼요. 2021. 3. 5.
[아이폰] 와이파이 끊김 현상 해결 방법 이동하면서 와이파이를 사용하는 것이 아니고 집에서 와이파이를 사용하는데, 연결이 간헐적으로 끊기는 현상이 발생할 때가 있더라고요. 그래서 아이폰 와이파이 끊김 현상을 해결하는 방법을 알아볼게요. 아이폰 재시작 아이폰을 재시작하면 웬만한 오류는 해결할 수 있어요. 그래서 간단하게 아이폰을 재시작부터 하는 것을 권해 드려요. 아이폰X 이상 종료하는 방법 : 설정 > 시스템 종료 > 밀어서 전원 끄기 저데이터 모드 비활성화 와이파이 저데이터 모드가 활성화되면 자동 업데이트 및 백그라운드 작업이 일시 정지되고 대용량 파일 전송에 영향을 미칠 수 있다고 해요. 그래서 혹시 해당 와이파이에 저데이터 모드가 활성화되었는지 확인해 볼 필요가 있어요. 방법 : ' ! ' 버튼 > 저데이터 모드 비활성화 네트워크 지우고 .. 2021. 3. 4.
UI에 대한 디자이너와 개발자의 시각 차이 프론트엔드 개발자와 협업을 하다 보면 UI를 바라보는 시각이 디자이너와 많이 다르다는 생각이 들었습니다. 우선 이해를 돕기 위해서 오버드로를 먼저 설명해드릴게요. [오버드로란?] 오버드로란 앱의 겹쳐진 레이아웃 횟수를 표시해주는 기능입니다. 많은 레이아웃으로 구성된 UI는 픽셀들을 렌더링하는데 부하를 발생시켜 앱이 느려지게 됩니다. 그래서 UI 디자인 시, 레이아웃을 최적화시켜 불필요하게 그려지는 오버드로(픽셀)를 줄여야 합니다. 2021/03/02 - [디자인/안드로이드(Android)] - [Android] GPU 오버드로 디거깅을 통한 UI 최적화 [Android] GPU 오버드로 디거깅을 통한 UI 최적화 [GPU 오버드로란?] 오버드로란 앱의 겹쳐진 레이아웃 횟수를 표시해주는 기능입니다. 많은 .. 2021. 3. 3.
[Android] GPU 오버드로 디거깅을 통한 UI 최적화 [GPU 오버드로란?] 오버드로란 앱의 겹쳐진 레이아웃 횟수를 표시해주는 기능입니다. 많은 레이아웃으로 구성된 UI는 픽셀들을 렌더링하는데 부하를 발생시켜 앱이 느려지게 됩니다. 그래서 UI 디자인 시, 레이아웃을 최적화시켜 불필요하게 그려지는 오버드로(픽셀)를 줄여야 합니다. 개발자 옵션에서 GPU 오버드로 디버깅을 활성화하면 몇 개의 레이어로 겹쳐서 UI를 구성했는지 확인할 수 있습니다. - No overdraw - Blue : 1X Overdraw - Green : 2X Overdraw - Pink : 3X Overdraw - Red : 4X+ Overdraw 구글에서는 최대한 Red는 없게 구성하라고 제안하고 있어요. 하지만 여러 앱들을 확인해보면 Red 영역을 많이 확인할 수 있어요. 심지어 구.. 2021. 3. 2.
포토샵 패스파인더 사용하는 법 일러스트의 패스파인더는 사용하기 쉬운데, 포토샵의 패스파인더는 어떻게 사용하는지 모르시는 분들이 많이 있더라고요. 그래서 오늘은 포토샵에서 패스파인더를 사용하는 방법을 알려드릴게요. 목차 01. 패스파인더란 무엇인가? 패스파인더는 벡터 형태의 오브젝트끼리 결합, 빼기, 교차, 제외를 해서 다양한 형태로 만들 수 있는 기능입니다. 패스파인더 종류란? 포토샵과 일러스트의 패스파인더 차이점은? 일러스트는 다른 레이어에 있는 벡터 오브젝트끼리도 패스파인더를 사용할 수 있지만 포토샵은 같은 레이어에 있는 벡터 오브젝트끼리만 패스파인더를 사용할 수 있어요. 즉, 패스파인더를 사용할 레이어들은 Merge된 상태에서 사용할 수 있어요! 02. 패스파인더 사용법 - 1 방법 : 벡터 오브젝트 그린다 > 원하는 패스파인더.. 2021. 2. 26.
[아이폰] 알면 편리한 꿀팁(Ctrl +Z, 커서 이동 등) 01. 텍스트 커서를 원하는 곳으로 이동시키기 메모, 채팅, 검색창 등 텍스트를 작성하다 보면 오타가 날 때가 있는데, 이 기능을 모르고 있을 때는 손가락으로 커서를 이동시켜서 정말 힘들었어요. 이제 쉽고 편리하게 텍스트 커서를 이동시키는 방법을 알려드릴게요. 방법 : 아이폰 자판의 스페이스를 꾹 누름 > 원하는 방향으로 이동 02. 실수로 삭제한 텍스트 되돌리기 Delete 버튼을 길게 눌러서 긴 텍스트를 삭제하다 보면 나도 모르게 지우면 안 되는 텍스트까지 삭제하는 경우가 생기는데요. 그럴 때는 되돌리기(Ctrl + Z), 실행 취소 2가지 방법을 알려드릴게요. 되돌리기 방법 : 🤟손가락 3개로 길게 누르기 > ↪️되돌리기 아이콘 누르기 실행 취소 방법 : 아이폰 흔들기 > 실행 취소 03. 후레시 .. 2021. 2. 24.
[아이폰] 계산기 사용 꿀팁(쉽게 실행, 숫자 삭제 등) 생활을 하다 보면 계산기를 사용할 때가 많은데, 아이폰 유저라면 기본적으로 설치되어 있는 계산기를 사용하게 되는데요. 그래서 아이폰 계산기를 편리하게 사용하는 법을 알려드릴게요. 01. 계산기 쉽게 실행하기(제어센터에 아이콘 추가하기) 홈으로 이동해서 계산기 앱을 일일이 찾지 않고 제어센터에 계산기를 등록하면 바로 실행할 수 있어요. 방법 : 설정 > 제어센터 > +계산기 > 제어센터 02. 입력된 숫자 삭제하기 생각보다 많은 사람들이 입력된 숫자를 삭제하는 방법을 모르시고 'C'버튼을 눌러서 전체 숫자를 삭제하더라고요. 입력된 숫자를 스와이프하시면 맨 끝부분의 숫자가 삭제돼요. 방법 : 숫자 스와이프(손가락으로 좌우로 밀기) 03. 숫자 복사 및 붙여 넣기 계산기에 나온 결과값을 공유하기 위해 복사할 .. 2021. 2. 23.
[아이폰] 코로나 전자출입명부 카카오톡, 네이버 QR코드 체크인 쉽게 사용하는 방법 코로나 19로 카페나 음식점 등 어느 곳을 방문할 때, QR코드 체크가 필수가 되어버렸죠. 그런데 체크할 때마다 네이버 , 카카오톡을 들어가서 QR코드를 실행해야 하는 불편함이 있죠. 아이폰의 단축어 + 손쉬운 사용 기능을 이용하면 1초만에 QR코드를 만들 수 있어요. 지금부터 설정하는 방법을 알려드릴게요. (손쉬운 사용의 뒷면탭 기능을 사용하려면 iSO14가 필요합니다) 아이폰 단축어 추가 Step.01 : 단축어 실행 > +버튼 실행 > +동작 추가 실행 > 앱 실행 > Safari 실행 > URL 열기 Step.02 : Safari 실행 > URL 열기 > URL 복사 후 붙여 넣기 > 더보기 버튼 네이버 : nid.naver.com/login/privacyQR&target=new&version=6.. 2021. 2. 20.
[아이폰 & 아이패드] 사파리에 열린 전체 웹사이트 한 번에 닫기 아이폰, 아이패드에서 링크를 탭해서 웹사이트를 열다 보면 어느 순간 수십, 수백 개의 사이트들이 쌓여 있곤 하죠. 쌓인 웹사이트들이 20개 안쪽이면 하나씩 닫으면 되는데, 나도 모르게 쌓인 수백 개의 웹사이트를 하나씩 닫기는 정말 힘들죠. 그래서 사파리의 열린 웹사이트를 하나씩 닫는 법과 전체를 한 번에 닫는 법을 알려드릴게요. 웹사이트 하나씩 닫는 방법 01. 해당 아이콘을 길게 탭하면 새로운 창이 하나 열립니다. 열린 창의 이 탭 닫기를 탭하면 현재 보고 있는 웹사이트를 닫을 수 있습니다. 02. 해당 아이콘을 짧게 한 번 탭하면 지금까지 쌓인 웹사이트들이 보일 거예요. 닫고 싶은 웹사이트의 좌측 상단의 X 버튼을 탭하시거나 좌측으로 스와이프 하시면 해당 웹사이트를 닫을 수 있어요. 전체 웹사이트 한.. 2021. 2. 17.
[안드로이드] 개발자 옵션 - 레이아웃 범위 표시 빠르게 실행하는 방법 앱 UI 벤치마킹할 때, 안드로이드 기능인 레이아웃 범위 표시를 자주 사용합니다. 레이아웃 범위 표시를 실행하면 앱의 UI 간격, 터치영역 등 어떻게 구성되었는지 확인할 수 있어요. 레이아웃 범위 표시를 실행하려면 설정 > 시스템 > 개발자 옵션 > 레이아웃 범위 표시를 탭해서 실행해야 합니다. UI를 확인할 때, 자주 레이아웃 범위 표시를 실행하는데 매번 설정에 들어가서 레이아웃 범위 표시를 실행하는 것이 정말 번거롭더라고요. 그래서 저는 안드로이드의 빠른 설정창에 레이아웃 범위 표시 버튼을 생성해서 사용하고 있어요. 지금부터 빠른 설정창에 버튼을 생성하는 방법을 알려드릴게요. Step.01 개발자 옵션 활성화 기본적으로 설정에 들어가면 개발자 옵션을 활성화할 수 있어요. 그런데 디바이스마다 활성화 방.. 2021. 2. 16.
[아이폰] 앱 예약종료 설정방법(유튜브, 멜론 등) 저는 요즘 잠이 오지 않으면 유튜브, 라디오 등 잔잔한 음성을 들으면서 잠을 자곤 해요. 그래서 1시간 후에 듣고 있던 앱이 자동으로 종료하도록 타이머 설정 후 잠을 자요. 아시는 분들도 많겠지만 모르시는 분들을 위해 지금부터 앱-타이머를 이용한 예약 종료 설정하는 방법을 알려드릴게요. Step.01 시계 앱 실행 Step.02 타이머 터치 > 시간 설정 > 타이머 종료 시 터치 Step.03 실행 중단 터치 > 설정 터치 Step.04 앱 실행 중단 예약 완료 잠금화면에 설정된 타이머 시간이 보여요. 해당 타이머가 다 지나면 실행하고 있는 앱이 종료됩니다. ▶ 시계 앱 실행 > 하단 타이머 터치 > 종료 시간 설정 > 타이머 종료 시 터치 > 실행 중단 설정 > 완료 타이머의 설정된 실행 중단이 끝나면.. 2021. 2. 15.
윈도우, 맥 모두 호환되는 로지텍 마우스 MX MASTER 3리뷰 10개월 이상 사용 후 리뷰해요. 이전에 로제텍 키보드 MX KEYS 리뷰 포스팅할 때, 말씀드린 것처럼 저는 윈도용 노트북, 맥북 프로를 모두 사용해요.    그래서 찾은 마우스가 MX MASTER3이에요. 이 제품은 Windows, Mac, Linux, iOS, Android 모두 호환되는 마우스예요. 최대 3개의 기기에 다중 연결이 가능해요! 가격은 12만 원 정도 구매했어요.   [구성품]1. MX MASTER3 마우스2. 유니파잉 USB 수신기3. USB-C 타입 충전 케이블4. 사용 설명서지금부터 10개월 동안 사용해본 장단점을 말씀드릴게요.    [장점]1. 최대 3개의 기기에 멀티 페어링 가능메인 컴퓨터로는 맥북 프로를 사용하고 있어요. 그런데 윈도용 노트북과 같이 작업을 하는 경우가 생기.. 2021. 2. 15.
유튜브 영상 무한 반복 재생하는법(모바일/PC) 안녕하세요. 오늘은 유튜브 영상 반복 재생에 대해서 알려드릴게요. 요즘 유튜브, 멜론, 스포티피아 등 노래를 듣는 서비스들이 많이 있어요. 그중 저는 유튜브 프리미엄에 가입했기 때문에 유튜브로 노래를 많이 듣고 있어요. 특히 가수분들의 정식 음원뿐만 아니라, 유튜버분들의 커버곡이나, 아마추어분들의 노래들도 들을 수 있어서 더 좋은 것 같아요. 특히 요즘에는 유튜버 ‘과나’님이 부르신 ‘난리났네난리났어’의 해산물편 노래가 중독성 있어서 계속 듣게 되더라고 그런데 이 노래는 현재 유튜브 ‘과나’님 채널에서만 들을 수 있는 것 같아요. 그래서 지금부터 유튜브 영상 반복 재생하는 법을 알려드릴게요. 모바일 01. 듣고 싶은 노래를 저장 -> + 새재생목록 만드시면 됩니다. (최근에 +새재생목록을 만든게 있으시면.. 2021. 2. 10.
[피그마]Auto layout(오토레이아웃)으로 Underline Tab(언더라인 탭) 만들기 UI 작업을 하다 보면 Underline이 들어간 Tab을 만들게 되는데요. Tab에 들어가는 텍스트(탭명) 길이가 제각각이기 때문에 새로운 것을 만들 때마다 Underline 길이를 조절해야 하는 번거로움이 있어요. 피그마의 Auto layout을 이용하면 텍스트 길이에 맞게 Underline이 자동으로 조절되게 할 수 있어요. 지금부터 제작하는 방법을 설명해드릴게요. 01. Auto layout으로 Text 만들기 1) 텍스트를 Auto layout(shift + A)으로 만들어줍니다.(Auto layout 방향은 상관없습니다) 2) Resizing : Fill container, Fixed height (탭 높이에서 Underline 높이를 뺀 높이로 설정)로 설정해줍니다. 3) Text에 Padd.. 2021. 2. 5.
반응형