import streamlit as st

# 기본 글 쓰기
st.title('페이지 전체 제목')
st.header('소제목')
st.subheader('부제목')
st.text('파이썬 코딩은 늘 즐겁습니다') # 단순한 텍스트 표시. 마크다운이나 HTML 태그 지원하지 않음.
st.write('파이썬 코딩이 더욱 즐겁습니다') # 텍스트는 물론 마크다운, 데이터프레임 등 다양한 형식 지원. 변수나 객체도 출력.

# markdown: 텍스트를 포맷팅하기 위한 간단한 문법. HTML보다 쉽게 사용.
st.markdown('# 큰 제목')
st.markdown('## 중간 제목')
st.markdown('### 작은 제목')
st.markdown('**굵은 글씨**')
st.markdown('*기울임 글씨*')
st.markdown('<h5 style="color:blue;">이 문장은 HTML을 사용하여 작성되었습니다.</h5>') #  HTML 코드도 작동
st.markdown('파이썬 코딩에서 [허깅페이스](https://huggingface.co/) 사용은 매우 중요합니다!') # 외부 링크 삽입

# 3행 띄우기
st.markdown("<br><br><br>", unsafe_allow_html=True)

# 이미지 파일 보여주기: 로컬 파일 또는 url로 가져오기
image_file_path='face1.jpg'
st.image(image_file_path, caption='4세대 걸그룹 뉴진스')
image_url = 'https://isplus.com/data/isp/image/2024/04/23/isp20240423000086.800x.0.jpg'
st.image(image_url, caption='민희진 힡맨뱅')

# 인터랙티브 버튼
if st.button('인사하기'):
    st.write('안녕하세요')
else:
    st.write('안녕히 가세요')

# 텍스트 입력
title = st.text_input('좋아하는 프로그램 제목', '런닝맨', max_chars=1000)
st.write('귀하가 좋아하는 프로그램 제목은', title)

# 텍스트 입력 받고, 버튼 작동
input_text = st.text_input('귀하의 이름은 무엇인가요?', '여기에 이름을 입력하세요.')
if st.button('등록'):
    st.write(f'{input_text}님, 안녕하세요!')

# 숫자 입력
input_num = st.number_input('귀하의 나이는?', min_value=0, max_value=100, value=1)
st.write('저는', input_num, '살입니다')

# 슬라이더를 통한 입력
age = st.slider('귀하의 나이는?', 0, 100, 1)
st.write('저는', age, '살입니다')

# 선택 박스를 통한 선택
option = st.selectbox(
    '가장 좋아하는 색깔은 무엇인가요?',
    ('파랑', '초록', '빨강'))
st.write('귀하가 가장 좋아하는 색깔은', option)

st.markdown("### 텍스트에서 '뉴진스 멤버' 찾기")

# 사용자로부터 텍스트 입력 받기
input_text = st.text_area("글을 입력하세요")

newjeans_members = ["민지", "하니", "다니엘", "해린", "혜인"]

# 버튼을 클릭하면 함수 실행
if st.button('실행'):
    result = [m for m in newjeans_members if m in input_text]
    result_str = ', '.join(result)
    if result:
        st.write(f"글에서 찾은 '뉴진스' 멤버: {result_str}")
    else:
        st.write("'뉴진스' 멤버를 찾을 수 없습니다.")