Visual Studio Code F12 / 정의로 이동이란 ?

**“정의로 이동(Go to Definition)”**은 프로그래밍에서 함수, 변수, 클래스 등 식별자의 선언 위치로 이동하는 기능이에요.

 

function sayHello() {
  console.log("Hello!");
}

sayHello(); // 커서를 여기 두고 F12 누르면...

 

• sayHello();에 커서를 두고 F12를 누르면
• 위에 선언된 function sayHello() { ... }로 자동으로 점프합니다.

✅ 이 기능이 왜 유용할까?

• 코드 구조를 빠르게 파악할 수 있어요.
• 라이브러리나 모듈에서 정의된 내용을 추적할 때 필수예요.
• 함수나 변수의 정의 위치를 찾느라 스크롤할 필요가 없음.

---

💡 팁:

• F12: 정의로 이동
• Alt + F12: 정의를 인라인으로 미리 보기
• Ctrl + Click / Cmd + Click: 정의로 빠르게 점프