탐구하는 취르미

리액트에서 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..

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