분류 전체보기
VSCode 배경화면 커스텀 ft.작업하면서 힐링하기
항상 꺼꺼무리한 꽉막힌 느낌을 주는 검정 배경만 보다가 문득 배경을 바꾸고 싶었다. background 익스텐션 설치 settings > background(입력) > Edit in settings.json 쭉 설정들이 있는데 원하는 이미지 경로를 image 항목에 설정하고 opacity로 투명도를 선택하면 된다.
윈도우 전각/반각 문자 전환 단축키
단축키는 ALT + = 이다. IDE에서 나도 모르게 단축키를 눌러 당황했다. 다른 분들은 당황하지 말고 단축키를 다시 한번 눌러주면 깔끔하게 해결된다.
prettier 설정을 잠깐 사용하고 싶지 않을 때!
다음과 같은 프리티어 설정이 있다고 가정해보자. 코드를 작성하다 보면 잠깐 prettier 설정을 사용하고 싶지 않거나 새로 설정을 해줘야 하는 부분이 있는데 다음과 같은 방법도 있으니 상황에 맞게 활용해보자. 방법은 " // prettier-ignore " 주석을 입력해주는 것이다. 해당 주석을 입력해주면 그 밑 행부터는 prettier 설정을 적용하지 않겠다는 의미이다.
(Mac) zsh: command not found: code 에러 해결
code 명령어를 실행하는데 다음과 같은 오류가 나왔다. VSC에서 command palatte를 연다. 단축키 : command + shift + P shell command 만 입력해도 다음과 같은 메뉴가 나온다. > 클릭 해결완료
VSCode 컴팩트 폴더구조 설정 ft.난 오리진이 좋다구
아래와 같이 폴더구조가 생성이 되는것은 Compact Folders 설정 때문이다. Visual Studio Code의 Compact Folders 옵션은 2020년 11월에 출시된 버전 1.52 (November 2020)에서 처음 추가되었다. 사용을 원치 않으니 기능을 없애보자. Settings 오픈! 단축키는 Mac : command + , window : ctrl + , explorer.compactFolders 검색! 아래 Compact Folders 체크박스 해제! 적용 완료 확인
Vuexy - React 버전 템플릿 다운로드 후 어떻게 실행해?
먼저 템플릿을 다운로드 받았다면 VSC에서 템플릿폴더를 열어주자! vite-bootstart5 > full-version 폴더의 리액트 프로젝트를 실행하고 싶다. 그래서 터미널을 열고 폴더 경로에서 실행명령을 입력했다.( 2가지 방법 - npm / yarn ) % npm start % yarn start 에러발생! 에러발생! 비상! 비상! 침착하고 오류 메세지를 읽어보면 npm start 명령어를 실행한 이후 start 스크립트가 없다고 나오는데 리액트 프로젝트의 스크립트는 package.json에서 확인할 수 있다. 어라, 확인해보니 있었다. 우선 첫번째 잘못한 점은 full-version 폴더로 실행경로를 변경해야 한다. 즉시 이동해보자. % cd vite-bootstrap5 % cd full-ver..