-
- 알바/일자리 조회
-
-
- 아직 지도 화면은 준비 중이에요.
-
- 추후 이 페이지에서 주변 알바/일자리 정보를 확인할 수 있어요.
-
+
+
+
+
+
+ setSearchQuery(e.target.value)}
+ />
+
+
+
+
+
+
+
{
+ const current = y.get()
+ const shouldExpand =
+ info.velocity.y < -120 || current < maxTranslateY * 0.5
+ snapTo(shouldExpand ? 0 : maxTranslateY)
+ }}
+ className="absolute inset-x-0 bottom-[30px] z-[40] mx-auto flex h-[calc(100dvh-78px)] max-h-[calc(100dvh-78px)] w-full max-w-[428px] flex-col overflow-hidden rounded-t-[32px] border border-line-2 border-b-0 bg-white"
+ >
+
+
+
+
+
+ {postings.map(posting => {
+ const base = postingToAlbaboxProps(posting)
+ const saved = bookmarkById[posting.id] ?? posting.scrapped
+ return (
+
+ setBookmarkById(prev => ({
+ ...prev,
+ [posting.id]: !saved,
+ }))
+ }
+ onClick={() =>
+ navigate(
+ generatePath(ROUTES.USER.JOB_LOOKUP_MAP_DETAIL, {
+ postingId: String(posting.id),
+ })
+ )
+ }
+ />
+ )
+ })}
+ {hasNextPage && (
+
+ {isFetchingNextPage ? '더 불러오는 중…' : ''}
+
+ )}
+
+
)
}
diff --git a/src/shared/constants/routes.ts b/src/shared/constants/routes.ts
index 54fc130..e43d9a1 100644
--- a/src/shared/constants/routes.ts
+++ b/src/shared/constants/routes.ts
@@ -13,6 +13,8 @@ export const ROUTES = {
HOME: '/user/home',
SCHEDULE: '/user/schedule',
JOB_LOOKUP_MAP: '/user/job-lookup-map',
+ JOB_LOOKUP_MAP_DETAIL: '/user/job-lookup-map-detail/:postingId',
+ JOB_LOOKUP_MAP_APPLY: '/user/job-lookup-map-apply/:postingId',
WORKSPACE: '/user/workspace',
WORKSPACE_JOIN: '/user/workspace/join',
APPLIED_STORES: '/user/applied-stores',
diff --git a/src/shared/lib/socialLogin.ts b/src/shared/lib/socialLogin.ts
index 2594f84..7115fbe 100644
--- a/src/shared/lib/socialLogin.ts
+++ b/src/shared/lib/socialLogin.ts
@@ -102,6 +102,12 @@ export function getKakaoOAuthRedirectUriFromCallbackLocation(): string {
return ''
}
+export type KakaoAuthorizationCodeResult = {
+ authorizationCode: string
+ /** authorize URL과 동일한 문자열(가능하면 콜백 창 location 기준) */
+ redirectUri: string
+}
+
/** KakaoCallbackPage ↔ 오프너(팝업 플로우) postMessage 타입 */
export const KAKAO_OAUTH_MESSAGE_TYPE = 'alter-kakao-oauth'
@@ -183,8 +189,13 @@ function kakaoOAuthStateMatchesRequest(
/**
* 카카오 인가 코드만 받습니다 (클라이언트에서 `/oauth/token` 교환 없음 → code 1회 사용, A010 방지).
* 로그인(`KakaoLoginButton`)·회원가입(소셜 가입 직전) 공통: 팝업 → `/oauth/kakao/callback` → postMessage로 code 반환.
+ *
+ * @param redirectUriOverride — 생략 시 `getKakaoOAuthRedirectUri()`.
+ * @returns 콜백 `postMessage`에 실린 `redirectUri`가 있으면 그 값을 우선(카카오가 실제로 연 URL과 일치).
*/
-export function requestFreshKakaoAuthorizationCode(): Promise
{
+export function requestFreshKakaoAuthorizationCode(
+ redirectUriOverride?: string
+): Promise {
return new Promise((resolve, reject) => {
const clientId = import.meta.env.VITE_KAKAO_REST_API_KEY
if (!clientId) {
@@ -192,7 +203,10 @@ export function requestFreshKakaoAuthorizationCode(): Promise {
return
}
- const redirectUri = getKakaoOAuthRedirectUri()
+ const trimmedOverride = redirectUriOverride?.trim()
+ const redirectUri = trimmedOverride
+ ? trimmedOverride
+ : getKakaoOAuthRedirectUri()
const oauthState = encodeKakaoOauthState({
nonce: createNonce(),
openerOrigin: window.location.origin,
@@ -225,6 +239,7 @@ export function requestFreshKakaoAuthorizationCode(): Promise {
type?: string
authorizationCode?: string
state?: string
+ redirectUri?: string
}
if (
d?.type !== KAKAO_OAUTH_MESSAGE_TYPE ||
@@ -240,7 +255,14 @@ export function requestFreshKakaoAuthorizationCode(): Promise {
} catch {
/* noop */
}
- resolve(d.authorizationCode)
+ const fromPopup =
+ typeof d.redirectUri === 'string' && d.redirectUri.trim().length > 0
+ ? normalizeAlterAppKakaoRedirectToHttps(d.redirectUri.trim())
+ : redirectUri
+ resolve({
+ authorizationCode: d.authorizationCode,
+ redirectUri: fromPopup,
+ })
}
const timer = setTimeout(() => {
diff --git a/src/shared/ui/common/SearchBar.tsx b/src/shared/ui/common/SearchBar.tsx
new file mode 100644
index 0000000..8e37267
--- /dev/null
+++ b/src/shared/ui/common/SearchBar.tsx
@@ -0,0 +1,43 @@
+import type { InputHTMLAttributes } from 'react'
+import searchIcon from '@/assets/icons/search.svg'
+
+export type SearchBarProps = Omit<
+ InputHTMLAttributes,
+ 'type' | 'className'
+> & {
+ className?: string
+ wrapperClassName?: string
+}
+
+export function SearchBar({
+ className = '',
+ wrapperClassName = '',
+ placeholder = '',
+ 'aria-label': ariaLabel,
+ 'aria-labelledby': ariaLabelledby,
+ ...props
+}: SearchBarProps) {
+ const inputAriaLabel =
+ ariaLabel ?? (ariaLabelledby ? undefined : placeholder || '검색')
+
+ return (
+
+
+
+
-
-
-
-
-
-
- {FILTER_ITEMS.map(({ id, label }) => {
- const active = activeFilter === id
- return (
-
- )
- })}
-
-
- {title}
-
-
-
- 시급 {wageAmount}원
-
-
-
- {timeRange}
- {workDays}
- {distance}
-
-
-
- {postedAgo}
- {likeCount != null && likeCount !== '' && (
- 좋아요 {likeCount}
- )}
-
-
- )
-}