{"id":39174,"date":"2024-11-02T03:38:18","date_gmt":"2024-11-02T03:38:18","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=39174"},"modified":"2024-11-26T06:42:13","modified_gmt":"2024-11-26T06:42:13","slug":"pyqt%ea%b0%9c%eb%b0%9c%ea%b0%95%ec%a2%8c-%ed%83%ad-%ec%8a%a4%ed%83%80%ec%9d%bc-%eb%b0%8f-%ec%82%ac%ec%9a%a9%ec%9e%90-%ea%b2%bd%ed%97%98-%ed%96%a5%ec%83%81%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/39174\/","title":{"rendered":"PyQt\uac1c\ubc1c\uac15\uc88c, \ud0ed \uc2a4\ud0c0\uc77c \ubc0f \uc0ac\uc6a9\uc790 \uacbd\ud5d8 \ud5a5\uc0c1\ud558\uae30"},"content":{"rendered":"

<\/p>\n

\n

PyQt\ub294 Python\uc744 \uc704\ud55c \uac15\ub825\ud55c GUI \ub77c\uc774\ube0c\ub7ec\ub9ac\ub85c, Qt \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uae30\ubc18\uc73c\ub85c \ud558\uc5ec \ub2e4\uc591\ud55c \ub370\uc2a4\ud06c\ud0d1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud560 \uc218 \uc788\uac8c \ub3c4\uc640\uc90d\ub2c8\ub2e4. \uc774\ubc88 \uac15\uc88c\uc5d0\uc11c\ub294 PyQt\ub97c \uc774\uc6a9\ud574 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\ub294 \ud0ed \uc2a4\ud0c0\uc77c UI\ub97c \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ud0ed\uc740 \uc5ec\ub7ec \uac1c\uc758 \ud654\uba74(\ub610\ub294 \ud398\uc774\uc9c0)\uc744 \ud558\ub098\uc758 \uc708\ub3c4\uc6b0 \ub0b4\uc5d0 \ub2f4\uc744 \uc218 \uc788\ub294 \uc720\uc6a9\ud55c UI \uc694\uc18c\ub85c, \uc0ac\uc6a9\uc790\uac00 \uc190\uc27d\uac8c \uc815\ubcf4\ub97c \ud0d0\uc0c9\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\uc2b5\ub2c8\ub2e4.<\/p>\n

1. \ud0ed UI\uc758 \uc911\uc694\uc131<\/h2>\n

\ud0ed UI\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc5ec\ub7ec \ud654\uba74\uc744 \ud6a8\uacfc\uc801\uc73c\ub85c \uad00\ub9ac\ud560 \uc218 \uc788\ub294 \ubc29\ubc95\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\ub4e4\uc740 \ud0ed\uc744 \ud1b5\ud574 \uc11c\ub85c \ub2e4\ub978 \uc815\ubcf4\ub97c \ube60\ub974\uac8c \uc804\ud658\ud560 \uc218 \uc788\uc73c\uba70, \ud544\uc694\ud55c \ub370\uc774\ud130\ub97c \uc27d\uac8c \ucc3e\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \ud0ed \uad6c\uc870\ub294 \uc815\ubcf4\ub97c \uccb4\uacc4\uc801\uc73c\ub85c \uc815\ub9ac\ud560 \uc218 \uc788\ub294 \uc7a5\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

2. PyQt\uc5d0\uc11c\uc758 TabWidget \uc0ac\uc6a9 \ubc29\ubc95<\/h2>\n

PyQt\uc5d0\uc11c \ud0ed\uc744 \uad6c\ud604\ud558\uae30 \uc704\ud574 \uac00\uc7a5 \ub9ce\uc774 \uc0ac\uc6a9\ub418\ub294 \uc704\uc82f\uc740 QTabWidget<\/code> \uc785\ub2c8\ub2e4. QTabWidget<\/code>\ub294 \uc5ec\ub7ec \uac1c\uc758 \ud0ed\uc744 \uac00\uc9c4 \uc704\uc82f\uc73c\ub85c, \uac01 \ud0ed\ub9c8\ub2e4 \ub2e4\ub978 \uc704\uc82f\uc744 \ubc30\uce58\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790\ub294 \uad6c\uc870\ud654\ub41c \ubc29\uc2dd\uc73c\ub85c \uc815\ubcf4\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ud0d0\uc0c9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

2.1 QTabWidget\uc758 \uae30\ubcf8 \uc0ac\uc6a9\ubc95<\/h3>\n

QTabWidget<\/code>\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac04\ub2e8\ud55c \ud0ed UI\ub97c \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \uc18c\uac1c\ud569\ub2c8\ub2e4. \uc544\ub798\uc758 \uc608\uc81c \ucf54\ub4dc\ub97c \ud1b5\ud574 \uae30\ubcf8\uc801\uc778 \ud0ed \uc704\uc82f\uc744 \ub9cc\ub4dc\ub294 \uacfc\uc815\uc744 \ud655\uc778\ud574\ubcf4\uc138\uc694.<\/p>\n

\uc608\uc81c: \uae30\ubcf8 QTabWidget \uad6c\ud604<\/h4>\n
import sys\nfrom PyQt5.QtWidgets import QApplication, QTabWidget, QWidget, QVBoxLayout, QLabel, QPushButton\n\nclass TabDemo(QTabWidget):\n    def __init__(self):\n        super().__init__()\n\n        self.setWindowTitle(\"PyQt Tab Example\")\n\n        self.tab1 = QWidget()\n        self.tab2 = QWidget()\n\n        self.addTab(self.tab1, \"Tab 1\")\n        self.addTab(self.tab2, \"Tab 2\")\n\n        self.initTab1()\n        self.initTab2()\n\n    def initTab1(self):\n        layout = QVBoxLayout()\n        layout.addWidget(QLabel(\"This is the content of Tab 1\"))\n        button = QPushButton(\"Click Me - Tab 1\")\n        layout.addWidget(button)\n        self.tab1.setLayout(layout)\n\n    def initTab2(self):\n        layout = QVBoxLayout()\n        layout.addWidget(QLabel(\"This is the content of Tab 2\"))\n        button = QPushButton(\"Click Me - Tab 2\")\n        layout.addWidget(button)\n        self.tab2.setLayout(layout)\n\nif __name__ == \"__main__\":\n    app = QApplication(sys.argv)\n    demo = TabDemo()\n    demo.resize(400, 300)\n    demo.show()\n    sys.exit(app.exec_())<\/code><\/pre>\n
\uc704 \ucf54\ub4dc\ub294 \uae30\ubcf8\uc801\uc778 \ub450 \uac1c\uc758 \ud0ed\uc744 \ud3ec\ud568\ud558\ub294 PyQt \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. \uac01 \ud0ed\uc5d0\ub294 \ub808\uc774\ube14\uacfc \ubc84\ud2bc\uc774 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ud504\ub85c\uadf8\ub7a8\uc744 \uc2e4\ud589\ud558\uba74 \uc0ac\uc6a9\uc790\ub294 \ub450 \uac1c\uc758 \ud0ed\uc744 \ud1b5\ud574 \uc11c\ub85c \ub2e4\ub978 \ub0b4\uc6a9\uc744 \ud0d0\uc0c9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
3. \uc2a4\ud0c0\uc77c\ub9c1 \ud0ed UI<\/h2>\n
\uae30\ubcf8\uc801\uc778 \ud0ed UI\uac00 \uad6c\ud604\ub418\uc5c8\ub2e4\uba74, \uc774\uc81c\ub294 \ud0ed\uc758 \uc678\uad00\uacfc \uc2a4\ud0c0\uc77c\uc744 \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4. PyQt\uc5d0\uc11c\ub294 CSS \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc704\uc82f\uc758 \ubaa8\uc591\uc744 \uc27d\uac8c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\uc640 \uac19\uc774 \ud0ed\uc758 \uc2a4\ud0c0\uc77c\uc744 \uc218\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\uc608\uc81c: \uc2a4\ud0c0\uc77c\ub9c1 \ud0ed UI<\/h4>\n
self.setStyleSheet(\"\"\"\n            QTabWidget::pane {\n                border: 1px solid #ccc;\n                background: #f1f1f1;\n            }\n            QTabBar::tab {\n                background: #ddd;\n                padding: 10px;\n                margin: 2px;\n                font-weight: bold;\n            }\n            QTabBar::tab:selected {\n                background: #7fbf7f;\n                color: white;\n            }\n        \"\"\")<\/code><\/pre>\n
\uc704\uc758 \ucf54\ub4dc\ub97c TabDemo<\/code> \ud074\ub798\uc2a4\uc758 \ucd08\uae30\ud654 \ubd80\ubd84\uc5d0 \ucd94\uac00\ud558\uba74 \ud0ed\uc758 \uc678\uad00\uc774 \ub354\uc6b1 \uc138\ub828\ub418\uac8c \ubc14\ub01d\ub2c8\ub2e4. \uc120\ud0dd\ub41c \ud0ed\uc758 \uc0c9\uc0c1\uc744 \ub2e4\ub974\uac8c \uc124\uc815\ud558\uc5ec \uc0ac\uc6a9\uc790\uac00 \ud604\uc7ac \ud65c\ub3d9 \uc911\uc778 \ud0ed\uc744 \uc27d\uac8c \uc778\uc2dd\ud560 \uc218 \uc788\ub3c4\ub85d \ud558\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n
4. \ud0ed \uac04 \uc815\ubcf4 \uacf5\uc720\ud558\uae30<\/h2>\n
\ud0ed \uac04\uc5d0 \uc0ac\uc6a9\uc790\uc758 \uc785\ub825\uc744 \uacf5\uc720\ud574\uc57c \ud558\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \uc0ac\uc6a9\uc790\uac00 \uccab \ubc88\uc9f8 \ud0ed\uc5d0\uc11c \uc785\ub825\ud55c \uc815\ubcf4\ub97c \ub450 \ubc88\uc9f8 \ud0ed\uc5d0\uc11c \ud655\uc778\ud560 \uc218 \uc788\ub3c4\ub85d \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 \uc704\uc82f \uac04\uc5d0 \ub370\uc774\ud130\ub97c \uacf5\uc720\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
\uc608\uc81c: \ud0ed \uac04\uc758 \ub370\uc774\ud130 \uacf5\uc720<\/h4>\n
class TabDemo(QTabWidget):\n    def __init__(self):\n        super().__init__()\n        self.input_value = \"\"\n\n        self.tab1 = QWidget()\n        self.tab2 = QWidget()\n        self.addTab(self.tab1, \"Tab 1\")\n        self.addTab(self.tab2, \"Tab 2\")\n\n        self.initTab1()\n        self.initTab2()\n\n    def initTab1(self):\n        layout = QVBoxLayout()\n        self.input_field = QLineEdit()\n        layout.addWidget(self.input_field)\n\n        button = QPushButton(\"Submit\")\n        button.clicked.connect(self.update_value)\n        layout.addWidget(button)\n\n        self.tab1.setLayout(layout)\n\n    def initTab2(self):\n        layout = QVBoxLayout()\n        self.label = QLabel(\"No input yet\")\n        layout.addWidget(self.label)\n\n        self.tab2.setLayout(layout)\n\n    def update_value(self):\n        self.input_value = self.input_field.text()\n        self.label.setText(f\"Received input: {self.input_value}\")\n\nif __name__ == \"__main__\":\n    app = QApplication(sys.argv)\n    demo = TabDemo()\n    demo.resize(400, 300)\n    demo.show()\n    sys.exit(app.exec_())<\/code><\/pre>\n
\uc774 \uc608\uc81c\uc5d0\uc11c\ub294 \uccab \ubc88\uc9f8 \ud0ed\uc758 QLineEdit\uc5d0 \uc785\ub825\ud55c \uac12\uc744 \ub450 \ubc88\uc9f8 \ud0ed\uc758 QLabel\uc5d0 \ud45c\uc2dc\ud569\ub2c8\ub2e4. \ubc84\ud2bc\uc744 \ud074\ub9ad\ud560 \ub54c\ub9c8\ub2e4 \uc785\ub825\ud55c \ud14d\uc2a4\ud2b8\uac00 \uc5c5\ub370\uc774\ud2b8\ub418\uc5b4 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uac1c\uc120\ud569\ub2c8\ub2e4.<\/p>\n
5. \ub354 \ub098\uc544\uac00\uae30: \uace0\uae09 \uc0ac\uc6a9\uc790 \uacbd\ud5d8 \ud55c\uce35 \uc5c5\uadf8\ub808\uc774\ub4dc<\/h2>\n
\uae30\ubcf8\uc801\uc778 \ud0ed UI \uac1c\ubc1c\uc5d0 \uc775\uc219\ud574\uc84c\ub2e4\uba74, \uc774\uc81c \ub354 \uace0\uae09 \uae30\ub2a5\uc744 \ucd94\uac00\ud558\uc5ec \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ub354\uc6b1 \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\uc758 \uba87 \uac00\uc9c0 \ubc29\ubc95\uc744 \uc18c\uac1c\ud569\ub2c8\ub2e4.<\/p>\n
5.1 \ub2e4\uad6d\uc5b4 \uc9c0\uc6d0<\/h3>\n
\ub2e4\uad6d\uc5b4 \uc9c0\uc6d0\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ub192\uc774\ub294 \uc911\uc694\ud55c \uc694\uc18c \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. PyQt\uc5d0\uc11c Qt Language Files (*.ts) \ubc0f .qm \ud30c\uc77c\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uad6d\uc5b4 UI\ub97c \uc9c0\uc6d0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790\uac00 \uc120\ud0dd\ud55c \uc5b8\uc5b4\ub85c \ud0ed \uc81c\ubaa9 \ubc0f \ub0b4\uc6a9\uc744 \ud45c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
5.2 \ub2e4\ub2e8\uacc4 \ud0ed \uc9c0\uc6d0<\/h3>\n
\uc77c\ubd80 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc740 \ub2e4\ub2e8\uacc4 \ud0ed \uad6c\uc870\ub97c \uc694\uad6c\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc8fc \ud0ed \uc544\ub798\uc5d0 \uc11c\ube0c \ud0ed\uc744 \ucd94\uac00\ud558\uc5ec \ub354 \ub9ce\uc740 \ub0b4\uc6a9\uc744 \uadf8\ub8f9\ud654\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 QTabWidget\uc744 \uc911\ucca9\ud558\uc5ec \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
5.3 \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc \ucd94\uac00<\/h3>\n
\uc704\uc82f\uc774 \uc804\ud658\ub420 \ub54c \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \ucd94\uac00\ud568\uc73c\ub85c\uc368 UI\ub97c \ub354\uc6b1 \ub9e4\ub825\uc801\uc73c\ub85c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. PyQt\uc758 QPropertyAnimation \ud074\ub798\uc2a4\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud0ed \uc804\ud658 \uc2dc \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
6. \uacb0\ub860<\/h2>\n
\uc774\ubc88 \uac15\uc88c\uc5d0\uc11c \uc6b0\ub9ac\ub294 PyQt\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud0ed \uc2a4\ud0c0\uc77c\uc758 UI\ub97c \uad6c\ud604\ud558\uace0, \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\uae30 \uc704\ud55c \uc5ec\ub7ec \uac00\uc9c0 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uae30\ubcf8\uc801\uc778 QTabWidget \ud65c\uc6a9\ubd80\ud130 \uc0ac\uc6a9\uc790\uc758 \uc785\ub825 \uacf5\uc720 \ubc0f \uc2a4\ud0c0\uc77c\ub9c1 \uae30\ubc95\uc5d0 \uc774\ub974\uae30\uae4c\uc9c0 \ub2e4\uc591\ud55c \ub0b4\uc6a9\uc744 \ub2e4\ub8e8\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n
\ub354 \ub098\uc544\uac00 \ub2e4\uad6d\uc5b4 \uc9c0\uc6d0, \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc \ub4f1 \uace0\uae09 \uae30\ub2a5\uc744 \ud1b5\ud574 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud55c\uce35 \uc5c5\uadf8\ub808\uc774\ub4dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. PyQt\ub294 \uac15\ub825\ud55c \ub3c4\uad6c\uc774\uba70, \uc774\uc640 \uac19\uc740 \uae30\ub2a5\ub4e4\uc744 \ud65c\uc6a9\ud558\uc5ec \uae30\ub2a5\uc801\uc774\uace0 \uc544\ub984\ub2e4\uc6b4 UI\ub97c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uad00\ub828\ub41c \ucd94\uac00 \uc790\ub8cc \ubc0f \uc608\uc81c\ub97c \ud1b5\ud574 \ub354\uc6b1 \ud559\uc2b5\ud558\uc2dc\uae30\ub97c \uad8c\uc7a5\ud569\ub2c8\ub2e4.<\/p>\n