Production-release(v.2.0.0)

.github/release-drafter.yml

@@ -33,6 +33,11 @@ version-resolver:
       - '🚘 Patch'
   default: patch
 
+sort-by: merged_at
+sort-direction: ascending
+filter-by-commitish: false
+
+
 template: |
   ## ✨ Changes
   $CHANGES

.gitignore

@@ -40,3 +40,7 @@ storybook-static
 
 # Changesets
 .changeset/pre.json
+
+# cursor
+.cursorrules
+.cursorignore

apps/client/package.json

@@ -11,36 +11,39 @@
   },
   "dependencies": {
     "@bds/ui": "workspace:*",
+    "@hookform/resolvers": "^5.2.1",
     "@tanstack/react-query": "^5.83.0",
     "@tanstack/react-query-devtools": "^5.83.0",
     "@toss/ky": "^1.2.1",
+    "@types/react": "catalog:react-core",
+    "@types/react-dom": "catalog:react-core",
     "lottie-react": "^2.4.1",
     "react": "catalog:react-core",
     "react-dom": "catalog:react-core",
     "react-error-boundary": "^6.0.0",
+    "react-hook-form": "^7.62.0",
     "react-router": "^7.6.3",
     "react-router-dom": "^7.6.3",
-    "swiper": "^11.2.10",
-    "@types/react": "catalog:react-core",
-    "@types/react-dom": "catalog:react-core"
+    "react-textarea-autosize": "^8.5.9",
+    "zod": "^4.0.17"
   },
   "devDependencies": {
     "@bofit/eslint": "workspace:*",
     "@bofit/typescript": "workspace:*",
     "@pivanov/vite-plugin-svg-sprite": "^3.0.0",
+    "@types/node": "catalog:typescript-core",
     "@typescript-eslint/eslint-plugin": "^5.59.0",
     "@typescript-eslint/parser": "^5.59.0",
     "@vanilla-extract/css": "catalog:vanilla-extract-core",
     "@vanilla-extract/recipes": "catalog:vanilla-extract-core",
     "@vanilla-extract/sprinkles": "catalog:vanilla-extract-utils",
     "@vanilla-extract/vite-plugin": "catalog:vanilla-extract-utils",
-    "vite": "catalog:vite-core",
     "@vitejs/plugin-react": "catalog:vite-plugins",
     "eslint": "^8.44.0",
     "globals": "^16.2.0",
     "openapi-typescript": "^7.8.0",
     "typescript": "catalog:typescript-core",
-    "@types/node": "catalog:typescript-core",
+    "vite": "catalog:vite-core",
     "vite-tsconfig-paths": "^5.1.4"
   }
 }

apps/client/src/pages/community/community-detail.tsx

@@ -4,6 +4,7 @@ import { Navigation } from '@bds/ui';
 import { Icon } from '@bds/ui/icons';
 
 import DetailSection from '@widgets/community/components/detail-section/detail-section';
+import { InputModeContextProvider } from '@widgets/community/context/input-mode-context';
 
 import { useNavigateTo } from '@shared/hooks/use-navigate-to';
 import { routePath } from '@shared/router/path';
@@ -16,17 +17,19 @@ const CommunityDetail = () => {
   }
 
   return (
-    <>
+    <InputModeContextProvider postId={postId}>
       <Navigation
         title="커뮤니티"
         leftIcon={<Icon name="caret_left_lg" width="2.4rem" height="2.4rem" />}
+        searchIcon={<Icon name="search" />}
         onClickLeft={useNavigateTo(-1)}
         rightIcon={<Icon name="home" />}
         onClickRight={useNavigateTo(routePath.HOME)}
+        onClickSearch={useNavigateTo(routePath.COMMUNITY_SEARCH)}
       />
 
       <DetailSection postId={postId} />
-    </>
+    </InputModeContextProvider>
   );
 };
 

apps/client/src/pages/community/community-edit/community-edit.css.ts

@@ -1,9 +1,10 @@
 import { style } from '@vanilla-extract/css';
 
 export const container = style({
+  overflowY: 'auto',
   display: 'flex',
+  height: '100dvh',
   flexDirection: 'column',
-  height: '100vh',
   gap: '3.6rem',
 });
 
@@ -26,3 +27,28 @@ export const postContent = style({
   flexDirection: 'column',
   gap: '1.2rem',
 });
+
+export const postTitle = style({
+  display: 'flex',
+  flexDirection: 'row',
+  justifyContent: 'space-between',
+});
+
+export const imageContainer = style({
+  display: 'flex',
+  flexDirection: 'column',
+  gap: '1.2rem',
+  padding: '1.2rem 0 5.5rem 0',
+});
+
+export const imageItem = style({
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'flex-end',
+});
+
+export const postImage = style({
+  width: '100%',
+  objectFit: 'cover',
+  borderRadius: '12px',
+});