본문 바로가기

TOOL

 (71)
[VSCode] Sass Live Compile 설정하기 sass를 사용하기위해서 몇가지 셋팅이 필요하다. 컴파일을 할때 어떠한 형식의 css로 컴파일을 할것인지부터 시작해서 어떤 특정 scss파일만 도출해 낼것인지까지 다양한 옵션으로 셋팅이 가능하다. 1. 플러그인 live sass compiler와 Sass 설치하기 2. 불필요한 공백 모두 제거(compressed)와 특정 파일 main.scss, sub.scss만 컴파일 하며 오토프리픽스로 크로스브라우징(브라우저별 인식 코드 자동 삽입)을 할 예정이다. ex) display: flex;만 작업자가 scss에 작성하여도, 자주 사용하는 브라우저들의 프리픽스를 선언하여 인식할 수 있게 해준다. display: flex;를 컴파일한 결과는, display: -webkit-box; display: -ms-fle..
[VSCode] 기본 셋팅 리스트 및 플러그인 위치 VSCode를 새로 셋팅할 때마다 처음부터 플러그인을 하나하나 Install 할 필요 없이 extensions 폴더를 저장하여 필요할 때마다 폴더를 붙여넣어주면 된다. 그리고 현재 내 작업 Windows 환경의 VSCode 확장 플러그인을 백업해둘 용도의 포스팅이기도 하다. 보통 윈도우에서 extensions 폴더 위치는 C:\Users\Users_name\.vscode\extensions에 있다. 아래가 현재 내 로컬 VSCode의 확장 플러그인이다.
[SVG] svg window 미리보기 윈도우 환경에서 svg 이미지 파일을 미리보기란 쉽지 않다. 1. 탐색기에서 오른쪽 마우스> 보기> 큰아이콘 으로 설정 해두기 2. 아래 깃허브 레파지토리에 있는 .exe를 다운받아 실행하기 https://github.com/tibold/svg-explorer-extension/releases Releases · tibold/svg-explorer-extension Extension module for Windows Explorer to render SVG thumbnails, so that you can have an overview of your SVG files - tibold/svg-explorer-extension github.com 자신 로컬환경에 맞는 비트.exe를 골라 저장 및 실행한다. ..
[VSCode] Tab 간격 설정 해둔데로 유지하기 프로젝트마다 Tab 간격 설정이 달라서 매번 우측 하단에 Tab Size 혹은 Sapcing을 변경해줘도 창을 닫고 다시 vscode를 실행하면 다르게 설정 값이 매겨진다. 한번 설정 해둔데로 유지하고 싶다면, 1. 좌측 하단 톱니바퀴(또는 File > Preferences > Settings) 2. editor tab 검색 3. Detect Indentation 체크가 되어있다면 아래 캡처본처럼 해제 4. Editor Tab Size를 설정해주고 재실행한다. 😊
[github] ssh 공개키로 github 연결하는 이유 github 레파지토리를 로컬에 연결할경우 https 와 ssh 둘 중 하나의 방법으로 remote하곤 했었다. ssh는 키를 이용하여 해당 로컬에 연결하는 것인데, 이 방법을 택하여 연결하는 필요성이 와닿진 않았다. 보완상 좋다? 라고만 구글링해도 나와서... 하지만 단체 및 내 계정의 레파지토리를 로컬에 연결하여 터미널로 풀, 커밋 및 푸시를 날리고 싶을 경우 자꾸만 아래와 같은 에러를 뿜었다. remote: Repository not found. fatal: repository 'https://github.com/vsquaregit/Publish-DEMO.git/' not found 잘 생각해보면, 내계정 즉, 내가 주인이 아닌 계정에 만든 레파지토리 즉, 단체에서 날 초대하여 Admin 권한을 준..
[github] git user.name, user.email local 및 global 설정 1. 아래 처럼 user.name과 user.email를 확인 git config user.name git config user.email local은 global 보다 우선순위를 갖는다. 2. 따라서 특정 폴더에만 다른 깃허브 계정을 넣고 싶으면 아래와 같이 설정 git config --local user.name "설정할 이름" git config --local user.email "설정할 이메일"
[Excel] 조건부 서식 이용하기 1. 우선 적용 전에 대상을 셀렉(드래그) 해야한다. 2. 그후 오른쪽 마우스 > 조건부 서식 > 오른쪽 사이드바에 "조건부 서식 규칙" 창이 뜬다. 1) 시트 행에 번갈아 가면서 색을 표현하고 싶을 때 범위_ A2:H998 형식규칙_ 맞춤수식으로_ =MOD(ROW(),2)=1 색상지정_ 회색 이렇게 적용할 경우 제목 Tip이란 예시처럼 짝수 행만 회색으로 표시된다. + 홀수 행만 회색으로 하고 싶을 경우, =MOD(ROW(),2)=0 으로 수정하면 된다. 1은 true고, 0은 false를 뜻한다. 컴퓨터는 0101010....... 0과 1로 이루어져있..... 2) 셀이 비어있지 않으면 해당 셀을 서식하고 싶을 때 범위_ C2:C998 형식규칙_비어 있지 않음 색상지정_검은색에 노란색 텍스트
[VSCode] 맥북에서 한줄 선택(드래그) 단축키 윈도우에서는 ctrl + shift + l 로 코드 한줄 드래그가 되었다. 하지만 맥북으로 넘어오면서 먹히질 않아서 한참 찾다가 발견하였다. VScode의 왼쪽하단 톱니바퀴를 클릭 > Keyborad Shortcuts > "cursorEndSelect" 검색 아래와 같이 default 단축키 값이 나온다. shift + command + right(화살표 오른쪽) 커서가 만약에 코드 라인 제일 끝에 있다면, "cursorHomeSelect"의 기본 단축키 값인 shift + command + left(화살표 왼쪽) 으로 해당 한 줄을 드래그할 수 있다. 참고 링크 : VSCode 단축키 https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.p..

티스토리툴바