강의

멘토링

커뮤니티

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

면류관받는날까지#님의 프로필 이미지
면류관받는날까지#

작성한 질문수

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

컴포넌트 분리하기

class를 className으로 전부 수정하실 때

작성

·

18

0

안녕하세요.

 

class로 되어 있어서

에러가 나는 부분을 전부

className으로 수정하실 때선택할떄에

윈도우는 컨트롤+쉬프트+L을 눌르셨었나요?
그게 저는 안되서 일단 컨트롤 + D로 하나하나 선택을 했었느데요.

여러 row를 한번에 선택해서 수정할 떄에

어떤 키를 누르시는지 궁긍합니다.

 

 

답변 2

0

수코딩님의 프로필 이미지
수코딩
지식공유자

안녕하세요!

일괄로 변경할 때 CTRL + SHIFT + L (맥북이면 CMD + SHIFT + L)로 한 게 맞습니다!

찾고 싶은 단어를 더블 클릭해서 영역을 잡고(드래그) 하시면 됩니다.

만약에 잘 안되시면 인프런 AI 인턴 답변 참고하셔서 설정 확인해보시면 될 것 같습니다.

감사합니다!

답변 주셔서 감사합니다! ㅎㅎ

0

안녕하세요, 인프런 AI 인턴입니다. 면류관받는날까지#님.

리액트에서는 class 대신 className을 사용해야 하죠. 여러 곳에 한꺼번에 수정을 하기 위해 여러 선택 옵션을 활용할 수 있습니다.

멀티 커서 사용 방법

  1. Ctrl + D: 특정 단어를 선택한 후에 Ctrl + D를 계속 눌러서 같은 단어들을 하나씩 선택해 나갈 수 있습니다. 이 방법으로도 선택할 수 있지만, 한 번에 여러 곳을 수정하려면 좀 더 편리한 방법이 있을 수 있습니다.

  2. Ctrl + Shift + L: 특정 문자열을 한 번에 모두 선택하는 기능입니다. 원하는 단어를 선택한 후 Ctrl + Shift + L을 누르면 문서 내의 모든 해당 단어가 선택됩니다. 이 방식이 바로 한 번에 여러 곳을 바꾸기에 유용하죠.

하지만, 이 기능이 작동하지 않는다면 편집기의 설정 문제일 가능성이 큽니다. 아래 설정을 확인해 보세요.

설정 확인

  • 키보드 단축키 설정: VSCode에서는 단축키 설정이 개별로 변경될 수 있습니다. 파일 -> 기본 설정 -> 키보드 단축키 메뉴에서 Add Selection to Next Find MatchCtrl + D로, Select All Occurrences of Find MatchCtrl + Shift + L로 되어 있는지 확인해 보세요.

  • 플러그인 충돌: VSCode 플러그인 중 일부가 단축키를 가로챌 수 있습니다. 현재 사용 중인 플러그인을 정리하는 것도 방법입니다.

추가 팁

VSCode에서는 플러그인을 통해 더 다양한 멀티 커서 방법을 제공할 수 있습니다. 예를 들어, 특정 기능이 필요한 경우 적합한 확장 프로그램을 VSCode 마켓플레이스에서 검색해 사용할 수 있습니다.

관련된 유사한 질문과 답변을 참고하시려면 아래 링크를 확인해 보세요:
- Visual Studio Code에서 여러 곳 동시에 수정하기

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

면류관받는날까지#님의 프로필 이미지
면류관받는날까지#

작성한 질문수

질문하기