[python] 파이썬 BeautifulSoup과 웹 사이트 채팅 기능 추가

04 Dec 2023

python

소개

이번 포스트에서는 파이썬의 BeautifulSoup 라이브러리를 사용하여 웹 사이트에 채팅 기능을 추가하는 방법을 알아보겠습니다. BeautifulSoup은 파이썬의 웹 스크래핑 라이브러리로서, HTML 및 XML 문서에서 데이터를 추출하는 데 사용됩니다.

필요한 도구

Python 3.x 설치
BeautifulSoup 라이브러리 설치 (pip install beautifulsoup4)
웹 서버 (예: Flask) 설치

채팅 기능 추가하기

Flask를 사용해서 웹 서버를 설정합니다.

from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return 'Welcome to the chat application!'

if __name__ == '__main__':
    app.run()

HTML 파일을 작성하고, 채팅 창을 위한 <input> 요소와 메시지를 표시할 <div> 요소를 추가합니다.

<!DOCTYPE html>
<html>
<head>
    <title>Chat Application</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            // 메시지 보내기
            $('#send').on('click', function() {
                var message = $('#message').val();
                $('#message').val('');

                if (message !== '') {
                    $('<p>').text('You: ' + message).appendTo('#messages');
                }
            });
        });
    </script>
</head>
<body>
    <h1>Chat Application</h1>
    <div id="messages"></div>
    <input type="text" id="message" placeholder="Type your message..." />
    <button id="send">Send</button>
</body>
</html>

파이썬 소스 코드에서 BeautifulSoup을 사용하여 HTML 코드를 파싱하고, 채팅 메시지를 가져와서 <div> 요소에 추가합니다.

from flask import Flask, render_template
from bs4 import BeautifulSoup

app = Flask(__name__)

@app.route('/')
def home():
    # HTML 파일을 읽어와서 BeautifulSoup으로 파싱
    with open('index.html', 'r', encoding='utf-8') as f:
        soup = BeautifulSoup(f, 'html.parser')

    # 채팅 메시지 가져오기
    messages = ['Hello!', 'How are you?', 'Nice to meet you!']

    # 메시지를 <div> 요소에 추가
    messages_div = soup.find('div', id='messages')
    for message in messages:
        p = soup.new_tag('p')
        p.string = message
        messages_div.append(p)

    return str(soup)

if __name__ == '__main__':
    app.run()

웹 브라우저에서 http://localhost:5000/에 접속하여 채팅 기능을 확인합니다.

마무리

이번 포스트에서는 파이썬의 BeautifulSoup 라이브러리를 사용하여 웹 사이트에 채팅 기능을 추가하는 방법을 알아보았습니다. BeautifulSoup을 사용하여 HTML 코드를 파싱하고, 채팅 메시지를 추출하여 웹 페이지에 동적으로 렌더링할 수 있습니다. 이를 통해 사용자와 상호작용하는 웹 사이트를 쉽게 개발할 수 있습니다.

더 많은 정보를 원하신다면, BeautifulSoup 공식 문서를 참고하세요.