Flow 포매터

중괄호, 세미콜론, 연산자, 문자열, 주석 같은 토큰으로 코드를 나눈 뒤 이를 바탕으로 레이아웃을 다시 구성합니다. 블록은 공백 2개로 들여쓰고, 문장은 세미콜론으로 끝내며, 연산자에는 일관된 간격을 적용합니다.

정확한 객체 타입은 막대 기호를 중괄호에 바로 붙이고 안쪽에는 공백을 둡니다. 예: type Props = {| name: string, age: number |}. 타입 안의 콜론과 쉼표 뒤 공백은 정규화됩니다.

네, // @flow pragma와 다른 모든 줄 주석 및 블록 주석이 보존됩니다. 줄 주석은 항상 해당 줄을 끝내므로 다음 코드는 새 줄에서 시작합니다.

아니요. Flow를 실행하거나 구문을 검증하지 않으므로 완성되지 않은 코드 조각도 포맷합니다. 프로젝트에서 flow check를 실행해 타입 오류를 찾으세요.

네, Array<string> 또는 Map<K, V> 같은 타입의 꺾쇠괄호를 추적해 비교 연산자로 오인되지 않도록 합니다. 괄호 안 쉼표 뒤 간격은 정규화됩니다.

아니요. 출력은 항상 공백 2개를 사용하며 스타일 옵션은 없습니다. 이렇게 하면 실행할 때마다, 팀원 간에도 포맷이 일관되게 유지됩니다.

아니요. 문자열 리터럴, 템플릿 리터럴, 정규 표현식은 작성된 그대로 복사됩니다. 토큰 사이의 공백만 변경됩니다.

Flow는 JavaScript 타입이므로 결과는 Markdown 코드 블록으로 반환되며, 블록에는 javascript가 표시됩니다. 대부분의 구문 강조 도구에서 올바르게 렌더링됩니다. .js 또는 .flow 파일에 사용할 코드는 펜스 사이의 줄을 복사하세요.

이 도구는 공백을 재배치하고 문장 끝에 세미콜론을 추가할 뿐입니다. 코드에서 괄호나 대괄호로 시작하고 세미콜론이 없는 줄에 의존한다면 결과를 확인하세요.

한 번 실행할 때 최대 5 MB의 코드를 처리할 수 있으며, 더 큰 입력은 메시지와 함께 거부됩니다. 결과는 Code Formatter의 Flow 옵션과 동일합니다.