📌 Java Swing을 활용한 채팅 UI 구현

📅 날짜

2025년 3월 12일

📝 학습 내용

1️⃣ Java Swing을 활용한 GUI 프로그래밍

Java Swing은 GUI(그래픽 사용자 인터페이스) 애플리케이션을 만들 수 있는 라이브러리다. 이번 예제에서는 JFrame, JPanel, JButton, JTextArea, JTextField 등을 활용하여 간단한 채팅 프로그램을 구현한다.

---

2️⃣ 구현할 기능

✅ JFrame을 이용한 GUI 프레임 생성
✅ JTextArea를 활용하여 채팅 메시지 표시
✅ JTextField를 이용하여 메시지 입력
✅ JButton을 활용하여 다양한 기능 버튼 추가
✅ KeyListener를 활용하여 Enter 키 입력 시 채팅 입력
✅ MouseListener를 활용하여 채팅 내 특정 줄을 클릭하면 해당 줄 출력

---

✅ 3️⃣ GUI 초기화 및 컴포넌트 배치

다음은 GUI를 초기화하고 필요한 컴포넌트(버튼, 텍스트 영역, 입력창 등) 를 배치하는 코드이다.

class C07GUI extends JFrame implements ActionListener, KeyListener, MouseListener {
    JButton btn1, btn2, btn3, input;
    JTextField txt1;
    JTextArea area1;

    C07GUI(String title) {
        super(title);
        setBounds(100, 100, 410, 400);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        JPanel panel = new JPanel();
        panel.setLayout(null);

        area1 = new JTextArea();
        area1.setBounds(10, 10, 260, 280);
        JScrollPane scroll1 = new JScrollPane(area1);
        scroll1.setBounds(10, 10, 250, 280);

        btn1 = new JButton("파일로저장");
        btn1.setBounds(270, 10, 110, 30);

        btn2 = new JButton("1:1요청");
        btn2.setBounds(270, 50, 110, 30);

        btn3 = new JButton("대화기록보기");
        btn3.setBounds(270, 90, 110, 30);

        input = new JButton("입력");
        input.setBounds(270, 300, 110, 30);

        txt1 = new JTextField();
        txt1.setBounds(10, 300, 250, 30);

        // 이벤트 리스너 등록
        btn1.addActionListener(this);
        btn2.addActionListener(this);
        btn3.addActionListener(this);
        input.addActionListener(this);
        txt1.addKeyListener(this);
        area1.addMouseListener(this);

        // 컴포넌트 추가
        panel.add(scroll1);
        panel.add(btn1);
        panel.add(btn2);
        panel.add(btn3);
        panel.add(input);
        panel.add(txt1);

        add(panel);
        setVisible(true);
    }
}

🔹 코드 설명

✔ JFrame을 상속받아 GUI 프레임 생성
✔ JPanel을 활용하여 레이아웃 관리
✔ JTextArea를 사용해 다중 줄 텍스트 입력 가능
✔ JScrollPane을 활용해 스크롤 가능한 채팅창 추가
✔ JButton을 활용해 여러 기능 버튼 생성

---

✅ 4️⃣ 버튼 클릭 이벤트 처리 (ActionListener)

각 버튼이 클릭될 때 수행할 동작을 actionPerformed() 메서드에서 처리한다.

@Override
public void actionPerformed(ActionEvent e) {
    if (e.getSource() == btn1) {
        System.out.println("파일로 저장 클릭");
    } else if (e.getSource() == btn2) {
        System.out.println("1:1요청 클릭");
    } else if (e.getSource() == btn3) {
        System.out.println("대화기록보기");
    } else if (e.getSource() == input) {
        System.out.println("입력");
    }
}

✔ btn1 클릭 → "파일로 저장 클릭" 출력
✔ btn2 클릭 → "1:1 요청 클릭" 출력
✔ btn3 클릭 → "대화기록 보기" 출력
✔ input 클릭 → "입력" 출력

---

✅ 5️⃣ 키보드 이벤트 처리 (KeyListener)

엔터 키 입력 시 (KeyEvent.VK_ENTER == 10), 메시지를 JTextArea에 추가한다.

@Override
public void keyPressed(KeyEvent e) {
    if (e.getSource() == txt1) {
        if (e.getKeyCode() == KeyEvent.VK_ENTER) { // Enter 키 입력 감지
            String message = txt1.getText();
            System.out.println(message);
            area1.append(message + "\n"); // 채팅창에 추가
            txt1.setText(""); // 입력 필드 초기화
        }
    }
}

✔ txt1 (입력창)에서 Enter 키 입력 시, 입력된 텍스트를 area1 (채팅창)으로 전송
✔ 입력 후, JTextField 내용을 초기화하여 다음 입력을 받을 수 있도록 함

---

✅ 6️⃣ 마우스 클릭 이벤트 처리 (MouseListener)

채팅창에서 특정 줄을 클릭하면 해당 줄의 내용을 출력하는 기능이다.

@Override
public void mouseClicked(MouseEvent e) {
    try {
        int offset = area1.viewToModel(e.getPoint());
        int row = area1.getLineOfOffset(offset);
        int startOffset = area1.getLineStartOffset(row);
        int endOffset = area1.getLineEndOffset(row);
        String str = area1.getText(startOffset, endOffset - startOffset);
        System.out.println("클릭한 줄: " + str);
    } catch (BadLocationException e1) {
        e1.printStackTrace();
    }
}

✔ JTextArea의 클릭한 위치를 계산하여 해당 줄의 시작과 끝을 구함
✔ 선택된 줄의 내용을 System.out.println()을 이용해 출력

---

✅ 7️⃣ 메인 함수 실행

public class C07SwingEventMain {
    public static void main(String[] args) {
        new C07GUI("Chatting UI");
    }
}

✔ main() 메서드에서 C07GUI 객체를 생성하여 프로그램 실행

---

👀결과

---

🔥 정리

✔ Swing GUI를 활용하여 채팅 UI 구현
✔ 버튼 클릭 이벤트 (ActionListener) 적용
✔ Enter 키 입력 시 텍스트 전송 (KeyListener) 구현
✔ 마우스 클릭 시 특정 줄 선택 기능 (MouseListener) 추가

---

🔗 참고 자료

• Java Swing 공식 문서
• JTextArea API
• Java Event Handling

---