VSCODE: setting

extensions

• Auto Rename Tag
• ESLint
• Prettier
• Git Graph
• GitLens
• Path Intellisense

settings.json

user - settings.json

{
    "window.commandCenter": true,
    "files.associations": {
        "*.js": "javascriptreact",
        "*.jsx": "javascriptreact",
    },
    "typescript.suggest.autoImports": true,
    "javascript.suggest.autoImports": true,
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.wordWrap": "on",
    "typescript.updateImportsOnFileMove.enabled": "always",
    "javascript.updateImportsOnFileMove.enabled": "always"
}

1. "window.commandCenter": true
   • 상단의 명령어 센터(Command Center) 표시 여부
2. "files.associations"
   • *.js, *.jsx 파일을 javascriptreact로 인식하도록 설정
3. "typescript.suggest.autoImports": true
   • TypeScript 코드 작성 시 자동 import 제안 활성화
4. "javascript.suggest.autoImports": true
   • JavaScript 코드 작성 시 자동 import 제안 활성화
5. "editor.tabSize": 2
   • 탭 간격을 2칸으로 설정
6. "editor.insertSpaces": true
   • 탭 키 입력 시 스페이스로 변환
7. "editor.wordWrap": "on"
   • 긴 줄 자동 줄바꿈 활성화
8. "typescript.updateImportsOnFileMove.enabled": "always"
   • TypeScript 파일 이동 시 import 경로 자동 업데이트
9. "javascript.updateImportsOnFileMove.enabled": "always"
   • JavaScript 파일 이동 시 import 경로 자동 업데이트

keybindings.json

user - keybindings.json

[

    {
        "key": "alt+left",
        "command": "cursorHome",
        "when": "editorTextFocus"
    },
    {
        "key": "alt+right",
        "command": "cursorEnd",
        "when": "editorTextFocus"
    },
    {
        "key": "alt+shift+left",
        "command": "cursorHomeSelect",
        "when": "editorTextFocus"
    },
    {
        "key": "alt+shift+right",
        "command": "cursorEndSelect",
        "when": "editorTextFocus"
    }
]

1. "alt+left" → "cursorHome"
   • Alt + ← 키를 누르면 현재 줄의 맨 앞으로 커서 이동
2. "alt+right" → "cursorEnd"
   • Alt + → 키를 누르면 현재 줄의 맨 끝으로 커서 이동
3. "alt+shift+left" → "cursorHomeSelect"
   • Alt + Shift + ← 키를 누르면 현재 위치에서 줄 앞까지 텍스트 선택
4. "alt+shift+right" → "cursorEndSelect"
   • Alt + Shift + → 키를 누르면 현재 위치에서 줄 끝까지 텍스트 선택
5. "when": "editorTextFocus"
   • 텍스트 편집기에 포커스가 있을 때만 작동