Home › Guides

Guides · 가이드

직접 만들고 운영하는 도구를 쓰면서 정리한 실용 가이드입니다. 집에서 포토카드 인쇄 시트를 만드는 방법, 두벌식 한글 타자 연습, 그리고 정적 사이트·Firebase로 혼자 서비스를 만들며 확인한 개발 노트를 모았습니다. 모든 글은 이 사이트에서 직접 작성했고, 수치는 실제 코드와 규격에서 계산한 값만 씁니다.

포토카드 인쇄 (pocaprint)

• 포토카드 크기 55×85mm 완전 정리: 픽셀, 비율, 신용카드와의 차이

  포토카드 표준처럼 쓰이는 55×85mm를 mm·픽셀·비율로 정리합니다. 300dpi 기준 픽셀 크기와 재단 여백을 더한 크기까지 계산해 봅니다.

• 재단 여백(블리드) 3mm와 재단선: 흰 테두리 없이 포토카드 자르는 원리

  인쇄물 가장자리에 흰 선이 남는 이유와 3mm 블리드로 막는 방법, 재단선(크롭 마크)과 커팅 라인을 읽고 자르는 순서를 설명합니다.

• PDF를 실제 크기(100%)로 인쇄하는 법: '용지에 맞춤'이 카드를 줄이는 이유

  포토카드 시트가 몇 % 작게 나오는 원인과 Chrome, Adobe Acrobat Reader, macOS 미리보기에서 실제 크기로 인쇄하는 설정, 50mm 눈금으로 확인하는 방법.

• 포토카드 용지 고르기: 평량(gsm), 광택·무광, 잉크젯과 레이저 호환

  집에서 포토카드를 인쇄할 때 용지를 고르는 기준을 정리합니다. 평량(g/㎡)의 뜻, 프린터 급지 한계 확인법, 광택지와 무광지의 차이, 프린터 방식별 주의점.

• 포토카드 모서리 둥글게 자르기: 코너 펀치 반지름(R) 고르는 법

  포토카드 모서리를 둥글게 만드는 방법과 코너 라운더 반지름(R3, R5 등)에 따라 잘려 나가는 양, pocaprint의 R3 가이드 선을 쓰는 법을 설명합니다.

• A4 vs US Letter: 한 장에 포토카드가 몇 장 들어갈까 (9장 vs 8장 계산)

  A4(210×297mm)와 US Letter(215.9×279.4mm)에 재단 여백 포함 61×91mm 카드를 배치하는 계산. 세로·가로 방향별 장수와 실제 여백을 비교합니다.

• 포토카드 이미지 해상도와 크롭: 몇 픽셀이면 충분할까

  300dpi 인쇄에 필요한 픽셀 수, 원본 비율이 다를 때 '가득 채우기' 크롭이 동작하는 방식, 확대(줌)할수록 해상도가 떨어지는 이유를 계산과 함께 설명합니다.

• How to Make DIY Photocards at Home with pocaprint (Step by Step)

  A practical walkthrough for printing 55×85 mm photocards at home: adding images, adjusting the crop, choosing A4 or US Letter, printing at 100%, cutting and rounding corners.

한글 타자

• 두벌식 자판 기본 자리부터: 6단계로 한글 타자 익히는 순서

  두벌식 자판에서 왼손은 자음, 오른손은 모음을 맡는 구조와 기본 자리(ㅁㄴㅇㄹ ㅓㅏㅣ)를 설명하고, STARROAD 자리 연습의 6단계 순서대로 연습하는 법을 정리합니다.

• 한글 타자 속도 재는 법: '타수'와 WPM은 무엇을 세는가

  한글 타자 속도의 단위인 타수와 영문식 WPM의 차이, 한 글자를 자모로 나눠 세는 방법, STARROAD가 쓰는 WPM 계산식(입력 자모 ÷ 5 ÷ 분)을 예시로 설명합니다.

• 자모 단위 채점: 조합 중인 글자를 오타로 보지 않는 타자 엔진의 원리

  한글은 입력 도중 글자 모양이 계속 바뀝니다. '간'이 '가나'가 되는 도깨비불 현상, 자모 단위 앞부분 일치로 정확도를 계산하는 방법을 STARROAD 엔진 기준으로 설명합니다.

• 쌍자음·겹모음·겹받침 입력법: Shift를 언제, 어느 손으로 누를까

  두벌식에서 ㄲ ㄸ ㅃ ㅆ ㅉ와 ㅒ ㅖ는 Shift로, ㅘ ㅝ ㅢ 같은 겹모음과 ㄳ ㄺ ㅄ 같은 겹받침은 두 글쇠를 차례로 눌러 입력합니다. 헷갈리기 쉬운 경우를 표로 정리했습니다.

• Typing Korean on a QWERTY Keyboard: Setup and First Steps for Learners

  How to add the Korean (2-Set / Dubeolsik) input method on Windows and macOS, switch between English and Korean, and understand how Hangul syllables are built as you type.

1인 메이커 개발 노트

• Firebase Hosting의 catch-all rewrite와 soft 404: robots.txt·ads.txt가 HTML로 나올 때

  SPA용 "**" → /index.html 설정이 없는 파일 요청에 200 HTML을 돌려주는 이유, robots.txt·sitemap.xml·ads.txt가 제대로 서빙되는지 curl로 확인하는 법, cleanUrls와 404.html로 정리하는 방법.

• 클라이언트 JS에 관리자 비밀번호를 두면 안 되는 이유와 Firebase Auth UID 게이트

  정적 사이트의 자바스크립트에 적힌 관리자 비밀번호는 누구나 읽을 수 있습니다. Firebase Auth로 로그인하고 UID를 비교한 뒤, 보안 규칙에서 같은 검사를 반복하는 구조로 바꾼 과정을 정리합니다.

• 서버 없이 브라우저에서 인쇄용 PDF 만들기: pocaprint를 만들며 정한 것들

  이미지를 업로드하지 않고 브라우저 안에서 mm 단위 인쇄용 PDF를 만드는 구조. jsPDF, 300dpi 캔버스 재렌더, 미리보기와 PDF가 같은 그리기 코드를 쓰게 한 설계를 정리합니다.

• 코드베이스 하나로 서비스 여러 개: 빌드 변수로 도메인별 설정 나누기

  STARROAD는 한 저장소에서 K-POP·K-DRAMA·K-MOVIE 사이트를 빌드합니다. VITE_APP_DOMAIN 빌드 변수와 도메인 설정 객체, Firebase Hosting 사이트 분리 구조를 정리합니다.

• 영상 자막으로 타자 연습 앱 설계하기: CORS, 서버 함수, 재생 시간 동기화

  유튜브 자막을 브라우저에서 바로 가져올 수 없는 이유(CORS), 서버 함수로 자막을 받아 오는 구조, 플레이어 재생 시간과 타자 줄을 맞추는 방법, 그리고 저작권 측면의 주의점을 정리한 설계 노트.

• 로그인 없는 공개 폼을 Firestore로 안전하게 받기: 보안 규칙 설계 노트

  대기자 명단과 이벤트 기록처럼 누구나 쓰지만 아무도 읽으면 안 되는 데이터를 Firestore 보안 규칙으로 지키는 방법. 필드 화이트리스트, 길이 제한, serverTimestamp 검증, 프로젝트 공유 시 규칙 합치기.