Update app.py

app.py

@@ -7,17 +7,53 @@ import tempfile
 import os
 from streamlit_sortables import sort_items
 
+# ------------------------------
+# 글로벌 스타일 설정
+# ------------------------------
 st.set_page_config(page_title="팀 업무 구조화 도우미 (P-D-E-R-O)", layout="wide")
 
+st.markdown("""
+    <style>
+    @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
+    html, body, [class*="css"] {
+        font-family: 'Pretendard', sans-serif;
+        color: #222;
+        background-color: #f4f6f8;
+    }
+    h1, h2, h3 {
+        color: #2b2b2b;
+        font-weight: 700;
+    }
+    .stButton>button {
+        border-radius: 8px;
+        border: 1px solid #d0d7de;
+        background-color: white;
+        color: #333;
+        padding: 0.5rem 1rem;
+        transition: all 0.2s ease;
+    }
+    .stButton>button:hover {
+        background-color: #e8eef5;
+        color: #111;
+    }
+    .stTextInput>div>div>input, textarea {
+        border-radius: 6px;
+        border: 1px solid #d6d6d6;
+    }
+    .stSelectbox>div>div {
+        border-radius: 6px;
+        border: 1px solid #d6d6d6;
+    }
+    </style>
+""", unsafe_allow_html=True)
+
 # ------------------------------
-# 초기화
+# 세션 초기화
 # ------------------------------
 if "page" not in st.session_state:
     st.session_state.page = "도메인 설정"
 if "domains" not in st.session_state:
     st.session_state.domains = []
-if "tasks" not in st.session_state:
-    st.session_state.tasks = []
 if "grouped_tasks" not in st.session_state:
     st.session_state.grouped_tasks = {}
 if "dependencies" not in st.session_state:
@@ -26,24 +62,23 @@ if "outputs" not in st.session_state:
     st.session_state.outputs = {}
 
 # ------------------------------
-# 페이지 이동 함수
+# 네비게이션 함수
 # ------------------------------
 def goto(page):
     st.session_state.page = page
     st.rerun()
 
 # ------------------------------
-# Helper
+# 헬퍼 함수
 # ------------------------------
 def export_file(df, kind="csv"):
-    if kind=="csv":
+    if kind == "csv":
         return df.to_csv(index=False).encode("utf-8-sig")
-    if kind=="xlsx":
-        bio = BytesIO()
-        with pd.ExcelWriter(bio, engine="openpyxl") as w:
-            df.to_excel(w, index=False, sheet_name="tasks")
-        bio.seek(0)
-        return bio.getvalue()
+    bio = BytesIO()
+    with pd.ExcelWriter(bio, engine="openpyxl") as w:
+        df.to_excel(w, index=False, sheet_name="tasks")
+    bio.seek(0)
+    return bio.getvalue()
 
 def draw_dependency_graph(df):
     G = nx.DiGraph()
@@ -58,7 +93,7 @@ def draw_dependency_graph(df):
             dep = dep.strip()
             if dep:
                 G.add_edge(dep, code)
-    nt = Network(height="550px", width="100%", directed=True, bgcolor="#FFFFFF", font_color="#222222")
+    nt = Network(height="550px", width="100%", directed=True, bgcolor="#FFFFFF", font_color="#222")
     nt.from_nx(G)
     tmp_path = tempfile.NamedTemporaryFile(delete=False, suffix=".html").name
     nt.save_graph(tmp_path)
@@ -73,36 +108,48 @@ def draw_dependency_graph(df):
 if st.session_state.page == "도메인 설정":
     st.title("1️⃣ 도메인 설정")
     st.markdown("""
-팀이 하고 있는 일을 3~4개의 **도메인(업무 범주)** 로 나누어 봅니다.  
-예: 운영관리, 교육운영, 진단개발, 데이터분석, 기타 등  
-""")
+    팀이 하고 있는 일을 3~4개의 **도메인(업무 범주)** 로 나누어 봅니다.  
+    예: 운영관리, 교육운영, 진단개발, 데이터분석 등
+    """)
+
     cols = st.columns(4)
     new_domains = []
     for i in range(4):
         with cols[i]:
-            d = st.text_input(f"도메인 {i+1}", st.session_state.domains[i] if i < len(st.session_state.domains) else "")
-            if d:
-                new_domains.append(d)
+            val = st.text_input(f"도메인 {i+1}", st.session_state.domains[i] if i < len(st.session_state.domains) else "")
+            if val:
+                new_domains.append(val.strip())
     st.session_state.domains = [d for d in new_domains if d]
     if st.button("➡️ 다음: 업무 발산하기") and st.session_state.domains:
         goto("업무 발산")
 
 # ------------------------------
-# PAGE 2. 업무 발산 (자유 입력)
+# PAGE 2. 업무 발산
 # ------------------------------
 elif st.session_state.page == "업무 발산":
     st.title("2️⃣ 업무 자유 발산")
     st.markdown("""
-각 도메인별로 팀에서 실제 하고 있는 일을 가능한 한 많이 적어보세요.  
-형식은 자유롭습니다. 나중에 묶고 정리할 수 있습니다.
-""")
-    for d in st.session_state.domains + ["기타"]:
+    각 도메인별로 팀에서 실제 하고 있는 일을 가능한 한 많이 적어보세요.  
+    형식은 자유롭습니다. 나중에 묶고 정리할 수 있습니다.
+    """)
+
+    unique_domains = list(dict.fromkeys(st.session_state.domains))
+    if "기타" not in unique_domains:
+        unique_domains.append("기���")
+
+    for d in unique_domains:
+        safe_key = f"tasks_{d}".replace(" ", "_").replace("/", "_")
         st.subheader(f"📂 {d}")
-        task_text = st.text_area(f"{d} 도메인의 업무들", key=f"tasks_{d}", height=150,
-                                 placeholder="예: 리더십 진단 결과 리포트 작성\n조직문화 교육 기획\n데이터 정리 자동화 등")
-        if task_text:
-            st.session_state.grouped_tasks[d] = [t.strip() for t in task_text.split("\n") if t.strip()]
-    if st.button("➡️ 다음: 그룹 조정 및 정리"):
+        text = st.text_area(
+            f"{d} 도메인의 업무들",
+            key=safe_key,
+            height=150,
+            placeholder="예: 리더십 진단 리포트 작성\n조직문화 교육 기획\n데이터 정리 자동화 등",
+        )
+        if text:
+            st.session_state.grouped_tasks[d] = [t.strip() for t in text.split("\n") if t.strip()]
+
+    if st.button("➡️ 다음: 그룹 조정"):
         goto("그룹 조정")
 
 # ------------------------------
@@ -111,101 +158,76 @@ elif st.session_state.page == "업무 발산":
 elif st.session_state.page == "그룹 조정":
     st.title("3️⃣ 업무 그룹 정리하기")
     st.markdown("""
-아래에서 각 도메인별 업무를 정리하세요.  
-- **드래그 앤 드롭**으로 순서 조정  
-- **➕ 추가** 버튼으로 새 업무 입력  
-- **🗑 삭제**, **↔ 이동** 버튼으로 재배치 가능  
-""")
+    아래에서 각 도메인별 업무를 정리하세요.  
+    - **드래그 앤 드롭**으로 순서 조정  
+    - **➕ 추가**, **🗑 삭제**, **↔ 이동** 가능
+    """)
 
     st.divider()
     domains = st.session_state.domains + ["기타"]
     updated_grouped = {d: list(st.session_state.grouped_tasks.get(d, [])) for d in domains}
 
-    # 콜백 함수 정의
     def add_task(domain):
         new_task = st.session_state.get(f"add_{domain}", "").strip()
         if new_task:
             updated_grouped[domain].append(new_task)
             st.session_state[f"add_{domain}"] = ""
 
-    # 메인 도메인 반복
     for d in domains:
         with st.container():
             st.subheader(f"📦 {d}")
             tasks = updated_grouped.get(d, [])
-
-            # 정렬
             sorted_tasks = sort_items(tasks, direction="vertical", key=f"sort_{d}")
 
-            # 업무 추가
             st.text_input(
                 f"{d} 도메인에 업무 추가",
                 key=f"add_{d}",
-                placeholder="새 업무를 입력하고 Enter를 눌러 추가",
+                placeholder="새 업무를 입력하고 Enter",
                 on_change=add_task,
                 args=(d,),
             )
 
-            # 삭제
             if sorted_tasks:
                 del_col1, del_col2 = st.columns([4, 1])
                 with del_col1:
-                    delete_target = st.selectbox(
-                        f"삭제할 업무 선택",
-                        ["(선택 없음)"] + sorted_tasks,
-                        key=f"del_{d}",
-                    )
+                    delete_target = st.selectbox("삭제할 업무", ["(선택 없음)"] + sorted_tasks, key=f"del_{d}")
                 with del_col2:
                     if st.button("🗑 삭제", key=f"btn_del_{d}"):
                         if delete_target != "(선택 없음)":
                             sorted_tasks.remove(delete_target)
-                            st.success(f"‘{delete_target}’ 삭제됨", icon="✅")
+                            st.success(f"‘{delete_target}’ 삭제됨")
 
-            # 이동
-            if sorted_tasks:
-                move_task = st.selectbox(
-                    f"이동할 업무 선택",
-                    ["(선택 없음)"] + sorted_tasks,
-                    key=f"move_{d}",
-                )
-                move_target_domain = st.selectbox(
-                    f"→ 이동할 도메인 선택",
-                    domains,
-                    key=f"moveto_{d}",
-                )
+                move_task = st.selectbox("이동할 업무", ["(선택 없음)"] + sorted_tasks, key=f"move_{d}")
+                move_target = st.selectbox("→ 이동할 도메인", domains, key=f"moveto_{d}")
                 if st.button("↔ 이동", key=f"btn_move_{d}"):
-                    if move_task != "(선택 없음)" and move_target_domain != d:
+                    if move_task != "(선택 없음)" and move_target != d:
                         sorted_tasks.remove(move_task)
-                        updated_grouped.setdefault(move_target_domain, []).append(move_task)
-                        st.success(f"‘{move_task}’ → {move_target_domain} 로 이동 완료", icon="✅")
+                        updated_grouped.setdefault(move_target, []).append(move_task)
+                        st.success(f"‘{move_task}’ → {move_target} 로 이동")
 
             updated_grouped[d] = sorted_tasks
             st.markdown("---")
 
-    # 변경 사항 반영
     st.session_state.grouped_tasks = updated_grouped
-
-    # 네비게이션
     c1, c2 = st.columns(2)
     if c1.button("⬅️ 이전: 발산 다시보기"):
         goto("업무 발산")
     if c2.button("➡️ 다음: 의존성 판단"):
         goto("의존성 판단")
 
-
 # ------------------------------
 # PAGE 4. 의존성 판단
 # ------------------------------
 elif st.session_state.page == "의존성 판단":
     st.title("4️⃣ 업무 간 의존성 판단")
     st.markdown("""
-각 업무 간에 **선후 관계(의존성)** 가 있는 경우를 체크하세요.  
-예: “데이터 수집 → 분석 리포트 작성”처럼 순서가 필요한 경우.
-""")
+    업무 간 **선후 관계(의존성)** 를 선택하세요.  
+    예: “데이터 수집 → 분석 리포트 작성”
+    """)
     all_tasks = [t for tasks in st.session_state.grouped_tasks.values() for t in tasks]
     dependencies = {}
     for t in all_tasks:
-        deps = st.multiselect(f"'{t}' 이전에 필요한 작업", [x for x in all_tasks if x != t],
+        deps = st.multiselect(f"'{t}' 이전에 필요한 업무", [x for x in all_tasks if x != t],
                               default=st.session_state.dependencies.get(t, []))
         dependencies[t] = deps
     st.session_state.dependencies = dependencies
@@ -219,11 +241,9 @@ elif st.session_state.page == "의존성 판단":
 # PAGE 5. 산출물 정의
 # ------------------------------
 elif st.session_state.page == "산출물 정의":
-    st.title("5️⃣ 산출물(Output) 정의")
-    st.markdown("""
-각 업무(Task)의 결과물(산출물)을 적어주세요.  
-예: 보고서, 대시보드, 교육자료, 자동화스크립트 등
-""")
+    st.title("5️⃣ 산출물 정의")
+    st.markdown("각 업무의 결과물(산출물)을 입력하세요. 예: 보고서, 대시보드, 교육자료 등")
+
     outputs = {}
     for d, tasks in st.session_state.grouped_tasks.items():
         st.subheader(f"📂 {d}")
@@ -238,30 +258,27 @@ elif st.session_state.page == "산출물 정의":
         goto("최종 정리")
 
 # ------------------------------
-# PAGE 6. 최종 정리 및 다운로드
+# PAGE 6. 최종 정리
 # ------------------------------
 elif st.session_state.page == "최종 정리":
     st.title("6️⃣ 최종 정리 및 다운로드")
-    st.markdown("아래는 전체 업무(Task) 정리표입니다. 의존성 관계는 그래프로 시각화됩니다.")
-    
-    # 데이터프레임 구성
+    st.markdown("정리된 업무 구조를 확인하고, 그래프와 파일로 다운로드하세요.")
+
     rows = []
     for d, tasks in st.session_state.grouped_tasks.items():
         for i, t in enumerate(tasks, 1):
             deps = ",".join(st.session_state.dependencies.get(t, []))
             outp = st.session_state.outputs.get(t, "")
             rows.append({
-                "domain": d, "order": i, "name": t, "depends_on": deps, "output": outp,
+                "domain": d, "order": i, "name": t,
+                "depends_on": deps, "output": outp,
                 "code": f"{d[:3].upper()}-{i:02d}", "lifecycle": "E"
             })
     df = pd.DataFrame(rows)
     st.dataframe(df, use_container_width=True)
-
-    # 그래프 표시
     html = draw_dependency_graph(df)
     st.components.v1.html(html, height=600, scrolling=True)
 
-    # 다운로드
     csv_data = export_file(df, "csv")
     xlsx_data = export_file(df, "xlsx")
     c1, c2 = st.columns(2)
@@ -269,9 +286,9 @@ elif st.session_state.page == "최종 정리":
     c2.download_button("⬇️ Excel 다운로드", xlsx_data, "tasks.xlsx")
 
     if st.button("🔄 처음으로 돌아가기"):
-        for k in ["page","domains","tasks","grouped_tasks","dependencies","outputs"]:
+        for k in ["page","domains","grouped_tasks","dependencies","outputs"]:
             if k in st.session_state:
                 del st.session_state[k]
         goto("도메인 설정")
 
-st.caption("© 2025 팀 업무 구조화 도우미 - Streamlit & Pyvis 기반")
+st.caption("© 2025 팀 업무 구조화 도우미 — Crystal's")