아이스베어의 개발 일기

PyCharm(파이참)에서 PyQT를 실행하였고

위젯을 생성하여 버튼을 누르면 함수를 호출하여 QMessageBox를 띄우는 것을 해볼 것이다.

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QPushButton, QMessageBox

def dialog():
    a = QMessageBox()
    a.setText("여기에 출력되요")
    a.setDetailedText("상세 항목이 나와요")
    a.setStandardButtons(QMessageBox.Ok | QMessageBox.Cancel)
    a.exec_()

if __name__ == "__main__":
    app = QApplication(sys.argv)
    w= QWidget()
    w.resize(300,300)
    w.setWindowTitle("안녕 컴퓨터")
    label = QLabel(w)
    label.setText("여기는 라벨이에요")
    label.move(100,130)
    label.show()
    btn = QPushButton(w) #위젯 집어넣기
    btn.setText("여기는 푸시 버튼")
    btn.move(110,150) #버튼의 위치 이동
    btn.clicked.connect(dialog) #btn이 눌리면 dialog 함수 호출
    btn.show() #버튼을 보여줌
    w.show() # 중요 window는 기본값이 hidden이라 show 해야함
    sys.exit(app.exec_()) # 이상태는 이벤트 루프가 돌고있다.

버튼을 누르면 QMessageBox가 띄어진다.

1탄에 이어서 하는 것이다!

Say.js  파일을 만들어 준다.

Say.js

import React, {useState} from 'react'

const Say = () => {
    //hook
    const[message, setMessage] = useState('')
    const [color, setColor] = useState('black')
    const onClickEnter = () => setMessage('안녕하세요')
    const onClickLeave = () => setMessage('안녕히가세요')
    return (
    <div>
        <button onClick={onClickEnter}> 입장 </button>
        <button onClick={onClickLeave}> 퇴장 </button>
        <h1 style={{color}}>{message}</h1>
        <button style={{color:'green'}} onClick={() => setColor('green')}>초록색</button>
        <button style={{color:'blue'}} onClick={() => setColor('blue')}>파란색</button>
    </div>
    )
}

export default  Say

App.js 파일에 아래의 내용을 추가한다.

App.js

import './App.css';
import Say from './Say';

function App() {
  let a = '홍길동'
  let arr = [1, 2, 3, 4, 5]
  let str = ''
  let result ='홍말자'
  {
    result = str && '홍길동'
    str ='5'
    result = str && '홍길동'
    console.log("여기값은 "+result) //홍길동
  }
  return (
  <>
    안녕하세요? {a} 님 {arr.map(i=> i*5+' ')}
    <Say />

  </>
  //jsx에서 반복문과 if문 사용불가
  //short circuit 또는 3항 연산자
  )
}

export default App

localhost:3000 화면에 위 사진처럼 뜬다.

아래의 버튼을 누르면 글씨 색도 변환다는 것을 확인할 수 있다!