Obsidian과 git을 연동해 백업하기 obsidian git을 설치하고 git desktop 프로그램도 설치해 연결했지만 자동으로 push가 되지 않아 방법을 찾아보던 중 개인 토큰을 발급받아 사용하는 방법이 있어 사용했습니다. 개인토큰으로 url을 변경해주면 ssh나 다른 인증을 방식을 쓰지 않고 사용할 수 있습니다. git repository 생성 Obsidian git 설치 개인 토큰 발급 https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens#creating-a-personal-access-token-classic 토큰 키로 remote ur..
gradient border mask를 활용해서 border-radius도 가능하고 중간을 비울 수도 있는 방법입니다. .box { position: relative; } .box::before { content: ""; position: absolute; inset: 0; border-radius: 50px; padding: 10px; background:linear-gradient(45deg,red,blue); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } 출처: https://dev.to/afif/bord..
input을 선택했을 때 앞에 위치한 select에도 스타일을 넣기 위해 한참 연구한 결과 방법을 찾아냈습니다. focus-within을 사용하면 뒤쪽에 위치한 요소에 focus가 갔을 때도 앞쪽에 있는 요소에 스타일을 줄 수 있습니다. html이 이렇게 짜여 있을 때 input에 focus가 있을 때 앞쪽에 있는 요소에도 함께 스타일을 넣어야 할 때 사용할 수 있습니다. div { &:focus-within > * { // style } } // or div { &:has(input:focus):focus-within select { // style } }
ngrok 로컬에서 개발하다가 다른 기기에서 바로 확인을 해보고 싶은데 외부망이라 접속이 힘들 때 사용하기 좋은 서비스입니다. 1. nogrok 사용법 https://ngrok.com/ ngrok - Online in One Line Zero Trust Add SSO, Mutual TLS, IP Policy, and webhook signature verification. ngrok.com 1. nogrk를 사이트에서 다운로드하여 설치하거나 npm, brew 등으로 설치해준다. npm install ngrok --save brew install ngrok/ngrok/ngrok 2. ngrok http 80(설정된 포트) 로 실행시켜준다. 정상적으로 실행되면 외부에서 접속할 수 있는 주소가 나오는데 그 주..