코드 형식기

소개

다국어 지원

JavaScript, TypeScript, HTML, CSS, JSON 등에서 코드를 형식landır습니다.

실시간 형식

「Enter」 버튼을 한 번 누르면 코드를 즉시 잘 정돈합니다.

구문 강조 표시

독해성을 높이기 위해 코드에 대한 적절한 구문 강조 표시를 표시합니다.

복사 기능

복사 버튼을 사용하여 형식된 코드를 클립보드로 쉽게 복사할 수 있습니다.

커서 위치 추적

입력 편집기에 있는 현재 줄과 열 위치를 모니터링합니다.

참조

코드 형식은 소스 코드의 구조를 재구성하여 가독성과 유지 보수성을 향상시키는 것으로, 기능 자체는 변경하지 않습니다. 인덴트, 공백, 줄바꿈 등의 미적 요소에 일관된 규칙을 적용하는 것을 의미합니다. 올바른 형식은 코드 이해도를 높이고 오류를 줄이며 개발자 간의 협업을 용이하게 합니다. Python의 PEP 8 또는 Google JavaScript 스타일 가이드와 같은 많은 프로그래밍 언어는 표준화 된 형식 규칙을 제공하는 스타일 가이드를 가지고 있습니다.

계산

코드 형식기는 Prettier 라이브러리를 사용하여 입력 코드를 분석하고 새 형식으로 변환합니다. Prettier는 입력으로부터 Abstract Syntax Tree(AST)를 생성한 후, 이 트리를 탐색하여 일관된 형식으로 출력을 생성합니다. 인덴트, 줄바꿈, 공백과 같은 요소에 대해 언어별 규칙을 적용합니다. 형식기는 최대 줄 길이 및 선호되는 쿼트 스타일과 같은 요소도 고려합니다. 언어에 따라 정확한 알고리즘이 다를 수 있지만, Prettier는 동일한 입력에 대해 항상 동일한 형식 코드가 생성되도록 만들기 위해 노력합니다.