반응형

vscode 4

[Next.js] ESLint, Prettier 설정하기 (Typescript/VSCode)

ESLint란? JavaScript 코드에서 발견 된 문제 패턴을 식별하기위한 정적 코드 분석 도구. Prettier란? 코드 포멧터(Code Formatter) Next.js 프로젝트에 ESLint/Prettier 적용하기 (VSCode) 프로젝트 생성 npx create-next-app --typescript 저는 typescript를 사용할 예정이므로 —typescript 옵션을 추가했습니다. ESLint 설치 npm i eslint --save-dev ESLint 설정하기 eslint --init 위 명령어를 터미널에 실행하면 eslint 설정이 시작됩니다. 여러가지 질문들이 나오는데, 저는 아래와 같이 설정했습니다. ❯ eslint --init ✔ How would you like to use ..

React 2021.09.13

[VSCode] 파일 이름으로 파일 검색 단축키

코딩을 하다보면 마우스의 사용이 번거로울 때가 있습니다. 그래서 IDE의 단축키를 익혀놓으면 더욱 빠르고 편안한 코딩이 가능합니다. 오늘은 VSCode의 파일 이름으로 파일을 검색하는단축키를 알아보겠습니다. OS에 따른 단축키는 아래와 같습니다. windows: Ctrl + P macOS: Cmd + P 위 단축키를 누르면 텍스트 입력창이 나오는데, 검색어를 입력하면 검색어가 이름에 포함된 파일 리스트가 나오고 원하는 파일을 선택하면 됩니다.

Tool 2020.04.17

[VSCode] 다음/이전 찾기(검색) 단축키

IDE의 검색 기능을 이용하다보면 많은 검색 결과가 나타날 때가 있습니다. 결과 리스트를 확인하기 위해 일일히 검색결과를 클릭하면서 확인하는 것은 귀찮은 일이 아닐 수 없습니다. 좀 더 편하게 다음 검색결과로 이동하는 방법이 있습니다. 단축키를 사용하는겁니다. 단축키는 아래와 같습니다. 다음 찾기: F4 이전 찾기: Shift + F4 실제로 사용하면 아래 그림과 같이 움직이는 것을 확인할 수 있습니다.

Tool 2020.04.17
반응형