여러 단어 선택해서 한번에 수정하는 법!

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

영화 목록 렌더링 - 2

작성

수정됨

안녕하세요.

이번 영상 4:33쯤에서 커서를 여러군데에 만들고 수정하는 부분이 나오는데 어떻게 하신건지 궁금해요!

그리고 단어를 한번에 수정하더라도 원래 소문자였던 부분은 소문자, 원래 대문자였던 부분은 대문자로 처리되던데 이 부분도 궁금해요!

react react-router redux-toolkit zustand react.js

답변 2

수코딩

지식공유자

안녕하세요!

다음은 Visual Studio Code의 멀티 커서 기능 활용 방법입니다:

일괄 선택
1. 수정할 단어를 더블 클릭하거나 드래그로 선택합니다.
- Windows: Ctrl + Shift + L
- macOS: ⌘ Cmd + Shift + L
  을 누르면 해당 단어와 완전히 일치하는 모든 항목이 한 번에 선택됩니다.
순차 선택
한 번에 모두 선택하지 않고, 일치하는 단어를 하나씩 추가로 선택하려면
- Windows: Ctrl + Shift + D
- macOS: ⌘ Cmd + Shift + D
  를 사용하세요.
대·소문자 형태 유지하며 변경하기
기본 멀티 커서는 대·소문자를 구분하지 않고 모두 같은 형태로 변경됩니다.
원래의 대·소문자 패턴을 유지하면서 변경하고 싶다면, 아래 익스텐션을 설치하세요.
설치 즉시 자동으로 적용됩니다.

감사합니다!

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. Do Hae Kim님.

여러 단어를 동시에 선택하고 수정하는 방법은 보통 코드 에디터의 멀티 커서(multi-cursor) 기능을 이용하는 것입니다. 가장 많이 사용되는 Visual Studio Code(VS Code)의 경우, 멀티 커서를 사용하는 방법은 다음과 같습니다:

멀티 커서 추가하기: Alt 키 또는 Option 키(맥의 경우)를 누른 채로 클릭하면 여러 위치에 커서를 추가할 수 있습니다.
같은 단어 선택하기: 특정 단어 위에 커서를 놓고 Ctrl + D (또는 Cmd + D 맥에서)를 누르면 그 단어와 같은 다른 위치의 단어들이 동시 선택되어 모든 인스턴스를 동시에 수정할 수 있습니다.

소문자와 대문자 처리는 VS Code의 기본 기능은 아닙니다. 하지만 이러한 기능을 지원하는 확장 프로그램이나 단축키가 있을 수 있습니다. 관련한 사용 예시는 다음 링크를 통해 더 구체적으로 확인해 보시길 추천드립니다:

VS Code와 같은 현대적인 코드 에디터에서는 이런 작업들이 생산성을 크게 향상시킬 수 있으니 잘 활용해 보세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변

여러 단어 선택해서 한번에 수정하는 법!