태그버튼 삭제

Author: Danto7632

src/components/community/Community.css

@@ -262,11 +262,6 @@
     background: var(--community-surface);
 }
 
-.tag-search-row {
-    align-items: flex-start;
-    flex-wrap: wrap;
-}
-
 .search-row input {
     flex: 1;
     min-width: 0;
@@ -294,60 +289,6 @@
     transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
 }
 
-.tag-search-selector {
-    flex: 1 1 0;
-    min-width: 0;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-}
-
-.tag-search-option {
-    padding: 10px 16px;
-    border-radius: 999px;
-    border: 1px solid rgba(124, 92, 255, 0.22);
-    background: rgba(124, 92, 255, 0.08);
-    color: var(--community-muted);
-    font-size: 13px;
-    font-weight: 600;
-    cursor: pointer;
-    -webkit-appearance: none;
-    appearance: none;
-    transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease;
-}
-
-.tag-search-option:hover:not(:disabled) {
-    transform: translateY(-1px);
-    background: rgba(124, 92, 255, 0.16);
-    border-color: rgba(124, 92, 255, 0.34);
-    color: var(--community-text);
-    box-shadow: 0 14px 24px -20px rgba(124, 92, 255, 0.4);
-}
-
-.tag-search-option.is-active {
-    background: var(--community-accent);
-    border-color: var(--community-accent);
-    color: #ffffff;
-    box-shadow: 0 16px 32px -24px rgba(124, 92, 255, 0.6);
-}
-
-.tag-search-option:disabled {
-    cursor: not-allowed;
-    opacity: 0.55;
-    box-shadow: none;
-}
-
-.tag-search-option:focus-visible {
-    outline: 2px solid rgba(124, 92, 255, 0.55);
-    outline-offset: 2px;
-}
-
-.tag-search-helper {
-    margin: 4px 0 0;
-    font-size: 12px;
-    color: var(--community-muted);
-}
-
 .search-btn {
     background: var(--community-accent);
     color: #ffffff;
@@ -360,12 +301,6 @@
     box-shadow: 0 22px 36px -24px rgba(124, 92, 255, 0.7);
 }
 
-.reset-btn {
-    border: 1px solid var(--community-border);
-    background: var(--community-surface);
-    color: var(--community-muted);
-}
-
 .filter-area {
     display: flex;
     align-items: center;
@@ -816,22 +751,6 @@
         display: none;
     }
 
-    .search-row {
-        flex-direction: column;
-    }
-
-    .tag-search-row {
-        align-items: stretch;
-    }
-
-    .tag-search-selector {
-        width: 100%;
-    }
-
-    .tag-search-helper {
-        text-align: left;
-    }
-
     .search-row button {
         width: 100%;
     }

src/components/community/Community.jsx

@@ -3,10 +3,6 @@ import { useNavigate } from "react-router-dom";
 import "./Community.css";
 import config from "../../config";
 
-const ALLOWED_TAGS = [
-    "JAVA", "C", "CPP", "JPA", "JAVASCRIPT", "PYTHON", "OOP", "BIGDATA", "SPRING", "TYPESCRIPT", "ML"
-];
-
 const SEARCH_SCOPE_OPTIONS = [
     { value: "all", label: "전체" },
     { value: "author", label: "작성자" },
@@ -55,8 +51,6 @@ export default function Community() {
     const [searchOperator, setSearchOperator] = useState(DEFAULT_OPERATOR);
 
     const PAGE_SIZE = 10;
-    const selectedTagCount = selectedTagFilters.length;
-    const reachedTagFilterLimit = selectedTagCount >= 10;
 
     useEffect(() => {
         let ignore = false;
@@ -264,39 +258,6 @@ export default function Community() {
         setLastKnownPage(1);
     };
 
-    const handleReset = () => {
-        setSearchInput("");
-        setKeyword("");
-        setSelectedTagFilters([]);
-        setTagKeyword([]);
-        setSearchScope(DEFAULT_SCOPE);
-        setSearchOperator(DEFAULT_OPERATOR);
-        setCurrentPage(1);
-        setLastKnownPage(1);
-    };
-
-    const toggleTagFilter = (tag, { resetSearch = false } = {}) => {
-        setSelectedTagFilters((prev) => {
-            if (prev.includes(tag)) {
-                const next = prev.filter((item) => item !== tag);
-                setTagKeyword(next.map((item) => item.toLowerCase()));
-                return next;
-            }
-            if (prev.length >= 10) {
-                return prev;
-            }
-            const next = [...prev, tag];
-            setTagKeyword(next.map((item) => item.toLowerCase()));
-            return next;
-        });
-        if (resetSearch) {
-            setSearchInput("");
-            setKeyword("");
-        }
-        setCurrentPage(1);
-        setLastKnownPage(1);
-    };
-
     const handleTopWriterSelect = useCallback((writerName) => {
         const trimmed = (writerName || "").trim();
         if (!trimmed) return;
@@ -555,16 +516,6 @@ export default function Community() {
                     </div>
 
                     <div className="search-bar">
-                        <form className="search-row" onSubmit={handleSearchSubmit}>
-                            <input
-                                type="search"
-                                placeholder="궁금한 질문을 검색해보세요!"
-                                value={searchInput}
-                                onChange={(event) => setSearchInput(event.target.value)}
-                                aria-label="게시글 검색"
-                            />
-                            <button type="submit" className="search-btn">검색</button>
-                        </form>
                         <div className="search-options">
                             <div className="search-option">
                                 <label htmlFor="community-search-scope">검색 대상</label>
@@ -603,42 +554,16 @@ export default function Community() {
                                 </select>
                             </div>
                         </div>
-                        <div className="search-row tag-search-row" role="presentation">
-                            <div
-                                className="tag-search-selector"
-                                role="group"
-                                aria-label="태그 검색"
-                            >
-                                {ALLOWED_TAGS.map((tag) => {
-                                    const isActive = selectedTagFilters.includes(tag);
-                                    const isDisabled = !isActive && reachedTagFilterLimit;
-                                    const printable = `#${tag.toLowerCase()}`;
-                                    const buttonLabel = isActive
-                                        ? `${printable} 태그 필터 제거`
-                                        : isDisabled
-                                            ? "태그 필터는 최대 10개까지 선택할 수 있어요"
-                                            : `${printable} 태그 필터 추가`;
-                                    return (
-                                        <button
-                                            key={tag}
-                                            type="button"
-                                            className={`tag-search-option ${isActive ? "is-active" : ""}`.trim()}
-                                            onClick={() => toggleTagFilter(tag)}
-                                            aria-pressed={isActive}
-                                            disabled={isDisabled}
-                                            title={buttonLabel}
-                                        >
-                                            {printable}
-                                        </button>
-                                    );
-                                })}
-                            </div>
-                            <button type="button" className="reset-btn" onClick={handleReset}>초기화</button>
-                        </div>
-                        <p className="tag-search-helper" aria-live="polite">
-                            태그는 클릭해서 추가하거나 제거할 수 있어요. 선택 {selectedTagCount}개
-                            {reachedTagFilterLimit ? " (최대 10개 선택됨)" : ""}
-                        </p>
+                        <form className="search-row" onSubmit={handleSearchSubmit}>
+                            <input
+                                type="search"
+                                placeholder="궁금한 질문을 검색해보세요!"
+                                value={searchInput}
+                                onChange={(event) => setSearchInput(event.target.value)}
+                                aria-label="게시글 검색"
+                            />
+                            <button type="submit" className="search-btn">검색</button>
+                        </form>
                     </div>
 
                     <div className="filter-area">