Create app.py

app.py

@@ -0,0 +1,51 @@
+import streamlit as st
+from streamlit.components.v1 import html
+
+# JavaScript로 Geolocation API를 사용하여 위치 정보 가져오기
+geo_loc_script = """
+<script>
+function getLocation() {
+    if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition(showPosition);
+    } else {
+        document.getElementById("location").innerHTML = "이 브라우저에서는 위치 정보를 지원하지 않습니다.";
+    }
+}
+
+function showPosition(position) {
+    document.getElementById("location").value = position.coords.latitude + "," + position.coords.longitude;
+    document.getElementById("location_form").submit();
+}
+
+getLocation();
+</script>
+"""
+
+# Streamlit 앱의 기본 UI
+st.title('출석 점검')
+
+st.write('아래 정보를 입력해 주세요.')
+
+# HTML form을 사용하여 위치 정보와 함께 데이터를 전송
+html_form = """
+<form action="" method="get" id="location_form">
+    <input type="text" name="location" id="location" hidden>
+    <label for="name">이름:</label><br>
+    <input type="text" id="name" name="name"><br>
+    <label for="email">이메일:</label><br>
+    <input type="email" id="email" name="email"><br>
+    <input type="submit" value="제출">
+</form>
+"""
+
+# Streamlit에서 HTML과 JS 삽입
+html(html_form + geo_loc_script)
+
+# 사용자가 폼을 제출한 후 처리
+if 'location' in st.experimental_get_query_params():
+    location = st.experimental_get_query_params()['location'][0]
+    st.write(f"당신의 위치: {location}")
+    st.write("출석 점검에 응해주셔서 감사합니다!")
+else:
+    st.write("응답을 기다리고 있습니다...")
+