본문 바로가기
728x90

전체 글126

cmd로 intellij 열기 윈도우 내컴퓨터 마우스 오른쪽 클릭 속성 선택 왼쪽 탭의 고급 시스템 설정 선택 환경 변수 선택 사용자 변수에서 PATH 변수를 찾아 더블클릭 새로 만들기 선택 intellij의 bin 폴더의 위치를 입력해 줍니다. (예를들어 저는 C:\Program Files\JetBrains\IntelliJ IDEA 2019.2.2\bin가 경로입니다.) cmd에서 intellij 폴더를 찾아가 idea .라는 명령어를 치면 intellij 창이 뜨는 것을 볼 수 있습니다. (idea 뒤에 프로젝트 디렉토리 위치를 넣어주셔도 됩니다.) 만약 아래와 같은 오류가 난다면 윈도우 버전에 따라서 다른 명령어를 실행시켜주셔야 합니다. 윈도우 32bit : idea 윈도우 64bit : idea64 맥 인텔리제이에서 Tools.. 2019. 11. 26.
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.
728x90

티스토리툴바