release : v1.3.0

src/App.tsx

@@ -15,6 +15,7 @@ import Room from './pages/Room'
 import { GuildPromotion } from './pages/GuildPromotion'
 import Notice from './pages/Notice'
 import { SearchCharacter } from './pages/SearchCharacter'
+import { SearchGuild } from './pages/SearchGuild'
 
 const router = createBrowserRouter([
   {
@@ -126,6 +127,14 @@ const router = createBrowserRouter([
         <SearchCharacter />
       </Layout>
     )
+  },
+  {
+    path: '/searchGuild',
+    element: (
+      <Layout>
+        <SearchGuild />
+      </Layout>
+    )
   }
 ])
 

src/apis/guild/guildController.ts

@@ -1,5 +1,10 @@
-import { basicApi, nexonApi } from '..'
-import { Guild, SearchGuild } from '../../types/guild'
+import { basicApi, nexonApi, publicApi } from '..'
+import {
+  Guild,
+  SearchGuild,
+  SearchGuildMemberResponse,
+  SearchGuildResponse
+} from '../../types/guild'
 
 //길드 목록 조회
 export const fetchGuildList = async () => {
@@ -48,3 +53,30 @@ export const searchGuild = async (params: Guild) => {
   )
   return guildInfo
 }
+
+//로그인 없이 길드 조회
+export const searchGuildWithoutLogin = async (
+  guildNames: string[],
+  worldName: string
+) => {
+  const response = await publicApi.post<SearchGuildResponse[]>(
+    '/api/v1/public/guilds/async/test',
+    {
+      guildNames,
+      worldName
+    }
+  )
+  return response.data
+}
+
+//로그인 없이 길드 본/부캐 조회
+
+export const searchGuildMemberWithoutLogin = async (members: string[]) => {
+  const response = await publicApi.post<SearchGuildMemberResponse[]>(
+    '/api/v1/public/guilds/member/async',
+    {
+      members
+    }
+  )
+  return response.data
+}

src/apis/index.ts

@@ -14,6 +14,14 @@ export const basicApi = axios.create({
   }
 })
 
+export const publicApi = axios.create({
+  baseURL: API_KEY,
+  timeout: DEFAULT_TIMEOUT,
+  headers: {
+    'Content-Type': 'application/json;charset=utf-8'
+  }
+})
+
 basicApi.interceptors.request.use(config => {
   const token = useAuthStore.getState().token
   if (token) {

src/components/character/CharacterPage.tsx

@@ -7,26 +7,38 @@ import { StatContainer } from './StatContainer'
 import { useCharacterData } from '../../hooks/character/useCharacterData'
 import { useInventory } from '../../hooks/character/useInventory'
 import { useNavigate } from 'react-router-dom'
+import { useUserStore } from '../../store/userStore'
+import { searchCharacterOcid } from '../../apis/character/characterController'
 
-interface CharacterPageProps {
-  type: 'character' | 'search'
-  characterName?: string
-  setCharacterName?: (characterName: string) => void
-  searchCharacterHandler?: () => Promise<void>
-}
-export const CharacterPage = ({
-  type,
-  characterName,
-  setCharacterName,
-  searchCharacterHandler
-}: CharacterPageProps) => {
+export const CharacterPage = () => {
   const { characterStats, ability, hyperStat, basic, isLoading, error } =
     useCharacterData()
+  const [characterName, setCharacterName] = useState('')
 
   const { inventory } = useInventory()
 
   const [showStats, setShowStats] = useState(true)
   const nav = useNavigate()
+  const { setCharacterOcid } = useUserStore()
+  const [searchLoading, setSearchLoading] = useState(false)
+
+  const searchCharacterHandler = async () => {
+    if (characterName.trim() === '') {
+      alert('캐릭터 이름을 입력해주세요.')
+      return
+    }
+
+    setSearchLoading(true)
+    const { ocid } = await searchCharacterOcid(characterName.trim())
+
+    if (!ocid) {
+      alert('캐릭터를 찾을 수 없습니다.')
+      return
+    }
+
+    setCharacterOcid(ocid)
+    setSearchLoading(false)
+  }
 
   if (isLoading) {
     return (
@@ -73,24 +85,26 @@ export const CharacterPage = ({
             장비 정보
           </button>
         </div>
-        {type === 'search' ? (
-          <div className="flex items-center gap-2 w-64">
-            <input
-              type="text"
-              placeholder="캐릭터 이름을 입력해주세요"
-              className="flex-1 px-3 py-1.5 text-sm border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white"
-              value={characterName}
-              onChange={e => setCharacterName?.(e.target.value)}
-            />
-            <button
-              onClick={searchCharacterHandler}
-              className="px-4 py-1.5 bg-gradient-to-r from-blue-500 to-blue-600 text-white text-sm font-medium rounded-lg hover:from-blue-600 hover:to-blue-700 transition-all shadow-sm flex-shrink-0">
-              검색
-            </button>
-          </div>
-        ) : (
-          <div className="w-64">{/* 오른쪽 여백을 위한 빈 div */}</div>
-        )}
+
+        <div className="flex items-center gap-2 w-64">
+          <input
+            type="text"
+            placeholder="캐릭터 이름을 입력해주세요"
+            className="flex-1 px-3 py-1.5 text-sm border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white"
+            value={characterName}
+            onChange={e => setCharacterName?.(e.target.value)}
+          />
+          <button
+            onClick={searchCharacterHandler}
+            disabled={searchLoading}
+            className={`px-4 py-1.5 bg-gradient-to-r from-blue-500 to-blue-600 text-white text-sm font-medium rounded-lg hover:from-blue-600 hover:to-blue-700 transition-all shadow-sm flex-shrink-0 ${
+              searchLoading
+                ? 'bg-blue-300 cursor-not-allowed'
+                : 'bg-blue-500 hover:bg-blue-600'
+            }`}>
+            {searchLoading ? '검색 중...' : '검색'}
+          </button>
+        </div>
       </div>
 
       {/* 콘텐츠 영역 */}

src/components/common/Header.tsx

@@ -23,7 +23,9 @@ function Header() {
     <header className="w-full max-w-[1440px] mx-auto px-6 py-4 border-b border-blue-100 backdrop-blur-sm bg-white/80 flex justify-between items-center sticky top-0 z-50 shadow-sm">
       <div className="flex items-center">
         <Link
-          to={userType === 'search' ? '/' : '/character'}
+          to={
+            userType === 'search' || userType === undefined ? '/' : '/character'
+          }
           className="flex items-center gap-2 hover:opacity-80 transition-all">
           <img
             src={Logo}
@@ -37,7 +39,7 @@ function Header() {
 
         {/* Desktop Navigation */}
         <nav className="hidden md:flex items-center gap-5 ml-10">
-          {userType === 'search' ? (
+          {userType === 'search' || userType === undefined ? (
             <>
               <Button
                 scheme="subtle"
@@ -46,13 +48,13 @@ function Header() {
                 className="hover:text-blue-600 font-medium transition-all">
                 캐릭터검색
               </Button>
-              {/* <Button
+              <Button
                 scheme="subtle"
                 size="small"
-                onClick={() => nav('/rooms')}
+                onClick={() => nav('/searchGuild')}
                 className="hover:text-blue-600 font-medium transition-all">
                 길드검색
-              </Button> */}
+              </Button>
             </>
           ) : (
             <>
@@ -131,7 +133,7 @@ function Header() {
       {/* Mobile menu */}
       {mobileMenuOpen && (
         <div className="absolute top-full left-0 right-0 bg-white shadow-lg border-b border-blue-100 py-4 px-6 md:hidden flex flex-col gap-3">
-          {userType === 'search' ? (
+          {userType === 'search' || userType === undefined ? (
             <>
               <Button
                 scheme="subtle"
@@ -140,13 +142,13 @@ function Header() {
                 className="hover:text-blue-600 font-medium transition-all">
                 캐릭터검색
               </Button>
-              {/* <Button
+              <Button
                 scheme="subtle"
                 size="small"
-                onClick={() => nav('/rooms')}
+                onClick={() => nav('/searchGuild')}
                 className="hover:text-blue-600 font-medium transition-all">
                 길드검색
-              </Button> */}
+              </Button>
             </>
           ) : (
             <>