Merge pull request #111 from DMU-DebugVisual/inseong

Inseong

Author: Danto7632

src/App.js

@@ -31,8 +31,10 @@ function AppContent() {
     const isSignupPage = location.pathname === "/signup";
     const isIdePage = location.pathname.startsWith("/ide");
     const isMainPage = location.pathname === "/";
-    // ✅ CodecastLive 페이지 플래그 추가
-    const isCodecastLivePage = location.pathname === "/broadcast/live";
+    const isCommunityPage = location.pathname.startsWith("/community");
+    const isMyPage = location.pathname.startsWith("/mypage");
+    const isCodecastPage = location.pathname.startsWith("/broadcast") || location.pathname.startsWith("/startbroadcast");
+    const shouldShowFooter = isMainPage && !(isSignupPage || isIdePage || isCommunityPage || isMyPage || isCodecastPage);
 
     useEffect(() => {
         const token = localStorage.getItem('token');
@@ -91,15 +93,14 @@ function AppContent() {
                 <Route path="/mypage" element={<MyPageLayout nickname={nickname} />}>
                     <Route index element={<Mypage nickname={nickname} />} />
                     <Route path="project" element={<MyProject />} />
-                    <Route path="community" element={<MyCommunity />} />
+                    <Route path="community" element={<MyCommunity nickname={nickname} />} />
                     <Route path="setting" element={<Settings nickname={nickname} />} />
                     <Route path="shared" element={<Shared />} />
                 </Route>
                 <Route path="*" element={<Navigate to="/" replace />} />
             </Routes>
 
-            {/* 👈 푸터 렌더링 조건 수정: CodecastLive 페이지가 아닐 때만 렌더링 */}
-            {(!isSignupPage && !isIdePage && !isMainPage && !isCodecastLivePage) && <Footer />}
+            {shouldShowFooter && <Footer />}
 
             {isLoginModalOpen && (
                 <Login

src/components/community/Community.css

@@ -88,13 +88,14 @@
 }
 
 .dark-mode .post-card {
-    background-color: transparent;
-    border-bottom: 1px solid #444;
-    border-top: none;
+    background-color: #2a2a2a;
+    border: 1px solid #444;
+    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
 }
 
-.dark-mode .post-card:first-child {
-    border-top: 1px solid #444;
+.dark-mode .post-card:hover {
+    border-color: #7e4dff;
+    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.4);
 }
 .dark-mode .tabs button.active-tab {
     color: #b88eff;
@@ -369,24 +370,32 @@ html {
 .post-list {
     display: flex;
     flex-direction: column;
-    gap: 12px;
+    gap: 16px;
     max-width: 720px;
     margin-left: auto;
     margin-right: auto;
 }
 
 .post-card {
     cursor: pointer;
-    background-color: transparent;
-    box-shadow: none;
-    border-radius: 0;
-    padding: 12px 0;
-    border-bottom: 1px solid #eaeaea;
-    min-width: 720px;
+    background-color: #ffffff;
+    border: 1px solid #e5e5e8;
+    border-radius: 14px;
+    padding: 20px 24px;
+    box-shadow: 0 10px 28px rgba(34, 34, 34, 0.06);
+    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
+    width: 100%;
+}
+
+.post-card:hover {
+    transform: translateY(-2px);
+    border-color: #b88eff;
+    box-shadow: 0 16px 36px rgba(110, 64, 255, 0.12);
 }
 
-.post-card:first-child {
-    border-top: 1px solid #eaeaea;
+.post-card:focus-visible {
+    outline: 2px solid #b88eff;
+    outline-offset: 2px;
 }
 
 

src/components/ide/IDE.css

@@ -123,6 +123,33 @@ body {
     box-shadow: none !important; /* 다른 스타일의 그림자 효과 제거 */
 }
 
+/* 💡 라이트 모드에서 파일 탐색기와 에디터 영역을 선명하게 구분 */
+body:not(.dark-mode) .sidebar {
+    background-color: #ffffff !important;
+    border-right: 1px solid #dfe3f5 !important;
+    box-shadow: 6px 0 18px rgba(24, 32, 72, 0.06) !important;
+}
+
+body:not(.dark-mode) .modern-sidebar,
+body:not(.dark-mode) .modern-sidebar-header,
+body:not(.dark-mode) .modern-sidebar-content {
+    background-color: #f8f9ff !important;
+}
+
+body:not(.dark-mode) .main-content,
+body:not(.dark-mode) .content-layout {
+    background-color: #eaedf8;
+}
+
+body:not(.dark-mode) .editor-section,
+body:not(.dark-mode) .monaco-editor-wrapper {
+    background-color: #e2e6f4;
+}
+
+body:not(.dark-mode) .right-panel {
+    background-color: #f6f7fc;
+}
+
 
 .sidebar.collapsed {
     width: 0 !important;