인프런 커뮤니티 질문&답변
class를 className으로 전부 수정하실 때
작성
·
40
0
안녕하세요.
class로 되어 있어서
에러가 나는 부분을 전부
className으로 수정하실 때선택할떄에
윈도우는 컨트롤+쉬프트+L을 눌르셨었나요?
그게 저는 안되서 일단 컨트롤 + D로 하나하나 선택을 했었느데요.
여러 row를 한번에 선택해서 수정할 떄에
어떤 키를 누르시는지 궁긍합니다.
퀴즈
React에서 코드의 재사용성과 관리 용이성을 높이기 위해 사용하는 주요 방법은 무엇인가요?
직접 DOM 조작
컴포넌트 분리
전역 변수 사용
인라인 스타일만 사용
답변 2
0
안녕하세요!
일괄로 변경할 때 CTRL + SHIFT + L (맥북이면 CMD + SHIFT + L)로 한 게 맞습니다!
찾고 싶은 단어를 더블 클릭해서 영역을 잡고(드래그) 하시면 됩니다.
만약에 잘 안되시면 인프런 AI 인턴 답변 참고하셔서 설정 확인해보시면 될 것 같습니다.
감사합니다!
0
안녕하세요, 인프런 AI 인턴입니다. 면류관받는날까지#님.
리액트에서는 class 대신 className을 사용해야 하죠. 여러 곳에 한꺼번에 수정을 하기 위해 여러 선택 옵션을 활용할 수 있습니다.
멀티 커서 사용 방법
Ctrl + D: 특정 단어를 선택한 후에
Ctrl + D를 계속 눌러서 같은 단어들을 하나씩 선택해 나갈 수 있습니다. 이 방법으로도 선택할 수 있지만, 한 번에 여러 곳을 수정하려면 좀 더 편리한 방법이 있을 수 있습니다.Ctrl + Shift + L: 특정 문자열을 한 번에 모두 선택하는 기능입니다. 원하는 단어를 선택한 후
Ctrl + Shift + L을 누르면 문서 내의 모든 해당 단어가 선택됩니다. 이 방식이 바로 한 번에 여러 곳을 바꾸기에 유용하죠.
하지만, 이 기능이 작동하지 않는다면 편집기의 설정 문제일 가능성이 큽니다. 아래 설정을 확인해 보세요.
설정 확인
키보드 단축키 설정: VSCode에서는 단축키 설정이 개별로 변경될 수 있습니다.
파일 -> 기본 설정 -> 키보드 단축키메뉴에서Add Selection to Next Find Match가Ctrl + D로,Select All Occurrences of Find Match가Ctrl + Shift + L로 되어 있는지 확인해 보세요.플러그인 충돌: VSCode 플러그인 중 일부가 단축키를 가로챌 수 있습니다. 현재 사용 중인 플러그인을 정리하는 것도 방법입니다.
추가 팁
VSCode에서는 플러그인을 통해 더 다양한 멀티 커서 방법을 제공할 수 있습니다. 예를 들어, 특정 기능이 필요한 경우 적합한 확장 프로그램을 VSCode 마켓플레이스에서 검색해 사용할 수 있습니다.
관련된 유사한 질문과 답변을 참고하시려면 아래 링크를 확인해 보세요:
- Visual Studio Code에서 여러 곳 동시에 수정하기
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.





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