Merge pull request #64 from pirogramming/feat-chan

Feat chan

Author: chanwoongYoon

backend-core/missions/views.py

@@ -162,8 +162,12 @@ def mission_update(request, mission_id):
 def get_mission_list(request):
     """JSON으로 미션 목록 반환 (Serializer 적용 버전)"""
     # 관련 데이터를 한 번에 가져오도록(Select/Prefetch) 최적화
-    qs = Mission.objects.select_related("author").prefetch_related("tags", "images").order_by("-created_at")
-    
+    qs = Mission.objects.select_related("author", "author__university").prefetch_related("tags", "images").order_by("-created_at")
+
+    # 내 학교 미션만 (로그인 유저의 university와 작성자(author)의 university가 같은 것만)
+    if getattr(request.user, "university", None):
+        qs = qs.filter(author__university=request.user.university)
+
     # 필터링 로직
     category = request.GET.get("category")
     if category in Category.values:

backend-core/static/users/css/homepage.css

@@ -300,9 +300,9 @@ margin-bottom: 20px;
     color: #4DA6FF;
 }
 
-/* 하단 네비게이션 */
+/* 하단 네비게이션 - 화면 바닥에 고정 */
 .bottom-nav {
-    position: absolute;
+    position: fixed;
     bottom: 0;
     width: 100%;
     height: 70px;
@@ -311,6 +311,7 @@ margin-bottom: 20px;
     justify-content: space-around;
     align-items: center;
     border-top: 1px solid #eee;
+    z-index: 1000;
 }
 
 .bottom-nav .badge, .bottom-nav .notification-dot {
@@ -329,6 +330,11 @@ margin-bottom: 20px;
     box-shadow: 0 4px 10px rgba(77, 166, 255, 0.3);
 }
 
+/* 하단 네비 높이만큼 여백 (스크롤 시 콘텐츠가 가려지지 않도록) */
+.mission-list-section {
+    padding-bottom: 90px;
+}
+
 .mission-section {
     margin-bottom: 24px;
 }

backend-core/static/users/js/auth_helper.js

@@ -15,40 +15,9 @@ function getCookie(name) {
 }
 
 async function getuserData() {
-    // 1. 금고(로컬스토리지)에서 토큰 꺼내기
-    const token = localStorage.getItem('access_token');
-    
-    if (!token) {
-        console.warn("로그인 토큰이 없습니다.");
-        return null;
-    }
-
-    try {
-        const response = await fetch('/api/users/api/blocked_users/', {
-            headers: {
-                'Authorization': 'Bearer ' + token,
-                'Content-Type': 'application/json',
-            },
-        });
-
-        if (response.ok) {
-            const userData = await response.json();
-            console.log("유저 정보 로드 성공:", userData);
-            return userData;
-        } else {
-            const text = await response.text();
-            try {
-                const err = JSON.parse(text);
-                console.error("API 오류:", err);
-            } catch (_) {
-                console.error("응답이 JSON이 아님 (로그인 필요할 수 있음)");
-            }
-            return null;
-        }
-    } catch (error) {
-        console.error("네트워크 오류 발생:", error);
-        return null;
-    }
+    const userData = await Auth.getData('/api/users/api/blocked_users/');
+    if (userData) console.log("유저 정보 로드 성공:", userData);
+    return userData;
 }
 
 async function renderBlockUser() {
@@ -87,41 +56,16 @@ async function renderBlockUser() {
     }
 }
 
-async function transmit_user_id(target_id){
-
-    const token = localStorage.getItem('access_token');
-
-    if (!token) {
-        alert("로그인 정보가 없습니다.");
-        return;
-    }
-    try {
-        // 2. 백엔드 API에 토큰을 담아서 던지기 (fetch)
-        const response = await fetch('/api/users/api/blocked_users/', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'Authorization': 'Bearer ' + token,
-                'X-CSRFToken': getCookie('csrftoken')
-            },
-            body: JSON.stringify({ target_id: target_id })
-        });
-
-        if (response.ok) {
-            const response_json = await response.json();
-            const message = response_json.message;
-            alert(message)
-            location.reload();
-        } else {
-            console.error("토큰이 만료되었거나 유효하지 않습니다.");
-            alert('노 토큰')
-            // window.location.href = '/users/login/';
-            return null;
-        }
-
-    } catch (error) {
-        console.error("네트워크 오류 발생:", error);
-        return null;
+async function transmit_user_id(target_id) {
+    const response_json = await Auth.postData(
+        '/api/users/api/blocked_users/',
+        { target_id: target_id },
+        false,
+        { headers: { 'X-CSRFToken': getCookie('csrftoken') } }
+    );
+    if (response_json && response_json.message) {
+        alert(response_json.message);
+        location.reload();
     }
 }
 

backend-core/static/users/js/blocked_users.js

@@ -20,7 +20,7 @@ async function handleSignup() {
 
     const csrftoken = getCookie('csrftoken');
 
-    const password_reset_token = localStorage.getItem('password_reset_token')
+    const password_reset_token = sessionStorage.getItem('password_reset_token')
 
     const changeData = {
         password: document.getElementById('password').value,

backend-core/static/users/js/change_password.js

@@ -1,34 +1,7 @@
 async function getUserData() {
-    const token = localStorage.getItem('access_token');
-    
-    if (!token) {
-        console.warn("로그인 토큰이 없습니다.");
-        window.location.href = "/api/users/login/"
-        return null;
-    }
-
-    try {
-        const response = await fetch('/api/users/api/profile/', {
-            method: 'GET',
-            headers: {
-                'Authorization': `Bearer ${token}`,
-                'Content-Type': 'application/json'
-            }
-        });
-
-        if (response.ok) {
-            const userData = await response.json();
-            console.log("유저 정보 로드 성공:", userData);
-            return userData;
-        } else {
-            console.error("토큰이 만료되었거나 유효하지 않습니다.");
-            return null;
-        }
-    } catch (error) {
-        alert("네트워크 오류 발생:");
-        window.location,href = "/api/users/login/"
-        return null;
-    }
+    const userData = await Auth.getData('/api/users/api/profile/');
+    if (userData) console.log("유저 정보 로드 성공:", userData);
+    return userData;
 }
 
 async function renderProfile() {
@@ -46,8 +19,6 @@ async function renderProfile() {
         const score_bar_fill = document.getElementById('score_bar_fill');
         const imgEl = document.getElementById('userprofile');
 
-        score_bar_fill.style = `width : ${user.manner_score}%;`
-
         // 1. 기본 정보 반영
         if (usernameElement) usernameElement.innerText = user.username;
         if (univElement) univElement.innerText = user.university;
@@ -102,7 +73,7 @@ async function renderProfile() {
             mannerScore.innerText = `${user.manner_score}점`; 
             const scoreBar = document.querySelector('.score-bar-fill');
             if (scoreBar) {
-                scoreBar.style.width = `${user.manner_score}%`;
+                scoreBar.style.width = `${Math.round((user.manner_score / 5) * 100)}%`;
             }
         }
     }
@@ -118,40 +89,18 @@ function toggleReviews() {
 }
 
 function logout() {
-    localStorage.removeItem('access_token');
-    localStorage.removeItem('refresh_token');
     alert("로그아웃 되었습니다.");
-    window.location.href = "/api/users/login/";
+    Auth.logout("/api/users/login/");
 }
 
 
 async function signout() {
-    const token = localStorage.getItem('access_token');
-    if (!token) return;
-
-    try {
-        const res = await fetch('/api/users/api/signout/', {
-            method: 'DELETE',
-            headers: {
-                'Authorization': `Bearer ${token}`,
-                'Content-Type': 'application/json'
-            }
-        });
-
-        if (res.ok) {
-            const data = await res.json();
-            localStorage.removeItem('access_token');
-            localStorage.removeItem('refresh_token');
-            console.error("회원 탈퇴 완료");
-            window.location.href = "/api/users/login/"
-            return
-        } else {
-            console.error("탈퇴 중 에러발생");
-            alert('에러')
-            return null;
-        }
-    } catch (error) {
-        console.error("오류 발생:", error);
+    const res = await Auth.deleteData('/api/users/api/signout/');
+    if (res !== null) {
+        Auth.clearTokens();
+        window.location.href = "/api/users/login/";
+    } else {
+        alert('에러');
     }
 }