본문 바로가기

분류 전체보기349

레드빈 마그네틱 코어 플랫형 / 듀오형 노트북 충전하다가 전원 케이블에 발이 걸려서 넘어지거나 노트북이 떨어질뻔한 위험천만한 경험이 누구나 한번씩은 있을 것이다. (나는 덤벙거리는 성격이라 좀 많다ㅜㅜ) 이런 유쾌하지 않은 상황에 대비할 수 있는 아이템을 이번에 인터넷에서 발견했다. 내가 애정하는 레드빈 이라는 브랜드에서 출시한 마그네틱 코어인데 보자마자 '이거다!' 하고 바로 구매했다. 이런 꿀템이 있었는데 나는 왜 이걸 이제서야 발견한 것인가! 레드빈 마그네틱 코어는 자력을 이용한 간편 탈부착형 충전 방식으로 1초만에 연결이 가능하며, 두 손을 사용하지 않고 한 손으로도 충전케이블을 간편하게 떼었다 부착했다 할 수 있는 장점이 있다. 모양에 따라서 플랫형과 듀오형 두가지 타입이 출시되어 있고, 각각 메탈릭 실버/퍼펙트 블랙 중 색상을 선택.. 2020. 12. 9.
앱스토어 구독 취소 얼마전 한글 문서 편집을 급하게 해야 할 일이 있었는데 맥북에 뷰어밖에 설치되어 있지 않아 Polaris Office Pro 버전(Smart Service)을 결제해서 업무를 진행했다. 폴라리스 오피스는 구독 시스템이라서 다음 달에도 자동으로 결제가 되기 때문에 앱 스토어(App Store)에 들어가서 구독을 취소했다. 앱스토어 구독 취소하는 방법 먼저 앱스토어(App store) 아이콘을 클릭하여 스토어 창을 연다. 좌측 하단의 프로필을 선택하면 계정 관련 페이지로 이동한다. (구입 항목 확인 가능) 계정 페이지의 우측 상단 부분에 있는 "정보 보기"를 선택한다. 새 창에서 Apple 계정 로그인을 진행하고 나면 등록되어 있는 카드 정보와 가려진 항목 등을 확인할 수 있다. 그 중에서 중간 부분의 관리.. 2020. 12. 2.
레드빈 듀얼리시버 무소음 충전식 마우스 대만족! 육아를 하며 일을 병행한다는 것은 정말이지 쉽지 않다. 운 좋게도 육아맘의 사정을 이해하고 업무시간을 조율해주는 회사에 다니고 있어, 다행이라 여기고 있다. 나는 보통 낮시간 보다는 새벽작업을 선호하는 편인데 (집중도의 차이가 큼) 그러다보면 마우스를 클릭할 때마다 딸깍 딸깍 하는 소리가 몹시 거슬린다. 아이들의 숙면을 방해하기 때문이다. 그래서 보통 작업할 때 무소음 마우스를 사용하곤 한다. 레드빈 듀얼리시버 C타입 무소음 충전식 무선마우스 A37R COUPANG www.coupang.com 기존에 레드빈 브랜드의 무소음 마우스를 만족스럽게 사용하고 있었는데 이번에 수명을 다해서... 동일 브랜드의 다른 제품을 구매해 보았다. 못본 사이 성능이 더 업그레이드 되어 이번엔 듀얼리시버다! 레드빈 무소음 충.. 2020. 12. 1.
div 박스 & png 투명배경 이미지에 그림자 효과주기 이벤트 페이지를 퍼블리싱하던 도중 css 스타일시트를 이용하여 그림자 효과를 주어야 하는 div 박스와 투명배경 png 이미지를 만났다. 이 두가지는 각각 그림자 효과를 적용하는 방법이 다른데 블로그에 정리해두려고 한다. div 박스 그림자 효과주기 그림자효과를 주려는 대상이 네모난 모양이라면 box-shadow 를 사용하여 그림자 효과를 줄 수 있다. .box { box-shadow : none; /* 그림자 효과를 없앰 */ box-shadow : x-position y-position blur color inset; /* 왼쪽부터 차례대로 가로 위치, 세로 위치, 그림자의 흐린 정도, 그림자 색상 가로 위치, 세로 위치는 양수이면 오른쪽, 음수이면 왼쪽에 그림자를 만들고, 블러값은 클수록 흐려짐 i.. 2020. 11. 29.
MacOS Big Sur 업데이트 자고 일어나니 나의 macOS가 Big Sur 이라는 새로운 옷을 입고 있었다. 사용 전에 어떤 부분이 바뀌었는지 간단하게 숙지해 보았다. 새로운 디자인 사이드바와 일부 아이콘, 도구막대 디자인이 바뀌었다. 개인적으로는 좀 더 시원하게 뚫린 느낌이라 마음에 든다. 제어 센터 상단 바에 제어 센터가 새로 생겼다. 와이파이 블루투스 등을 제어할 수 있고, 디스플레이 사운드 등도 시스템 환경설정을 거치지 않고 바로 설정 변경이 가능하다. 자주 사용하는 항목이 있다면 메뉴 막대로 드래그해놓고 사용할 수도 있다. 알림 센터 우측 상단에서 날짜 및 시간을 클릭하면 알림 센터를 확인할 수 있다. (여긴 성남인데 왜 용산구 날씨를 알려주는거니?) 위젯 전체 편집을 통해 보여지는 위젯 항목을 입맛에 맞게 세팅할 수 있다.. 2020. 11. 14.
VS code 미니맵 안 보이게 하기 텍스트 에디터의 종류에는 여러가지가 있는데, 요즘 나는 VS code를 사용하고 있다. VS code는 Visual Studio Code의 약자로 마이크로소프트사에서 개발한 편집기인데 다양한 플러그인을 제공하고 속도도 빠른 편이라 개인적으로 만족도가 높다. VS code를 사용하다 보면 우측에 미니맵이 표시된다. 가끔은 이 미니맵이 작업하는데 매우 거슬릴 때가 있어, 보이지 않게 숨기는 방법에 대해 소개하려고 한다. 1. mac OS 기준으로 'Command + Shift + P' 를 누른다. 2. 텍스트창에 'minimap' 이라고 입력하면 아래에 'View: Toggle Minimap' 이라는 항목이 표시된다. 선택해주도록 하자! 끝이다. 미니맵이 사라졌을 것이다. (넘나 간단-_-;) 다시 미니맵을.. 2020. 11. 13.
아이템(div) 정렬과 순서 설정하기 - flex item 속성(1) 지난 포스팅에서는 flex와 flex-container(부모 요소)에 사용할 수 있는 속성들에 대해 알아보았다. 2020/10/29 - [개발자 꿈나무/CSS] - flex 기초 - flex란 무엇인가? 2020/11/06 - [개발자 꿈나무/CSS] - 아이템(div) 수직/수평 정렬, 줄바꿈 여부 설정하기 - flex container 속성(1) 2020/11/07 - [개발자 꿈나무/CSS] - 아이템(div) 정렬과 여백 설정하기 - flex container 속성(2) 이번 포스팅에서는 flex-item(자식 요소)에 사용할 수 있는 속성 중에서 순서, 정렬을 변경하는 css에 대해 설명할 예정이다. order item의 순서를 설정하는 css이다. 숫자가 클수록 순서가 밀리며 음수, 0, 양수.. 2020. 11. 13.
티스토리 플러그인 구글 서치콘솔 등록하기 나는 대학교 다닐 적에 싸이월드 미니홈피를 시작으로 15년간 여러개의 웹사이트와 블로그를 운영해 보았다. 그 중에서도 블로그를 운영할 때 (특히 시작 시점에) 마음속으로 다짐하는 것이 있는데 "방문자 수에 집착하지 말고 즐겁게 하자."이다. 방문자 수에 집착하게 되면 조바심이 나고, 조급해지면 더 이상 포스팅이 즐거울 것 같지 않아서이다. 꾸준함이 생명과도 같은 블로그 운영이 취미가 아닌 일처럼 느껴진다면 아마도 블로거 생활을 오래할 수 없을 것이라 생각한다. 내가 좋아하는 것 중의 하나인 글쓰기를 항상 즐겁게 하자 :) 하지만 그것과는 별개로... 티스토리 어드민에서 제공하는 유입통계를 들여다 보는 것은 또 다른 즐거움이다. 어느 포털 사이트에서 주로 들어오는지, 사람들이 주로 내 블로그의 어떤 정보를.. 2020. 11. 7.
아이템(div) 정렬과 여백 설정하기 - flex container 속성(2) div 박스의 사이 간격을 동일하게 하고 싶다면? 내부 컨텐츠 길이에 상관없이 div 박스가 동일한 넓이를 갖게 하고 싶다면? 이번 포스팅은 이러한 물음들에 대한 좋은 해결책이 될 것이다. 이번에 소개할 css 태그 모두 지난 포스팅과 마찬가지로 flex container에 적용 가능한 속성이다. justify-content 수평축의 정렬 방법을 설정하는 css이다. 속성값은 아래와 같다. .flex_container { justify-content: flex-start; /* 기본값, 아이템을 시작점으로 정렬 */ justify-content: flex-end; /* 아이템을 끝점으로 정렬 */ justify-content: center; /* 아이템을 가운데 정렬 */ justify-content: .. 2020. 11. 7.
아이템(div) 수직/수평 정렬, 줄바꿈 여부 설정하기 - flex container 속성(1) flex css 제 2탄! 오늘은 flex container에 사용할 수 있는 속성 중에서 item(div)을 수직/수평 정렬하는 방법에 대해 소개하려고 한다. 더해서 브라우저 사이즈에 따라 줄바꿈 여부를 결정하는 css도 함께 알아두면 도움이 될 것이다. flex-direction item을 수평(가로) 정렬할 것인지, 수직(세로) 정렬할 것인지 결정하는 css 이다. .flex_container{ flex-direction: row; /* 기본값, 아이템을 왼쪽에서 오른쪽으로 수평 정렬함 */ flex-direction: row-reverse; /* 아이템을 오른쪽에서 왼쪽으로 수평 정렬함 */ flex-direction: column; /* 아이템을 위에서 아래로 수직 정렬함 */ flex-dire.. 2020. 11. 6.

티스토리툴바