썬이의 IT세상

VS Code에서 중괄호, 대괄호로 선언하는 함수나 object 등 코딩할 때 자동 들여쓰기가 되지 않아 불편할 때가 있다. 불편한 예시는 아래와 같다 temp 라는 함수를 선언할 때, 중괄호 사이에서 엔터를 누르면 위 예시처럼 나오게 되는데 이렇게 되면 한번 더 줄바꿈을 해주고 다시 빈공간으로 커서를 옮겨 들여쓰기를 해주어야 하는 번거로움이 있다. 세팅 방법 세팅 방법은 의외로 간단하다. 1. VS Code 설정 > json으로 열기 ctrl + , 이나 cmd + , 혹은 VS Code 설정 창을 열면 다음과 같은 화면이 나올텐데 우측 상단을 보면 이런 아이콘이 나올텐데, 가장 왼쪽 아이콘을 클릭하면 설정을 json 파일로 열 수 있다. 2. 자동 들여쓰기 설정해주기 우리는 json 파일에서 "edi..

매번 스크립트 파일을 새로 작성할 때, import React from 'react'; 부터 export default 파일이름까지 일일이 작성해줘야하는 번거로움을 덜어주는 VS Code의 기능을 다뤄보도록 하겠다. 🟨 Code Snippet ? - VS Code에서 새로 파일을 만들고 해당 파일에 들어가는 기본적인 코드들, 즉 거의 대부분의 파일에서 공통적으로 사용되는 코드들을 일일이 작성할 때 이를 간단한 명령어 하나로 작성해주는 기능이다. 예를 들어 앞서 적어놓은 부분을 좀 더 자세히 보면 import React from 'react'; import {View, Text} from 'react-native'; const filename = () => { return ( This is new file..

확장에서 Prettier를 설치하고, 작업할 때 저장하면 자동으로 prettier 서식이 적용되게 하는 방법을 작업 환경이 바뀔 때마다 까먹어서 적어두려 한다. Window : Ctrl + , Mac : cmd키 + , 로 VSCode 설정을 들어간 후에 Format on Save 설정에 들어가서 체크박스에 체크만 해주면 된다.

현재 쓰고 있는 마우스는 로지텍 mx matser 마우스인데 마우스4,5번 버튼(뒤로가기/앞으로가기)가 윈도우에서는 잘 동작했었으나 맥에서는 동작하지 않아 되게 불편했었다. 그래서 방법을 알아보던 중, Karabiner를 이용한 방법만 나오길래 되는 줄 알았더니 이 마우스에는 동작하지 않는 방법이었다. 근데 크롬에서 앞으로/뒤로가기 버튼은 동작하는데 vs code에서만 동작하는게 아니라서 단축키를 크롬과 같이 변경하면 되지 않을까..? 라는 생각에 vs code shortcut 편집기에서 크롬과 같이 커스텀했는데 이런... 역시 동작하지 않았다. 그래서 이것저것 눌러보던 중에, 이녀석을 처음에 세팅할 때 설치했던 logi options+ 가 생각나서 봤더니 에라이... vs code를 추가 안해놨었다ㅠㅠ..