회사 소개

왜 만들었나

모든 코드베이스에는 명명 규칙이 있고 그 규칙은 서로 다릅니다. Python은 snake_case를 원합니다. CSS와 URL은 kebab-case를 원합니다. JavaScript는 camelCase를, React 컴포넌트는 PascalCase를 원합니다. 환경 변수는 CONSTANT_CASE를 원합니다. 이름을 한 세계에서 다른 세계로 옮겨 놓는 단순한 일조차 오랫동안 느리고 실수하기 쉬운 수동 편집의 반복이었습니다 — 대문자 하나만 놓쳐도 빌드나 라우트, 데이터베이스 컬럼이 통째로 깨질 수 있습니다.

온라인 케이스 변환기는 넘쳐나는데, 대다수는 둘 중 하나를 합니다: 여러분의 텍스트를 서버로 올려 보내거나, 광고와 팝업으로 가득한 페이지 한가운데 묻혀 있거나. 우리는 어느 쪽도 원하지 않았습니다. 그래서 브라우저 안에서 모든 일을 해내고, 즉시 열리며, 방해하지 않는 텍스트 케이스 변환기를 만들었습니다.

동작 방식

변환 그 자체는 의도적으로 심심합니다. 텍스트를 입력 패널에 붙여 넣거나 입력한 뒤, 12가지 형식 버튼 중 하나를 클릭하면 됩니다. 결과는 그 자리에서 갱신됩니다 — 제출 버튼도, 로딩 표시도, 페이지 새로고침도 없습니다. 내부적으로는 화면에 놓인 문자열에 소량의 정규식 변환을 적용하는 평범한 JavaScript입니다.

작업이 브라우저에서 일어나기 때문에 빠른 노트북에서 쓰든 5년 된 휴대폰에서 쓰든 도구가 똑같이 동작하고, 페이지를 한 번 불러온 뒤에는 온라인이든 오프라인이든 마찬가지입니다. 입력 패널은 입력하는 동안 단어 수, 문자 수, 문장 수, 줄 수, 예상 읽기 시간과 예상 말하기 시간도 함께 계산해 주어 길이 제한이 있는 작업을 할 때 편리합니다.

12가지 형식

• 대문자 — 약어, 제목, 짧은 라벨용.
• 소문자 — 입력값 정규화와 문구 다듬기에.
• 첫 글자 대문자와 타이틀 케이스 — 화면 문구, 헤드라인, 제목용.
• 문장형 — 문단과 캡션용. 각 문장의 첫 글자만 대문자로 만듭니다.
• camelCase — JavaScript 변수와 클래스 이름용.
• snake_case — Python, 데이터베이스 컬럼, 많은 코드베이스의 환경 변수용.
• kebab-case — CSS 클래스, HTML 속성, URL 슬러그용.
• dot.case — 설정 키와 i18n 번역 파일용.
• CONSTANT_CASE — 환경 변수와 상수용.
• 역전 케이스와 번갈아 대소문자 — 재미로 쓰실 때.

형식 가이드에서 각 형식이 어디에 쓰이는지 설명하고, 자주 묻는 질문에서는 가장 많이 물어보시는 단축키와 예외 사항을 다룹니다.

나중에가 아니라 처음부터 개인정보 보호

변환을 로컬에서 처리하기로 한 결정은 디자인보다 먼저 내려졌고, 지금까지 뒤집을 이유가 없었습니다. 여러분의 텍스트는 어디로도 전송되지 않습니다. 로그에 기록되지 않고, 서버에 저장되지 않으며, 분석을 기다리는 줄에 서지도 않습니다. 남는 흔적은 여러분의 브라우저에 저장된 변환 기록뿐이며, 한 번의 클릭으로 지울 수 있습니다.

바로 그 원칙 덕분에 개인정보 처리방침이 형식적인 양식물이 아니라 짧고 구체적으로 쓰였습니다. 수집하는 것이 거의 없으니 공개할 것도 거의 없는 셈입니다.

어떻게 만들었나

이 사이트는 스타일이 Tailwind CSS인 정적 Astro 프로젝트이고, 변환 로직은 소량의 바닐라 JavaScript로 작성했습니다. 확장할 백엔드도, 관리할 데이터베이스도, 브라우저로 전달되는 프레임워크 런타임도 없습니다. 덕분에 페이지가 빠르게 유지되고, 공격 표면이 작게 유지되며, 웹의 일부에 닿지 못해도 도구는 계속 동작합니다.

우리가 중요하게 생각하는 것

• 속도. 도구는 즉각적으로 느껴져야 합니다. 즉각적이지 않다면 그것은 고장입니다.
• 예측 가능성. 같은 입력에는 항상 같은 결과가 나옵니다. 기묘한 추측은 없습니다.
• 절제. 팝업도, 중간 광고도, 다크 패턴도, 다른 곳으로 보내기만 위한 기능도 없습니다.
• 접근성. 키보드 탐색, 눈에 잘 띄는 포커스 상태, 작은 휴대폰부터 넓은 데스크톱까지 어떤 화면에서도 동작하는 레이아웃입니다.

연락하기

버그를 찾았거나, 빠진 형식이 보였거나, 그냥 인사만 건네고 싶으신가요? 들어오는 내용은 모두 읽습니다. 기능 요청은 실제로 다음에 무엇을 만들지 결정합니다. 문의 페이지를 이용하거나 hello@casetoconvert.com으로 이메일을 보내 주세요.