EditorConfig 생성기
들여쓰기 스타일, 줄 끝, 문자셋, 일반적인 재정의를 갖춘 .editorconfig 파일을 브라우저에서 만듭니다.
사용법
- 들여쓰기 스타일과 크기, 줄 끝, 문자셋을 선택합니다.
- root, 끝 공백 제거, 마지막 줄바꿈, 선택적 재정의를 토글합니다.
- 생성된 파일을 복사해 프로젝트 루트에 .editorconfig로 저장합니다.
자세한 설명
펼치기접기
속성 이름을 외우는 대신 설정을 골라서 .editorconfig 파일을 만드세요. 들여쓰기 방식과 너비, 줄 끝 문자, 문자 집합, 마지막 줄바꿈, 줄 끝 공백 정리, 그리고 대부분의 프로젝트가 결국 필요로 하는 언어별 재정의까지 다룹니다. 이 파일의 요점은 규칙이 저장소와 함께 따라다니고 편집기가 직접 읽는다는 점입니다. 덕분에 스타일 가이드를 한 번도 열어 보지 않은 기여자도 여러분이 탭을 쓰는 곳에서는 탭으로 커밋합니다. 제대로 맞춰야 하는데 놓치기 쉬운 세부가 두 가지 있습니다. 맨 위의 root 속성은 상위 디렉터리로 탐색이 이어지는 것을 막습니다. 그리고 구역 패턴은 글로브라서 [*.md]와 [{package.json,.travis.yml}] 둘 다 동작합니다. 결과는 저장소 최상단에 바로 넣을 수 있는 형태로 복사됩니다.
자주 묻는 질문
root = true는 무엇을 하나요?
이 파일을 최상위 EditorConfig 파일로 표시하여 에디터가 상위 디렉터리를 더 이상 찾지 않게 합니다. 프로젝트 루트에 두고, 설정 파일을 중첩하지 않는 한 켜둡니다.
[*.md] 재정의는 왜 필요한가요?
Markdown은 강제 줄바꿈에 끝 공백 두 개를 사용하므로 끝 공백을 제거하면 깨집니다. 이 재정의는 .md 파일에만 끝 공백 제거를 비활성화합니다.
에디터가 기본으로 지원하나요?
많은 에디터가 지원합니다(예: JetBrains IDE, EditorConfig 확장이 있는 VS Code). 파일은 INI 형식의 일반 텍스트로, EditorConfig를 인식하는 모든 도구가 읽습니다.
업로드되는 게 있나요?
아니요. 파일은 전적으로 브라우저에서 생성되며 아무것도 업로드되지 않습니다.
이게 Prettier나 ESLint를 대신하나요?
아닙니다. 그 아래에 깔리는 층입니다. EditorConfig는 입력하는 동안 편집기가 무엇을 하는지를 정하고(들여쓰기, 줄 끝 문자, 마지막 줄바꿈), 포매터는 저장할 때나 CI에서 파일을 다시 씁니다. 둘 다 쓰되 서로 어긋나지 않게 하세요. 어긋나면 기여자들 사이를 오가며 파일이 계속 다시 포맷되는 현상으로 나타납니다.
구역 패턴이 gitignore처럼 동작하나요?
꼭 그렇지는 않습니다. 글로브라서 [*.md]와 [{package.json,.travis.yml}] 둘 다 되지만, 부정 표현이 없고 슬래시가 없는 패턴은 어느 깊이에서든 일치합니다. 같은 파일에 대해서는 뒤쪽 구역이 앞쪽을 이기므로, 넓은 [*] 블록을 먼저 두고 구체적인 재정의를 그 뒤에 두세요.
관련 도구
EditorConfig 테스터
.editorconfig와 파일 경로를 붙여넣으면 각 파일에 최종 적용되는 속성과, 그 값을 정한 섹션과 줄 번호를 보여줍니다.
개발
SQL 포맷터
10가지 SQL 방언(PostgreSQL, MySQL, BigQuery, Snowflake, T-SQL 등)을 보기 좋게 포맷합니다.
개발
CSS to JS 스타일 객체 변환기
CSS 선언 블록을 React/JS 인라인 스타일 객체로 브라우저에서 변환합니다.
개발
Git 설정 우선순위 테스터
git 설정 파일을 붙여 넣으면 키마다 어떤 값이 이기는지, 그 값이 나온 범위·파일·줄, 무엇을 덮었는지, 어떤 includeIf가 걸렸는지 보여줍니다.
개발
HTML → JSX 변환
HTML 스니펫 붙여넣기 → React용 JSX. class→className·onclick→onClick·void 태그 self-close·inline style 객체화 옵션.
개발
systemd 서비스 파일 생성기
systemd .service 유닛 파일을 만듭니다. Type, Restart, User, Environment, 샌드박싱 설정과 설치·journalctl 명령까지 함께 출력합니다.
개발