패턴도Patterndo
에디터 열기Open editor

패턴도 사용법Using Patterndo

패턴도 시작하기: LED 점등 회로 만들기Getting Started with Patterndo: Build an LED Circuit

패턴도 에디터에서 부품을 추가하고 배선해 LED 점등 회로를 만든 뒤 시뮬레이션으로 전압과 전류를 확인하는 과정을 처음부터 따라 해 봅니다.Follow along from scratch: add parts in the Patterndo editor, wire up an LED circuit, then check voltage and current with the simulation.

최종 수정Last updated 읽는 시간 약 6분About 6 min read

목차 보기
  1. 만들 회로
  2. 1단계: 부품 추가하기
  3. 2단계: 위치와 값 정하기
  4. 3단계: 배선하기
  5. 4단계: 시뮬레이션으로 확인하기
  6. 5단계: 진단 확인하기
  7. 6단계: 실험해 보기
  8. 7단계: 저장과 공유
  9. 다음에 해 볼 것
  10. 정리
Table of contents
  1. The circuit you will build
  2. Step 1: Add parts
  3. Step 2: Decide positions and values
  4. Step 3: Wire it up
  5. Step 4: Check with simulation
  6. Step 5: Check diagnostics
  7. Step 6: Experiment
  8. Step 7: Save and share
  9. What to do next
  10. Summary

패턴도는 만능기판 위에 부품과 배선을 배치하고, 납땜하기 전에 회로가 동작하는지 시뮬레이션으로 확인해 보는 웹 에디터입니다. 이 글에서는 가장 단순한 회로인 "전원 → 저항 → LED → GND"를 처음부터 끝까지 만들어 보며 부품 추가, 값 입력, 배선, 시뮬레이션, 저장까지 기본 흐름을 익힙니다. 회원가입은 필요 없고 따라 하는 데 10분이면 충분합니다. 에디터를 새 탭에 열어 두고 함께 읽으면 편합니다.

만들 회로

LED는 스스로 전류를 제한하지 못하므로 항상 저항과 직렬로 연결합니다(LED 전류 제한 저항). 전원의 +쪽에서 저항, LED의 애노드(A), LED의 캐소드(K), GND 순서로 이어지는 회로입니다.

부품값비고
전원5V앱의 기본 전원 설정입니다
저항330Ω추가하면 기본값이 10KΩ이므로 값을 바꿔야 합니다
LED빨강추가하면 빨간색이 기본입니다

에디터를 처음 열면 기판 맨 윗줄에 VCC 레일(붉은 선), 맨 아랫줄에 GND 레일(푸른 선)이 배선으로 미리 그려져 있습니다. 레일 위의 어느 구멍에 연결해도 같은 전원입니다. 기본 기판의 크기는 62×28홀이고, 오른쪽의 인스펙터 패널에는 기판 크기, 공급 전압(5.0V), 부품과 배선, 넷의 개수가 요약됩니다. 왼쪽 가장자리에는 도구 막대가 세로로 있고 각 아이콘 아래에 단축키(G, Q, L, W, D, C, E, A)가 적혀 있습니다.

1단계: 부품 추가하기

  1. A 키를 누르거나 왼쪽 도구 막대의 + 버튼(또는 인스펙터 아래의 부품 추가 버튼)으로 부품 추가 창을 엽니다.
  2. 검색창에 저항을 입력하고 저항(10KΩ / 5칸)을 선택합니다. 화면 가운데에 부품이 놓이고 자동으로 선택되며, 부품 위에 회전, 속성, 삭제 버튼이 있는 작은 막대가 나타납니다.
  3. 같은 방법으로 LED를 검색해 LED(빨강 / 2핀)를 추가합니다.

부품 추가 창은 전체, IC, 기본 소자, 스위치, 디스플레이 분류로 나뉘어 있고, 이름이나 모델명(예: 74LS02, FND)으로 검색할 수 있습니다. 새 부품은 보이는 화면의 가운데에 놓이므로 먼저 놓은 부품과 겹칠 수 있습니다. 겹친 부품은 몸체를 끌어 빈 곳으로 옮기세요. 끌어서 옮기는 동안 다른 부품 위에 걸치면 "부품 겹침" 경고가 표시됩니다.

2단계: 위치와 값 정하기

부품을 추가하면 도구가 일반 이동(Q V S)으로 바뀝니다. 이 도구로 부품을 끌어서 옮기고 R 키로 90도씩 돌립니다. 부품은 항상 구멍 위에 맞춰져 놓입니다.

  • 저항은 위쪽 VCC 레일 근처에 가로로 놓습니다. 핀 사이가 4칸이라 5칸을 차지합니다.
  • LED는 저항 아래쪽에 세로로 놓습니다. LED는 위쪽이 A(애노드), 두 칸 아래가 K(캐소드)입니다.

부품을 선택하고 Enter 키(또는 부품 위 막대의 속성 버튼)를 누르면 오른쪽에 속성 패널이 열립니다. 패널에는 부품 번호(R1 같은 이름), 값, 핀 목록이 있고 아래에 삭제, 닫기, 적용 버튼이 있습니다.

  • 저항의 저항 값에 330을 입력하고 Enter를 누르거나 적용을 누릅니다. 1K, 4K7처럼 K와 M 접두어도 쓸 수 있습니다.
  • LED의 색상은 빨강, 초록, 파랑, 노랑, 흰색, 주황 중에서 고릅니다. 색에 따라 순방향 전압이 달라집니다.

3단계: 배선하기

W 키로 배선 도구를 고릅니다. 시작할 구멍에서 마우스를 누른 채 끌어 끝 구멍에서 놓으면 한 번에 배선이 그려집니다. 배선은 가로, 세로, 45도 방향으로만 그려지며 방향이 맞지 않으면 한 번 꺾여서 이어집니다.

연결시작끝
전원 연결VCC 레일의 구멍저항의 1번 핀
저항과 LED저항의 2번 핀LED의 A
접지 연결LED의 KGND 레일의 구멍

잘못 그렸다면 Ctrl+Z로 되돌리거나 삭제 도구(E)로 배선을 눌러 지웁니다. 맨 배선끼리 교차하면 실제 구리선처럼 교차점에서 서로 닿은 것으로 계산되어 두 선이 한 넷으로 합쳐지는데, 이때 별도의 경고는 뜨지 않습니다. 교차해야 하는 곳은 점퍼 도구(D)로 건너뛰는 절연 선을 놓으세요(배선 방법 비교).

4단계: 시뮬레이션으로 확인하기

화면 위쪽 막대의 시뮬 버튼을 누르면 실시간 시뮬레이션이 시작되고 "실시간 시뮬레이션 시작"이라는 안내가 나옵니다. LED에 전류가 충분히 흐르면 불이 켜진 모습으로 표시됩니다.

앱의 LED 모델은 순방향 전압(빨강 1.9V)과 동적 저항 12Ω을 사용합니다. 5V에 330Ω이면 전류는 다음과 같이 약 9mA가 됩니다.

I = (5V − 1.9V) ÷ (330Ω + 12Ω + 전원 내부 저항 0.2Ω) ≈ 9mA

화면이 넓으면 위쪽 막대에 VCC 전압과 전체 전류가 표시됩니다. 시뮬레이션 중에 배선이나 구멍을 가볍게 누르면 넷 검사 창이 열려 그 선의 전압과 흐르는 전류를 보여 줍니다. 자세한 읽는 법은 패턴도 시뮬레이션 사용법에서 설명합니다. 같은 값을 손으로 계산해 보고 싶다면 LED 저항 계산기를 써 보세요.

5단계: 진단 확인하기

화면 아래 상태 줄의 E(오류)와 W(경고) 숫자를 누르면 회로 진단 패널이 열립니다. 문제가 없으면 "현재 감지된 문제가 없습니다."라고 표시됩니다. VCC와 GND가 이어졌거나 부품에 과전류가 흐르면 항목이 나타나고, 항목을 누르면 해당 위치로 화면이 이동합니다(진단 메시지 읽는 법).

6단계: 실험해 보기

값을 바꿔 가며 결과가 어떻게 달라지는지 확인하면 이해가 빠릅니다. 속성 패널에서 값을 바꾸면 시뮬레이션 결과는 다시 계산됩니다.

바꾸는 것예상 전류결과
LED를 파랑으로약 5.8mA순방향 전압이 3.0V라 더 어두워집니다
저항을 1K로약 3mA어둡게 켜집니다
저항을 100으로약 28mALED 최대 전류 20mA를 넘어 경고가 표시됩니다
LED의 A와 K 연결을 서로 바꾸기0켜지지 않습니다. 오류 표시는 없습니다

전류가 정격을 넘으면 진단에 "LED 전류가 최대 정격을 초과했습니다"라는 경고가 뜹니다. 실제 부품에서도 같은 조건이면 수명이 줄거나 타 버립니다.

7단계: 저장과 공유

패턴도는 회원 계정이 없어 보드를 서버에 자동 저장하지 않습니다. 대신 편집 중인 회로는 주소창 값에 계속 반영되므로 그 주소를 즐겨찾기에 넣어 두면 같은 회로를 다시 열 수 있습니다. 위쪽 막대의 공유 버튼으로 짧은 공유 링크를 만들거나, 더보기 메뉴의 RAW 내보내기로 파일에 백업할 수도 있습니다. 자세한 차이와 보관 기간은 보드 저장·공유·백업에서 설명합니다.

다음에 해 볼 것

정리

부품 추가(A), 값 입력(Enter), 배선(W), 시뮬레이션(시뮬 버튼), 진단 확인의 다섯 가지가 패턴도의 기본 흐름입니다. 저항 값을 기본값 그대로 두지 말고 계산해서 넣는 것, 작업이 끝나면 주소나 링크로 저장하는 것을 잊지 마세요. 시뮬레이션은 부품을 사기 전에 값을 검토하는 도구이며 실제 부품의 편차까지 보장하지는 않으므로 납땜 후에는 멀티미터로 확인하세요(멀티미터 고르는 법).

Patterndo is a web editor where you lay out parts and wiring on a perfboard and check by simulation that the circuit works before you solder. In this article you will build the simplest circuit, "supply → resistor → LED → GND", from start to finish and learn the basic flow of adding parts, entering values, wiring, simulating, and saving. No sign-up is needed, and following along takes 10 minutes. It is convenient to read with the editor open in a new tab.

The circuit you will build

An LED cannot limit its own current, so it is always connected in series with a resistor (LED Current-Limiting Resistors). The circuit runs from the + side of the supply to the resistor, the LED's anode (A), the LED's cathode (K), and then GND.

PartValueNotes
Supply5 VThe app's default power setting
Resistor330 ΩWhen added the default is 10 KΩ, so you have to change the value
LEDRedRed is the default when added

When you first open the editor, the VCC rail (a red line) on the top row of the board and the GND rail (a blue line) on the bottom row are already drawn as wiring. Connecting to any hole on a rail is the same supply. The default board size is 62×28 holes, and the Inspector panel on the right summarizes the board size, the supply voltage (5.0 V), and the number of parts, wires, and nets. Along the left edge is a vertical toolbar, with a shortcut (G, Q, L, W, D, C, E, A) written under each icon.

Step 1: Add parts

  1. Press the A key, or use the + button on the left toolbar (or the Add part button below the inspector) to open the add-part window.
  2. Type Resistor in the search box and choose Resistor (10KΩ / 5 holes). The part is placed in the middle of the screen and selected automatically, and a small bar with rotate, properties, and delete buttons appears over it.
  3. In the same way, search for LED and add an LED (red / 2-pin).

The add-part window is divided into All, IC, Basic components, Switches, and Displays, and you can search by name or model (for example, 74LS02 or FND). A new part is placed in the middle of the visible screen, so it may overlap a part you placed earlier. Drag the body of the overlapping part to an empty spot. While dragging, if it rests over another part, a "Part overlap" warning is shown.

Step 2: Decide positions and values

When you add a part, the tool changes to normal move (Q V S). With this tool, drag parts to move them and press the R key to rotate in 90-degree steps. Parts always snap onto holes.

  • Place the resistor horizontally near the top VCC rail. The pins are 4 holes apart, so it takes 5 holes.
  • Place the LED vertically below the resistor. The top of the LED is A (anode), and two holes below is K (cathode).

Select a part and press Enter (or the properties button on the bar over the part) to open the Properties panel on the right. The panel has the part number (a name like R1), the value, and the pin list, with the delete, close, and apply buttons below.

  • Enter 330 in the resistor's Resistance and press Enter or press Apply. Prefixes like 1K and 4K7 also work.
  • Choose the LED Color from red, green, blue, yellow, white, and orange. The forward voltage differs by color.

Step 3: Wire it up

Choose the wire tool with the W key. Hold the mouse down at the starting hole, drag, and release at the end hole, and the wire is drawn in one go. Wires are drawn only horizontally, vertically, and at 45 degrees, and if the direction does not line up they bend once to connect.

ConnectionStartEnd
Power connectionA hole on the VCC railPin 1 of the resistor
Resistor to LEDPin 2 of the resistorA of the LED
Ground connectionK of the LEDA hole on the GND rail

If you draw something wrong, undo with Ctrl+Z or click the wire with the delete tool (E) to erase it. When bare wires cross, like real copper wire, they are calculated as touching at the crossing and the two wires merge into one net, and no separate warning appears. Where you have to cross, use the jumper tool (D) to lay an insulated wire that hops over (Wiring Methods Compared).

Step 4: Check with simulation

Press the Sim button on the top bar and live simulation starts, with the notice "Start live simulation". If enough current flows through the LED, it is shown lit.

The app's LED model uses a forward voltage (red 1.9 V) and a dynamic resistance of 12 Ω. With 330 Ω at 5 V, the current is about 9 mA as follows.

I = (5V − 1.9V) ÷ (330Ω + 12Ω + supply internal resistance 0.2Ω) ≈ 9mA

If the screen is wide, the top bar shows the VCC voltage and the total current. While simulating, lightly click a wire or hole and the net probe opens, showing that wire's voltage and the current flowing. How to read it is explained in Using Patterndo Simulation. If you want to calculate the same values by hand, try the LED resistor calculator.

Step 5: Check diagnostics

Click the E (errors) and W (warnings) numbers in the status bar at the bottom of the screen to open the circuit diagnostics panel. If there is no problem, it shows "No issues detected." If VCC and GND are joined or a part has overcurrent, items appear, and clicking an item moves the view to that location (Reading Diagnostics Messages).

Step 6: Experiment

Changing values and seeing how the result changes speeds up understanding. If you change a value in the Properties panel, the simulation result is recalculated.

ChangeExpected currentResult
Make the LED blueabout 5.8 mAThe forward voltage is 3.0 V, so it gets dimmer
Make the resistor 1Kabout 3 mALights dimly
Make the resistor 100about 28 mAExceeds the LED's 20 mA maximum, so a warning appears
Swap the LED's A and K connections0It does not light. No error is shown

If the current exceeds the rating, diagnostics shows the warning "LED current exceeds the maximum rating". With real parts, under the same conditions the life shortens or it burns out.

Step 7: Save and share

Patterndo has no member accounts, so it does not automatically save boards to a server. Instead, the circuit being edited is continuously reflected in the address bar value, so bookmarking that address lets you reopen the same circuit. You can make a short share link with the Share button on the top bar, or back up to a file with Export RAW in the More menu. The differences and retention periods are explained in Saving, Sharing, and Backing Up Boards.

What to do next

Summary

The basic flow of Patterndo is these five: add a part (A), enter a value (Enter), wire (W), simulate (the Sim button), and check diagnostics. Do not leave the resistor at its default value but calculate and enter it, and do not forget to save by address or link when you finish. Simulation is a tool for reviewing values before buying parts and does not guarantee real-part variation, so check with a multimeter after soldering (How to Choose a Multimeter).

에디터에서 직접 해 보기Try it in the editor

읽은 내용을 패턴도 에디터에서 바로 확인해 보세요. 회원가입 없이 열리고, 납땜 전에 배치와 배선을 몇 번이고 고쳐 볼 수 있습니다.Try what you just read right in the Patterndo editor. It opens without sign-up, and you can rework the layout and wiring as many times as you like before you solder.

에디터 열기Open editor

LED

LED 저항 계산기LED Resistor Calculator

전원 전압과 LED 순방향 전압, 원하는 전류를 넣으면 전류 제한 저항을 계산하고 가까운 표준 저항값으로 바꿨을 때의 실제 전류와 발열을 보여 줍니다.Enter the supply voltage, LED forward voltage, and target current to calculate the current-limiting resistor, then see the actual current and heat when you switch to the nearest standard value.

부품 이해Understanding parts

LED 전류 제한 저항 계산과 밝기 조절LED Current-Limiting Resistors and Brightness Control

LED에 저항이 꼭 필요한 이유와 전류 제한 저항 계산법, 표준값 선택, 전력 확인, 밝기와 전류의 관계를 예제로 설명합니다.Why an LED needs a resistor, how to calculate the current-limiting resistor, choosing a standard value, checking power rating, and how brightness relates to current, with examples.

패턴도 사용법Using Patterndo

진단(DRC) 메시지 읽는 법과 해결 방법Reading Diagnostics (DRC) Messages and Fixing Them

패턴도 진단 패널에 나오는 VCC-GND 단락, 부품 스트레스, 극성 오류, 연결 누락 같은 메시지의 뜻과 원인, 해결 순서, 표시 수준 설정을 정리했습니다.What messages in the Patterndo diagnostics panel mean, such as VCC–GND short, part stress, polarity error, and missing connection, along with causes, fix order, and display-level settings.

패턴도 사용법Using Patterndo

패턴도 시뮬레이션 사용법: 켜는 법과 결과 읽는 법Using Patterndo Simulation: Turning It On and Reading the Results

시뮬 버튼으로 회로를 켜고 전압·전류·핀 상태를 읽는 방법, 넷 검사 팝오버, 전원 설정, 시뮬레이션이 차단되거나 오류가 날 때의 원인을 정리했습니다.How to power the circuit with the Sim button and read voltage, current, and pin states, the net-probe popover, power settings, and why simulation can be blocked or fail.

이 글은 학습 목적의 일반적인 안내입니다. 부품마다 규격과 핀 배열이 다를 수 있으니 실제 작업 전에는 사용하는 부품의 데이터시트를 확인하세요. 안전과 관련된 작업은 항목별 주의 사항을 먼저 읽고 진행하세요.This article is general guidance for learning purposes. Specifications and pinouts differ between parts, so check the datasheet of the part you use before real work. For safety-related work, read the cautions for each item first.