참조/치트시트
참조/치트시트 — ASCII 테이블, HTML 특수문자 참조, CSS 단위 참조 등 9가지 무료 온라인 도구 모음입니다. 설치나 회원가입 없이 브라우저에서 바로 실행되며, 입력한 데이터가 서버로 전송되지 않아 안전하고 결과를 즉시 확인해 복사할 수 있습니다. 개발 중 자주 쓰는 작업을 여러 사이트를 오갈 필요 없이 한 페이지에서 빠르게 끝낼 수 있습니다.
9개 도구
ASCII 테이블0~127 표준 ASCII 문자를 10진수·16진수·8진수·2진수와 HTML 엔티티로 보여주고 코드·이름으로 검색·필터링하는 무료 온라인 참조표. 코딩 중 빠르게 찾아봐야 할 코드·기호·단축키 정보를 한곳에서 확인할 수 있어 편리하며, 브라우저에서 즉시 검색·복사할 수 있고 설치나 회원가입 없이 무료로 이용할 수 있습니다.
HTML 특수문자 참조화살표, 통화, 수학 등 HTML 엔티티(특수문자)의 이름·숫자 코드를 카테고리별로 정리한 무료 참조표. 검색해 코드와 기호를 복사하세요. 코딩 중 빠르게 찾아봐야 할 코드·기호·단축키 정보를 한곳에서 확인할 수 있어 편리하며, 브라우저에서 즉시 검색·복사할 수 있고 설치나 회원가입 없이 무료로 이용할 수 있습니다.
CSS 단위 참조px, em, rem, %, vw, vh, vmin, vmax, ch 등 CSS 단위를 카테고리별로 정리하고 용도를 설명하는 무료 참조표. 코딩 중 빠르게 찾아봐야 할 코드·기호·단축키 정보를 한곳에서 확인할 수 있어 편리하며, 브라우저에서 즉시 검색·복사할 수 있고 설치나 회원가입 없이 무료로 이용할 수 있습니다.
Emoji 검색/복사수천 개의 이모지를 카테고리별로 검색하는 무료 도구. 원하는 이모지를 몇 초 만에 찾아 1클릭으로 클립보드에 복사하세요. 코딩 중 빠르게 찾아봐야 할 코드·기호·단축키 정보를 한곳에서 확인할 수 있어 편리하며, 브라우저에서 즉시 검색·복사할 수 있고 설치나 회원가입 없이 무료로 이용할 수 있습니다.
Git 치트시트브랜치, 병합부터 rebase, stash, reset까지 Git 명령어를 카테고리별로 정리한 검색 가능한 무료 치트시트. 위험 등급도 표시. 코딩 중 빠르게 찾아봐야 할 코드·기호·단축키 정보를 한곳에서 확인할 수 있어 편리하며, 브라우저에서 즉시 검색·복사할 수 있고 설치나 회원가입 없이 무료로 이용할 수 있습니다.
Linux 명령어 참조자주 쓰는 리눅스 명령어를 파일, 프로세스, 네트워크별로 정리한 무료 온라인 참조 도구. 검색으로 명령어 옵션과 사용 예시를 빠르게 찾습니다. 코딩 중 빠르게 찾아봐야 할 코드·기호·단축키 정보를 한곳에서 확인할 수 있어 편리하며, 브라우저에서 즉시 검색·복사할 수 있고 설치나 회원가입 없이 무료로 이용할 수 있습니다.
키보드 단축키 참조VS Code, Chrome, macOS, Windows 단축키를 카테고리별로 정리한 무료 온라인 참조 도구. 검색으로 원하는 작업의 키 조합을 즉시 찾을 수 있습니다. 코딩 중 빠르게 찾아봐야 할 코드·기호·단축키 정보를 한곳에서 확인할 수 있어 편리하며, 브라우저에서 즉시 검색·복사할 수 있고 설치나 회원가입 없이 무료로 이용할 수 있습니다.
시맨틱 버전 체커두 시맨틱 버전 문자열의 major·minor·patch를 비교해 어느 쪽이 더 최신인지와 변경 유형을 알려주는 무료 온라인 시맨틱 버전 비교 도구입니다. 코딩 중 빠르게 찾아봐야 할 코드·기호·단축키 정보를 한곳에서 확인할 수 있어 편리하며, 브라우저에서 즉시 검색·복사할 수 있고 설치나 회원가입 없이 무료로 이용할 수 있습니다.
Browser 호환성 체커CSS·JavaScript·HTML·Web API 기능의 브라우저 호환성을 Chrome·Firefox·Safari·Edge별 지원 버전과 함께 확인하는 무료 온라인 참조 도구. 코딩 중 빠르게 찾아봐야 할 코드·기호·단축키 정보를 한곳에서 확인할 수 있어 편리하며, 브라우저에서 즉시 검색·복사할 수 있고 설치나 회원가입 없이 무료로 이용할 수 있습니다.
사용 방법
- 1필요한 레퍼런스를 연다— 아스키 코드와 HTML 엔티티, CSS 단위, Git·리눅스 명령어, 에디터 단축키, 이모지가 각각 별도 페이지에 있어 글이 아니라 표가 바로 열립니다.
- 2검색으로 항목을 좁힌다— 검색창에 입력하면 표가 즉시 걸러지므로, 긴 치트시트를 스크롤하거나 man 페이지를 읽는 것보다 빠릅니다.
- 3복사한 뒤 쓸 수 있는지 확인한다— 문자·코드·명령어를 한 번에 복사할 수 있고, 브라우저 호환성 검사기가 그 기능을 어디까지 쓸 수 있는지, semver 검사기가 특정 버전이 범위를 만족하는지 알려 줍니다.
자주 묻는 질문
맨 왼쪽 0이 아닌 자리를 유지하는 범위까지입니다. 즉 ^1.2.3 은 1.9.0 은 받아들이지만 2.0.0 은 받지 않고, ~1.2.3 은 1.2.x 패치까지만 허용합니다. Semver 체커에 두 버전을 넣으면 어느 쪽이 최신인지와 그 차이가 메이저·마이너·패치 중 무엇인지 알려 줍니다.
HTML 본문이나 속성값 안에 앰퍼샌드가 들어갈 때입니다. 앰퍼샌드 뒤에 글자와 세미콜론이 오면 브라우저가 엔티티로 읽기 때문에, ?a=1©=2 같은 쿼리스트링이 소리 없이 © 로 바뀌어 버립니다. HTML 엔티티 레퍼런스에서 이름·10진수·16진수 표기를 찾을 수 있고, 엔티티 변환기로 블록 전체를 한 번에 이스케이프할 수 있습니다.
사용자의 브라우저 글꼴 설정에 맞춰 커져야 하는 글자 크기와 여백에는 rem, 버튼 안쪽 패딩처럼 요소 자신의 글꼴 크기를 따라가야 하는 값에는 em을 쓰세요. vh·vw 는 실제로 뷰포트 크기와 관련된 곳에만 씁니다. CSS 단위 레퍼런스는 각 단위를 분류별로 묶고 어디서 예측 가능하게 동작하는지 함께 설명합니다.