본문 바로가기
728x90

Programming125

Regex 기본 VSCode에서 주석 백그라운드 색 지정을 하면서 regex를 사용해야 했습니다. 평소에 정리해야지 했었는데 이번을 기회로 정리하게 되었습니다. Regular Expressions (Regex) Tutorial: How to Match Any Pattern of Text를 참조하였고 자세한 내용을 동영상을 참고하셔도 좋을 것 같습니다. 주요 regex . - Any Character Except New Line \d - Digit (0-9) \D - Not a Digit (0-9) \w - Word Character (a-z, A-Z, 0-9, _) \W - Not a Word Character \s - Whitespace (space, tab, newline) \S - Not Whitespace (sp.. 2019. 11. 24.
VSCode에서 주석 백그라운드 색 지정 hightlight 익스텐션은 regex를 활용하여 정규표현식(regex)에 매칭이되는 모든 코드에 스타일링을 할 수 있습니다. 먼저, VSCode에 hightlight extension을 설치해주세요 cmd + ,를 누르시고 json을 검색하시면 json 포멧으로 세팅이 가능합니다. 오른쪽 USER 탭에 코드를 작성하겠습니다. 아래과 같이 코드를 입력합니다. 저는 노랑 배경에 검은색 폰트를 사용하겠습니다. "highlight.regexes": { "(//.*)": { "backgroundColor": "#fcc419", "color": "black", }, ] } (//.*) // 하위에 매칭되는 모든 텍스트를 선택하는 정규표현식입니다. 설정이 완료가 되면 아래와 같이 보이게됩니다. 정리 vscode의.. 2019. 11. 23.
absolute와 flex로 블록 중간에 두기 position:absolute와 display:flex로 블록을 화면 중간에 둘 수 있다. Block Login .test { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; } 배경색은 html, body, *, 각 블록 별로 자유롭게 설정 차레대로 살펴보자 position : absolute absolute 포지션을 사용하게 되면 기준은 화면의 제일 왼쪽 상단 (0,0)에서 시작한다. position: absolute; top: 0; bottom: 0; left: 0; right: 0; top, bottom, left, right의 속성.. 2019. 11. 20.
git 원하는 폴더 clone하기 git init git config core.sparseCheckout true git remote add origin 리포지토리 주소 echo 파일경로/* >> .git/info/sparse-checkout git pull origin master 2019. 11. 20.
React import 자동완성 프로젝트 최상위 폴더에 jsconfig.json 파일을 생성합니다. ctrl + space를 누르면 자동완성으로 무언가가 뜹니다. { "compilerOptions": { "target": "es6" } }위의 설정은 불러오려는 컴포넌트 파일이 vscode 어딘가에 열려있지 않아도 자동완성을 통해 컴포넌트를 불러올 수 있습니다. 2019. 11. 17.
javascript 함수 vs 화살표 함수 요즘 바닐라 자바스크립트로 디자인패턴에 대해서 공부하던 중 일반함수와 화살표함수(arrow function)이 가르키는 this가 다르다는 것을 알게 되었습니다. 예전부터 궁금했던 내용이었는데, 정리하는 시간을 가져보았습니다. 1. 일반함수 this는 자신이 종속된 객체를 나타낸다. function normalFunction() { this.name = "화살표 함수"; return { name: "일반함수", call: function() { console.log(this.name); } }; } const nfunc = new normalFunction(); nfunc.call(); 위의 예제의 경우, this는 return하는 객체를 나타낸다. { name: "일반함수", call: function.. 2019. 11. 17.
728x90

티스토리툴바