만든 이유
만능기판은 회로 모양이 인쇄되어 있지 않아 자유롭지만, 그만큼 부품을 어디에 놓고 어떻게
이을지를 스스로 정해야 합니다. 회로도를 보고 바로 납땜을 시작하면 부품이 모자라거나 배선이
서로 꼬이고, 납땜은 한 번 하면 되돌리기 어려워 처음부터 다시 해야 하는 일이 잦습니다. 종이와
연필로 패턴도를 그려 보는 방법도 있지만, 부품면과 동박면이 좌우 반전이라 뒤집어 확인하기가
번거롭고 연결이 맞는지 검증하기도 어렵습니다.
패턴도는 이 과정을 브라우저로 옮겼습니다. 부품을 놓고 배선을 그리면 연결 관계를 자동으로
계산하고, 부품면과 동박면을 뒤집어 보고, 실시간 시뮬레이션과 진단으로 연결 실수를 납땜 전에
찾습니다.
무엇을 제공하나요
- 에디터: 만능기판 위에서 부품 배치·배선·점퍼를 그리고 2D·3D로 확인하는 도구
(에디터 열기). 기능은 기능 소개에
정리했습니다.
- 가이드 56편: 납땜 기초, 부품 읽는 법, 회로 설계, 장비 구매,
마이크로컨트롤러 연결, 학습 로드맵, 에디터 사용법 (가이드 보기)
- 계산기 7종: 저항 컬러 코드, LED 저항, 옴의 법칙, 분압, 555
타이머, RC, 직렬·병렬 저항 (계산기 보기)
- 용어집·FAQ: 용어집과 자주 묻는 질문
운영 원칙
- 무료이며 가입이 필요 없습니다. 에디터는 로그인 없이 바로 열립니다.
- 데이터는 브라우저 안에서 처리합니다. 편집과 시뮬레이션은 모두 이용자의 브라우저에서
실행되고, 서버에는 이용자가 [공유]를 눌러 만든 링크의 보드 데이터만 저장됩니다.
- 광고는 읽을거리 페이지에만 둡니다. 가이드와 계산기 페이지에는 Google 광고가 표시될
수 있고, 에디터 화면에는 광고를 넣지 않습니다. 광고와 본문은 구분해 표시합니다.
- 특정 제품을 팔기 위한 글을 쓰지 않습니다. 장비·구매 가이드는 인두, 멀티미터,
부품을 고를 때의 기준과 확인할 점을 설명하는 글이며 특정 업체의 판매를 목적으로 하지 않습니다.
콘텐츠를 만드는 방식
가이드는 전자회로를 처음 접하는 사람이 이해할 수 있는 순서로 직접 작성하고, 계산이 들어가는
부분은 공식을 풀어 쓰고 예제 값을 직접 계산해 확인했습니다. 계산기는 공식을 코드로 옮긴 뒤
대표 예제와 경계 값(0, 음수, 지나치게 큰 값)을 자동 테스트로 검증합니다. 내용을 고치면 글 맨
위의 "최종 수정" 날짜를 갱신합니다.
틀린 내용을 발견하셨다면 문의 페이지로 알려 주세요. 확인되면 본문을
고치고 수정일을 갱신합니다.
만들어진 방식
에디터와 사이트는 SvelteKit(Svelte 5)과 TypeScript로 만들었고, 3D 보기는 Three.js를
사용합니다. 사이트는 Cloudflare에서 제공하며, 공유 링크 데이터는 Cloudflare KV에 180일 동안
보관합니다. 회로 해석(시뮬레이션)과 자동 재배선은 모두 브라우저에서 실행되는 자체 구현입니다.
한계와 알림
시뮬레이션은 이상적인 소자 모델을 바탕으로 한 학습·사전 점검용이며, 실제 부품의 편차와 온도,
노이즈를 반영하지 않습니다. 전기·납땜 작업에는 화상, 감전, 연기 흡입 같은 위험이 있으니
가이드의 안전 항목을 먼저 읽고 작업하세요. 자세한 면책 내용은 이용약관에
있습니다.
운영자
패턴도 운영자가 개인으로 운영합니다. 문의와 제안은 문의 페이지에서
받습니다.
Why it was made
A perfboard has no printed circuit pattern, which makes it free, but it also means you have to
decide for yourself where each part goes and how to connect it. If you start soldering
straight from a schematic, you run out of parts or the wiring gets tangled, and because
soldering is hard to undo, you often have to start over. You can sketch a layout diagram with
pencil and paper, but the component and copper sides are mirrored, which makes flipping and
checking awkward, and it is hard to verify that the connections are right.
Patterndo moves this process into the browser. Place parts and draw wiring and it works out
the connections automatically, lets you flip between the component and copper sides, and finds
connection mistakes before soldering with live simulation and diagnostics.
What it offers
- Editor: a tool for drawing part placement, wiring, and jumpers on a
perfboard and checking them in 2D and 3D (open the editor). Its
features are listed on the features page.
- 56 guides: soldering basics, reading parts, circuit design,
buying equipment, connecting microcontrollers, a study roadmap, and how to use the editor (see the guides)
- 7 calculators: resistor color code, LED resistor, Ohm's law,
voltage divider, 555 timer, RC, and series/parallel resistance (see the calculators)
- Glossary and FAQ: the glossary and frequently asked questions
Operating principles
- It is free and needs no sign-up. The editor opens right away with no login.
- Your data is processed in your browser. Editing and simulation all run in your
browser, and the server stores only the board data of links you create by pressing [Share].
- Ads appear only on reading pages. Google ads may be shown on guide and calculator
pages, and there are no ads on the editor screen. Ads are labeled separately from the content.
- No articles are written to sell a particular product. The equipment and buying
guides explain the criteria and points to check when choosing irons, multimeters, and parts, and
are not meant to sell for any particular vendor.
How the content is made
The guides are written by hand in an order a person new to electronics can follow, and where
calculations are involved, the formulas are written out and the example values were worked out
and checked. The calculators turn formulas into code and verify representative examples and
edge values (zero, negatives, extremely large values) with automated tests. When content is
changed, the "Last updated" date at the top of the article is refreshed.
If you find something wrong, please tell us on the contact page. Once
confirmed, we fix the text and update the date.
How it is built
The editor and the site are built with SvelteKit (Svelte 5) and TypeScript, and the 3D view
uses Three.js. The site is served from Cloudflare, and share-link data is kept in Cloudflare
KV for 180 days. Circuit analysis (simulation) and auto-rewire are both our own
implementations that run in the browser.
Limits and notices
Simulation is for learning and pre-checks based on ideal component models, and does not
reflect the variation, temperature, and noise of real parts. Electrical and soldering work
carries risks such as burns, electric shock, and inhaling fumes, so read the safety sections
of the guides before working. The full disclaimer is in the Terms of Service.
Operator
The Patterndo operator runs it as an individual. Questions and suggestions are received on the contact page.