✏️ 정의 코드 린터: 문법에서 에러는 아니지만 에러로 약속하자고 규칙을 정하는 것이다. 실행하는데는 문제가 없다. eslint 규칙으로는 import 순서, == 금지 등이 있을 수 있다. eslint 자체에 Formatter 기능도 어느정도 가지고 있다. 코드 포메터: 코드를 보기 좋게 만들어주는 것이다. prettier 규칙으로는 띄어쓰기 2칸, 특정 길이가 넘어가면 줄바꿈 등이 있다. 🔎 eslint 설치 방법 next.js는 package.json에 들어가보면 eslint가 이미 설치되어 있다. 따라서 따로 eslint를 설치하지 않고, 설정파일을 만드는 것부터 시작한다. 설치가 완료되면, eslintrc.json 파일이 생성된다. 그리고 파일을 열면 빨간줄이 생기는데, 이는 standard 규..
이전 커서로 돌아가기 : ctrl + - 다시 그 이전 커서로 돌아가기(원래 페이지로) : ctrl + shift + - 소스 미리보기 : command 누르고, 클릭 탭 닫기 : Command + B 여러 줄 선택: option + command + 방향키 위,아래 원하는 줄 선택: option + 원하는 줄 클릭 변수 한번에 바꾸기: shift + command + L 한번에 삭제: command + shift + K
제 기준 Intellij IDE 사용시 유용한 단축키를 정리해봤습니다. Command + Shift + T : 테스트 코드 생성 Fn + Shift + F6 : rename Option + Command + M : 메소드로 추출하기 ( extracting method ) Command + N : 파일, 패키지 생성 Command + Shift + Enter : 자동 완성 Option + Command + V : 변수 추출하기 ( extracting variables ) Command + E : 최근 열어본 파일 보기 Option + Command + N : inline variable -> 한 줄로 바꿔주기 Control + T로 inline variable을 찾아서 실행해줄 수 있음. F2 : 오류 발..
Auto Rename Tag : HTML 태그 수정 시 시작태그와 종료태그를 자동으로 함께 수정해 주는 모듈 Code Spell Checker : 사전에 없거나 자주 사용되지 않는 단어가 사용되면 경고해 주는 모듈 Error lens : 문제가 있는 부분을 직관적으로 알려주는 모듈 Live Server : html을 작성할 때 변경된 점을 바로 확인할 수 있도록 도와주는 모듈