탐구하는 취르미

리액트에서 CSS Modules을 사용할 때 이런 코드 자주 쓰이죠?import styles from './Component.module.css';return Hello; 리액트에서 CSS Modules을 사용할 때, styles. 입력 시 클래스명이 자동으로 추천되거나, styles.container를 클릭해도 CSS 정의로 바로 이동되지 않으면 불편할 수 있습니다. 이 문제, VS Code 확장 하나로 깔끔하게 해결할 수 있습니다. CSS Modules 설치 방법VS Code 에디터에서 CSS Modules 확장 프로그램을 검색하여 설치합니다. 또는 터미널에서 명령어로 바로 설치 가능합니다.code --install-extension clinyong.vscode-css-modulesCSS Modu..

VSCode는 Microsoft에서 개발한 가벼우면서 강력한 오픈 소스 코드 편집기로, 다양한 플랫폼에서 널리 사용되고 있습니다. 이 글에서는 VSCode의 핵심 기능 중 하나인 단축키 설정하는 방법에 대해 다뤄보려고 합니다. 사용자 정의 단축키 설정하기 단축키는 작업을 빠르게 수행하고 생산성을 향상하는 데 중요한 역할을 합니다. 키보드 조작을 통해 마우스로 수행하는 작업보다 훨씬 효율적이며, VSCode에서는 다양한 기능에 대한 단축키를 제공하여 개발자의 작업 효율을 높일 수 있습니다. 사용자가 정의하는 단축키 설정 방법에 대해서 알아보겠습니다. 설정 > 바로 가기 키 왼쪽 하단에 설정 아이콘 > 바로 가기 키 클릭하세요. 키 바인딩 리스트 창이 띄어집니다. 각 키 또는 키 조합에 할당된 작업 또는 명..

Prettier(프리티어)에 대해서 프리티어는 vs code 확장 프로그램으로 제공되는 코드 포매터(code formatter)인데요~ 팀 프로젝트에서 정의한 코드 컨벤션(code convention)을 지키는데 매우 효과적입니다. 들여 쓰기, 공백, 따옴표 사용 등과 같은 스타일을 가이드에 포함하여 자동으로 코드를 일관된 형식으로 유지해 줍니다. 수동으로 코드를 정리하거나 스타일 규칙을 준수하려면 작업 생산성이 굉장히 떨어지므로 프리티어를 통해 코드의 일관성을 유지하면서 버그 또한 줄일 수 있는 장점이 있습니다. 프리티어 설치 방법 VS Code > 마켓플레이스에서 Prettier 검색 > install 클릭으로 간단하게 설치할 수 있습니다. 프리티어(Prettier)가 반영될 수 있도록 하는 기본 ..