반응형 개발 공부/기타4 [CSS] 같은 색상의 border와 background-color가 다르게 나타나는 현상 - background-clip border와 background-color를 설정했을 때 같은 색상으로 설정했음에도 border가 더 진하게 보이는 현상이 발생하는 경우가 있다. .box{ width: 100px; height: 50px; background-color: rgba(58, 58, 58, .2); border: 1px solid rgba(58, 58, 58, .2); } border와 background-color를 rgba(58,58,58,0.2)로 같게 설정했지만 border는 background-color보다 더 진하게 보인다. 이는 background-clip 속성과 관련이 있다. 👻 background-clip HTML 요소는 box로 이루어져있는데 background-clip은 배경 이미지나 배경색을 박스의 요.. 2022. 9. 22. [MacOS] 맥 Python 3으로 설정하기 MacOS는 기본적으로 Python 2.7이 설치되어있다. 그러나 보통 Python을 사용할 때는 버전 3 이상을 권장한다. 아래 방법은 Homebrew를 이용해 Python을 설치하기 때문에 먼저 Homebrew가 설치되어 있어야 한다. Homebrew를 이용해 Python 설치 brew install python Python이 설치된 위치 확인하기 ls -l /usr/local/bin/python* 위의 명령어를 입력하면 아래와 같이 python이 설치된 경로를 알려준다. Python 버전 변경하기 ln -s -f /usr/local/bin/python[원하는 버전] /usr/local/bin/python ex) 파이썬 3.9 버전을 사용하려면 아래와 같이 입력하면 된다. ln -s -f /usr/l.. 2022. 7. 26. [VSCode] Bracket Pair Colorizer is no longer being maintained 해결, 내장 기능으로 Bracket Pair Colorizer 대체하기 VSCode에서 Bracket Pair Colorizer의 성능상 이슈를 발견하여 이를 해결하기 위해 VSCode 자체의 내장 기능으로 제공하는 것을 선택했다. 따라서 Bracket Pair Colorizer를 VSCode에서 해당 익스텐션을 깔아놓았다면 아래와 같은 Bracket Pair Colorizer is no longer being maintained라는 알림이 뜬다. 내장 기능 사용하기 내장 기능을 사용하기 위해서는 Bracket Pair Colorizer 익스텐션을 삭제해야 한다. 익스텐션 관리 탭에 들어가 Uninstall 후 Reload required를 눌러주면 VSCode가 리로드된다. Mac OS : cmd + shift + P Windoe : ctrl + shift + P 단축키로.. 2022. 1. 26. 정규표현식(Regular Expression) 정리 with Python 정규표현식은 특정한 규칙을 가진 문자열의 집합을 나타내는 데 사용된다. 정규식이라고도 불린다. 👀 정규식을 만드는 방법 파이썬에서는 re 모듈을 통해 정규표현식을 제공한다. import re re.compile('[0-9]+') re.compile을 사용하여 '[0-9]+'라는 정규식을 컴파일한다. 👀 정규식 패턴 정규식 패턴 의미 . 임의의 하나의 문자를 뜻한다. x* x가 0회 이상 연속으로 반복되는 것을 의미한다. {0, }과 같은 의미이다. x*? 0회 이상 연속으로 반복되는 x에 가능한 적게 반복되는 것 즉, x가 0번 반복되는 것을 의미한다. {0}과 같은 의미이다. x+ x가 1회 이상 연속으로 반복되는 것을 의미한다. {1, }과 같은 의미이다. x+? 1회 이상 반복되는 x에 대해 가능한.. 2021. 9. 29. 이전 1 다음 반응형
