김평범's OrdinaryCode

요즘은 핸드폰과 PC가 모두 업무에 이용된다. 그렇기 때문에 이 안에서 편안하게 파일 이동이 되어야 편한데, 개인적으로 이것이 가장 잘 되어있는 건 🍎사과농장(아이폰 + 맥 조합)을 구성하는 게 제일 좋다고 본다. 하지만, 아직 회사에서 윈도우 운영체제를 사용하는 곳이 많기도 하고 나 역시도 업무 PC와 개인용 PC를 모두 윈도를 사용하고 있어서 아이폰 파일을 이동하기 힘듬을 겪고 있다. 그래서 이것저것 여러 개를 찾아보고 있는데 이번에 네이버 웨일을 쓰면서 핸드폰에서 바로 네이버 웨일로 파일을 보낼 수 있는 기능을 발견했다. 📂모바일 사진 네이버 웨일로 전송하기 1. 아이폰 모바일 사진첩의 가서 전송할 사진을 선택한 다음 아래 공유 버튼을 클릭한다. 2. 공유 버튼에 PC웨일로 보내기 버튼을 선택한다...

css를 이용하다보면, 공통적으로 사용하는 코드들이 발생된다. 이러한 경우 어쩔수 없이 불필요한 코드가 늘어나는 경우가 있다. 이럴 경우 코드를 줄여주는 방법중 하나가 가상클래스를 이용하는 방법이다. 오늘은 가상클래스 중 :is 에 대해서 정리해보려고 한다. Depth가 깊은 엘리먼트에 CSS를 적용할 경우 만약 li에 color를 red로 지정해주고 싶다고하자. 하지만 그 li의 조건이 div 안에 들어있는 li일 경우, header안에 있는 li일 경우가 조건이라고 하자. 그럼 코드는 위 처럼 작성된다. div ul li, div ol li, header ul li, header ol li { color:red; } 해당 조건에 맞춰 코드를 작성하다보니 css가 4줄이 넘어가게 된다. Depth 선택..

웨일 브라우저 요즘 일잘러 들이 쓴다고 하는 네이버 웨일 네이버에서 만든 브라우저라서 다양한 네이버 기능들을 같이 쓸 수 있기도 하고 기본적인 화면 캡처 기능, 핸드폰과 파일 전송 기능, 뷰어 기능 등 다양한 기능이 탑재된 것 같아 몇 년 동안 메인으로 쓰던 브라우저를 한번 바꿔볼까 한다. 🔎웨일 브라우저 검색 서비스 변경하기 하지만 쓰자마자 문제점 발생 개발자들은 검색 기본은 구글 아니냐고요!!!! 네이버 웨일을 쓰다 보니 주소창의 검색 기능에서 모두 네이버로 검색 결과를 보여주는 참사가 발생했다. 기본 주소창 검색은 구글을 쓰고 싶어 찾아보니 역시나 기본 주소창 검색 서비스를 내가 선택할 수 있다. 1. 설정 > 주소창 메뉴 접속 웨일 브라우저 왼쪽 상단의 점 3개를 눌러 설정 메뉴에 들어간 뒤 왼쪽..

개발을 하다 보면, 특정 조건에 따라서 Css를 변경해야 되는 상황이 있다. 이럴 경우 주로 Class를 변경시켜서 적용이 가능하다. Vue에서 클래스를 조건에따라서 설정할 수 있다. 👩‍💻Vue 조건부 Class 예시 만약 버튼을 클릭하면, 화면이 다크 모드와 라이트 모드로 변경되는 기능을 구현한다고 생각해보자. 라이트 버전일 경우 배경화면이 하얀색으로 보여야하고, 다크 모드일 경우 배경화면을 검은색으로 보여야 한다. 이럴 경우 조건별 Class를 주면 해당 기능 구현이 가능하자. 아래 코드를 보자 {{thema}} div class중 body를 가지고 있는 div를 thema-button을 클릭했을 때 다크 모드로 바꿔준다고 해보자. 1️⃣vue Class if 조건에 따라 바꿔주기 vue에서 조건에..

기본 메모장을 쓸 경우 내가 모르고 내용을 삭제해버리면 예전에 쓰던 내용을 확인할 수 없지만 요즘 메모 어플은 점점 좋아져서 버전 기록 기능을 제공하기 때문에 혹시 예전에 메모를 적었다가 지웠어도 다시 되찾을 수 있다. 내가 쓰는 노션에서도 버전 기록 기능을 제공해줘서 기존에 있었던 내용 중 혹시 지워서 없어졌다고 하면 찾는 방법을 오늘은 설명해보려고 한다. ⏱Notion 버전 기록 제공 노션에서 버전기록을 이용하려면 아쉽지만, 무료요금제에서는 제공이 되지 않는다. 버전 기록의 경우 개인 프로 이상부터 이용했을 때 사용 가능하니, 혹시 백업이 중요한 업무를 한다면 개인 프로 기능을 이용하길 추천드린다. 📑Notion 버전 기록 확인하기 노션 왼쪽 상단의 점세개를 누르면 페이지 기록이라는 기능이 있다. 보..

핸드폰을 이용하면서 점점 컴퓨터와 자료를 공유해야 되는 일이 있다. 아이폰과 아이맥을 사용한다고 하면 에어드랍을 이용해서 쉽게 파일을 옮길 수 있지만 아이폰과 윈도우 컴퓨터라면 얘기가 달라진다. 에어드롭도 안되고, USB로도 데이터가 잘 옮겨지지 않는다. 아이튠즈를 이용하려고 해도 복잡하고 편하지 않다. 그래서 발견하게 된 샌드 애니웨어를 소개해보려고 한다. 🧡센드 애니웨어(sendanywhere) sendanywhere 는 피시에서 모바일, 모바일에서 피시로 대용량 파일들을 옮길 수 있는 사이트이다. 내 PC와 모바일 사이에서도 가능하고 다른 사람들에게도 원격으로 보내는 것이 가능하다. 사이트는 아래 사이트를 이용하자 https://send-anywhere.com/ko/ Send Anywhere 쉽고 ..

1강부터 4강에서는 노션의 가장 기본적인 개념가 꾸미는 방법을 알려드렸다. 위의 기능만 사용해도 충분히 노션에서 예쁜 메모를 만들어서 사용할 수 있다. 하지만, 노션의 또다른 장점은 팀원들 혹은 여러 사람과 사용할 때 협업이 매우 편리하다는 것이다. 공유 받은 페이지가 실시간으로 수정되어 모든 멤버들이 최신화된 메모를 볼 수 있다. 노션은 특정 페이지를 특정사용자에게공유가 가능하고 혹은 아예 웹에 공개해서 누구든지 웹에서 내 페이지를 보는 것도 가능하다. 👩‍👧‍👧특정 사용자에게 페이지 공유하기 먼저 특정 페이지를 하나 만들어서 외부 사용자를 초대해서 같이 사용할 수 있다. 노션 페이지 공유를 이용 할 때 공유된 페이지는 팀원들이랑 잠깐 조별 과제를 하거나, 아님 친구들과 여행계획을 짜거나, 나의 경우 ..

노션의 워크스페이스와 페이지에 대해 알았다면, 이제 페이지를 나만의 원하는 디자인으로 예쁘게 꾸며보도록 하자. 노션에서 글씨 스타일 변경하기 노션에서 내가 원하는 텍스트를 드래그하면 위쪽에 텍스트를 꾸밀 수 있는 창이 뜬다. 굵기, 기울이기, 선긋기, 취소선 등을 선택할 수 있다. 텍스트의 색상과 배경도 선택이 가능하다. 노션에서 레이아웃 구성하기 노션의 블록들은 한 줄을 전체 차지하기도 하지만, 옆에다 배치하여 2단레이아웃, 3단 레이아웃을 만드는 것도 가능하다. 원하는 블록을 선택하여 레이아웃을 만들고 싶은 블록 옆으로 붙이면 왼쪽에 선이생길때 마우스를 놓아주면 레이아웃을 만드는 것이 가능하다. 레이아웃을 만든 뒤 사이에 마우스를 가져다 놓으면 각 칼럼 별 넓이 조절도 가능하다. 노션 내용 사이 구분..

오늘은 노션의 사이드바 기능에 대해서 간단히 알아보려고 한다. 노션의 페이지를 보면 크게 3군데로 나눠진다. 노션의 구역별 주요 기능은 아래와 같다. 사이드바 : 워크스페이스 정보, 검색 및 설정, 페이지, 템플릿, 가져오기, 휴지통 내비게이션 및 상단 메뉴 : 현재 페이지 위치정보와 공유 및 페이지 설정 기능 제공 현재 페이지 : 사이드바 상에 현재 선택된 페이지가 표시됨 빠른 검색 노션에서는 전체 페이지에 있는 키워드를 검색해볼 수 있다. 사이드바에 빠른 검색 버튼을 클릭하면 검색 기능이 활성화된다. 단축키로는 Ctrl + P를 누르면 된다. 검색 키워드를 입력하면 해당 화면이 뜨게 된다. 해당 키워드에 검색 결과가 맞다면 클릭하면 해당 페이로 이동한다. 만약 해당 키워드에 해당하는 검색결과가 여러 ..

현재 빗 버킷(bitbucket)으로 프로젝트 관리를 진행하고 있는데, 로컬 Commit을 완료하고 remote로 PUSH를 진행하니 you have commit messages that are missing valid issue keys:라는 오류가 나타났다. 👩‍🔧you have commit messages that are missing valid issue keys 해결방법 빗 버킷(Bitbukcket)의 경우 JIRA와 연동해서 사용하는 경우가 많기 때문에, 커밋 메시지 내에 Jira issue key URL이 없이 commit을 할 경우 해당 오류가 발생할 수 있다. 이러한 경우 bitbucket에서 issue keys 없이도 push를 할 수 있도록 잠시 풀어주면 된다. push를 진행할 bi..