{formContext.getValues("tips").map((tip: string, index: number) => (
-
= 1 ? "pr-14" : "pr-5"} h-[3.3125rem] w-full rounded-3xl border-[0.0625rem] pl-5 text-sm outline-none`}
- type="text"
- placeholder="나만의 혼플 팁을 알려주세요."
- onChange={(e) => {
- const tips: string[] = formContext.getValues("tips");
- tips[index] = e.target.value;
- console.log(tips);
- formContext.setValue("tips", tips);
- formContext.trigger("tips");
- }}
- onKeyDown={(e) => {
- if (e.key === ";") {
- e.preventDefault();
- e.persist();
- }
- }}
- />
+ {pathname === "등록" ? (
+
= 1 ? "pr-14" : "pr-5"} h-[3.3125rem] w-full rounded-3xl border-[0.0625rem] pl-5 text-sm outline-none`}
+ type="text"
+ placeholder="나만의 혼플 팁을 알려주세요."
+ onChange={(e) => {
+ const tips: string[] = formContext.getValues("tips");
+ tips[index] = e.target.value;
+ formContext.setValue("tips", tips);
+ formContext.trigger("tips");
+ }}
+ onKeyDown={(e) => {
+ if (e.key === ";") {
+ e.preventDefault();
+ e.persist();
+ }
+ }}
+ />
+ ) : (
+
= 1 ? "pr-14" : "pr-5"} h-[3.3125rem] w-full rounded-3xl border-[0.0625rem] pl-5 text-sm outline-none`}
+ type="text"
+ placeholder="나만의 혼플 팁을 알려주세요."
+ value={tip}
+ onChange={(e) => {
+ const tips: string[] = formContext.getValues("tips");
+ tips[index] = e.target.value;
+ formContext.setValue("tips", tips);
+ formContext.trigger("tips");
+ }}
+ onKeyDown={(e) => {
+ if (e.key === ";") {
+ e.preventDefault();
+ e.persist();
+ }
+ }}
+ />
+ )}
+
{index >= 1 && (
{
- const [loading, isLoading] = useState(true);
- const { setEditor } = useEditorStore();
-
- useEffect(() => {
- if (window.kakao) {
- window.kakao.maps.load(() => {
- isLoading(false);
-
- // id가 "addressMap"인 요소에 지도를 생성합니다.
- const container = document.getElementById("addressMap");
- const options = {
- // 지도 좌표값을 설정합니다.
- center: new window.kakao.maps.LatLng(37.566826, 126.9786567),
-
- // 줌 레벨을 10으로 설정합니다.
- level: 10,
- };
-
- // 지도를 생성합니다.
- const map = new window.kakao.maps.Map(container, options);
-
- // 주소-좌표 변환 객체를 생성합니다.
- const geocoder = new window.kakao.maps.services.Geocoder();
-
- // 클릭한 위치를 표시할 마커를 생성합니다.
- const marker = new window.kakao.maps.Marker();
-
- // 클릭한 위치에 대한 주소를 표시할 인포윈도우를 생성합니다.
- const infoWindow = new window.kakao.maps.InfoWindow({ zindex: 1 });
-
- // 현재 지도 중심 좌표로 주소를 검색해서 지도 좌측 상단에 표시합니다.
- searchAddrFromCoords(geocoder, map.getCenter(), displayCenterInfo);
-
- // 지도를 클릭했을 때 클릭 위치 좌표에 대한 주소정보를 표시하도록 이벤트를 등록합니다.
- window.kakao.maps.event.addListener(map, "click", (mouseEvent: any) => {
- searchDetailAddrFromCoords(
- geocoder,
- mouseEvent.latLng,
- (result: any, status: any) => {
- if (!!result[0] === false) {
- return;
- }
-
- const coords = map.getCenter();
- let detailAddr = !!result[0].road_address
- ? `도로명주소: ${result[0].road_address.address_name}
`
- : "";
-
- detailAddr += `지번 주소: ${result[0].address.address_name}
`;
- detailAddr += `위도: ${coords.getLat()}
`;
- detailAddr += `경도: ${coords.getLng()}
`;
-
- const content =
- '' +
- '법정동 주소정보' +
- detailAddr +
- "
";
-
- // 마커를 클릭한 위치에 표시합니다.
- marker.setPosition(mouseEvent.latLng);
- marker.setMap(map);
-
- // 인포윈도우에 클릭한 위치에 대한 법정동 상세 주소정보를 표시합니다.
- infoWindow.setContent(content);
- infoWindow.open(map, marker);
-
- setEditor({
- address: !!result[0].road_address
- ? result[0].road_address.address_name
- : "",
- placeId: "0",
- placeXAxis: coords.getLng(),
- placeYAxis: coords.getLat(),
- });
- },
- );
- });
-
- // 중심 좌표나 확대 수준이 변경됐을 때 지도 중심 좌표에 대한 주소 정보를 표시하도록 이벤트를 등록합니다.
- window.kakao.maps.event.addListener(map, "idle", () => {
- searchAddrFromCoords(geocoder, map.getCenter(), displayCenterInfo);
- });
- });
- }
- ``;
- }, [setEditor]);
-
- return (
-
- );
-};
-
-export default KakaoMapAddressContainer;
diff --git a/src/containers/informations/edit/InformationEditorContainer.tsx b/src/containers/informations/edit/InformationEditorContainer.tsx
index a20957bb..0a33bf22 100644
--- a/src/containers/informations/edit/InformationEditorContainer.tsx
+++ b/src/containers/informations/edit/InformationEditorContainer.tsx
@@ -11,8 +11,10 @@ import {
InformationRegisterResponseDto,
UpdateInformationRequestDto,
} from "@/types/InformationDto";
+import { zodResolver } from "@hookform/resolvers/zod";
import { useRouter } from "next/navigation";
import { useEffect, useRef, useState } from "react";
+import { FormProvider, useForm } from "react-hook-form";
import sanitizeHtml from "sanitize-html";
interface Props {
@@ -29,6 +31,34 @@ const InformationEditorContainer = ({ informationId, data }: Props) => {
const router = useRouter();
const [loading, setLoading] = useState(false);
const [originalThumbnailUrl, setOriginalThumbnailUrl] = useState("");
+ const [originalContentUrl, setOriginalContentUrl] = useState([]);
+
+ const methods = useForm({
+ resolver: zodResolver(InformationUpdateFormSchema),
+ defaultValues: {
+ userId: id,
+ informationTitle: "",
+ informationAddress: "",
+ province: "",
+ city: "",
+ placeId: "",
+ placeXAxis: "",
+ placeYAxis: "",
+ placeName: "",
+ categoryId: 0,
+ categoryName: "",
+ newThumbNailUrl: "",
+ newThumbNailFromContent: "",
+ moveThumbNailToContent: "",
+ newContentImagesUrl: Array(0),
+ deleteImagesUrl: Array(0),
+ informationContent: "",
+ contentLength: 0,
+ hashtags: Array(0),
+ tips: [""],
+ },
+ mode: "onChange",
+ });
// 장소 선택 모달창이 보이는지 여부
const [locationModal, setLocationModal] = useState(false);
@@ -37,7 +67,14 @@ const InformationEditorContainer = ({ informationId, data }: Props) => {
const [categoryModal, setCategoryModal] = useState(false);
const showLocationModal = () => {
- editorStore.resetPlaceInfo();
+ methods.setValue("province", "");
+ methods.setValue("city", "");
+ methods.setValue("informationAddress", "");
+ methods.setValue("placeId", "");
+ methods.setValue("placeXAxis", "");
+ methods.setValue("placeYAxis", "");
+ methods.setValue("placeName", "");
+ methods.watch();
setLocationModal(true);
};
@@ -46,7 +83,7 @@ const InformationEditorContainer = ({ informationId, data }: Props) => {
};
const showCategoryModal = () => {
- editorStore.setEditor({ categoryId: 0 });
+ methods.setValue("categoryId", 0);
setCategoryModal(true);
};
@@ -56,99 +93,127 @@ const InformationEditorContainer = ({ informationId, data }: Props) => {
const onChangeHashTagHandler = (e: React.KeyboardEvent) => {
if (e.key === "Enter") {
- const hashtag = inputTagRef.current?.value ?? "";
- if (hashtag === "") {
+ const hashtag = inputTagRef.current?.value.trim() ?? "";
+ if (hashtag.length < 2) {
return;
}
- editorStore.addHashtag(hashtag);
+ const hashtags = methods.getValues("hashtags");
+ if (!hashtags.includes(hashtag)) {
+ hashtags.push(hashtag);
+ }
+ methods.setValue("hashtags", hashtags);
+ methods.trigger("hashtags");
(inputTagRef.current as HTMLInputElement).value = "";
}
};
const onSubmit = async () => {
- // Validate from fields using Zod
- const validatedFields = InformationUpdateFormSchema.safeParse({
- userId: id,
- informationTitle: editorStore.title,
- informationAddress: editorStore.address,
- province: editorStore.province,
- city: editorStore.city,
- placeId: editorStore.placeId,
- placeXAxis: editorStore.placeXAxis,
- placeYAxis: editorStore.placeYAxis,
- placeName: editorStore.placeName,
- categoryId: editorStore.categoryId,
- deleteImages: editorStore.deletedImages,
- thumbnailImageUrl: editorStore.images[editorStore.mainImageIndex],
- contentImagesUrl: editorStore.images.filter(
- (url, index) => index !== editorStore.mainImageIndex && url !== "",
- ),
- informationContent: sanitizeHtml(editorStore.content, sanitizeOption),
- hashtags: editorStore.hashtags,
- tips: editorStore.tips,
- });
-
- // If validation fails, return errors early. Otherwise, continue;
- if (!validatedFields.success) {
- console.log(validatedFields.error.issues);
- alert(validatedFields.error.issues[0].message);
+ if (editorStore.images.filter((image) => image !== "").length === 0) {
+ alert("최소 한 장의 사진을 추가해 주세요.");
return;
}
- const deletedImages = validatedFields.data.deleteImages
- .filter((deletedImage) => !editorStore.images.includes(deletedImage))
- .map((deletedImage) => ({
- address: deletedImage,
- }));
+ const thumbnailUrl = editorStore.images[editorStore.mainImageIndex];
+ const contentUrl = editorStore.images.filter(
+ (url, index) => index !== editorStore.mainImageIndex && url !== "",
+ );
- if (originalThumbnailUrl !== validatedFields.data.thumbnailImageUrl) {
- deletedImages.push({ address: originalThumbnailUrl });
- }
+ // 썸네일 이미지가 변경되지 않은 경우
+ if (originalThumbnailUrl === thumbnailUrl) {
+ methods.setValue("newThumbNailUrl", "");
+ methods.setValue("newThumbNailFromContent", "");
+ methods.setValue("moveThumbNailToContent", "");
+ } else {
+ // 기존 본문 이미지가 썸네일 이미지로 변경되는 경우
+ if (originalContentUrl.includes(thumbnailUrl)) {
+ methods.setValue("newThumbNailUrl", "");
+ methods.setValue("newThumbNailFromContent", thumbnailUrl);
+ }
+ // 새로운 썸네일 이미지를 사용하는 경우
+ else {
+ methods.setValue("newThumbNailUrl", thumbnailUrl);
+ methods.setValue("newThumbNailFromContent", "");
+ }
- const data: UpdateInformationRequestDto = {
- title: validatedFields.data.informationTitle,
- address: validatedFields.data.informationAddress,
- content: validatedFields.data.informationContent,
- tips: validatedFields.data.tips.join(";"),
- placeModifyRequest: {
- searchId: validatedFields.data.placeId,
- name: validatedFields.data.placeName,
- xAxis: validatedFields.data.placeXAxis,
- yAxis: validatedFields.data.placeYAxis,
- address: validatedFields.data.informationAddress,
- },
- categoryId: validatedFields.data.categoryId,
- zoneCategoryNameParent: validatedFields.data.province,
- zoneCategoryNameChild: validatedFields.data.city,
- deleteImages: deletedImages,
- thumbNailUrl: validatedFields.data.thumbnailImageUrl,
- contentImagesUrl: validatedFields.data.contentImagesUrl,
- tagRegisterRequests: validatedFields.data.hashtags.map((tag) => ({
- name: tag,
- })),
- };
+ // 기존 썸네일 이미지가 본문으로 이동하는 경우
+ if (contentUrl.includes(originalThumbnailUrl)) {
+ methods.setValue("moveThumbNailToContent", originalThumbnailUrl);
+ }
+ // 기존 썸네일 이미지를 삭제하는 경우
+ else {
+ methods.setValue("moveThumbNailToContent", "");
+ }
+ }
- setLoading(true);
+ // 새로운 본문 이미지 등록
+ methods.setValue(
+ "newContentImagesUrl",
+ contentUrl.filter(
+ (url) =>
+ url !== originalThumbnailUrl && !originalContentUrl.includes(url),
+ ),
+ );
- const response = await fetch(`/api/informations/${informationId}`, {
- method: "PUT",
- headers: {
- "Content-Type": "application/json",
- },
- body: JSON.stringify(data),
- cache: "no-store",
- });
+ // 삭제할 이미지 등록
+ methods.setValue(
+ "deleteImagesUrl",
+ [originalThumbnailUrl, ...originalContentUrl].filter(
+ (url) => url !== thumbnailUrl && !contentUrl.includes(url),
+ ),
+ );
- if (!response.ok) {
- alert("정보 수정에 실패하였습니다.");
- setLoading(false);
- throw new Error(response.statusText);
+ if (!methods.formState.isValid) {
+ methods.trigger();
+ alert("모든 정보를 입력해 주세요.");
+ return;
}
- const result: InformationRegisterResponseDto = await response.json();
- router.push(`/informations/${result.id}`);
- router.refresh();
+ alert("정보 수정 API 연동 예정");
+
+ // const data: UpdateInformationRequestDto = {
+ // title: validatedFields.data.informationTitle,
+ // address: validatedFields.data.informationAddress,
+ // content: validatedFields.data.informationContent,
+ // tips: validatedFields.data.tips.join(";"),
+ // placeModifyRequest: {
+ // searchId: validatedFields.data.placeId,
+ // name: validatedFields.data.placeName,
+ // xAxis: validatedFields.data.placeXAxis,
+ // yAxis: validatedFields.data.placeYAxis,
+ // address: validatedFields.data.informationAddress,
+ // },
+ // categoryId: validatedFields.data.categoryId,
+ // zoneCategoryNameParent: validatedFields.data.province,
+ // zoneCategoryNameChild: validatedFields.data.city,
+ // deleteImages: deletedImages,
+ // thumbNailUrl: validatedFields.data.thumbnailImageUrl,
+ // contentImagesUrl: validatedFields.data.contentImagesUrl,
+ // tagRegisterRequests: validatedFields.data.hashtags.map((tag) => ({
+ // name: tag,
+ // })),
+ // };
+
+ // setLoading(true);
+
+ // const response = await fetch(`/api/informations/${informationId}`, {
+ // method: "PUT",
+ // headers: {
+ // "Content-Type": "application/json",
+ // },
+ // body: JSON.stringify(data),
+ // cache: "no-store",
+ // });
+
+ // if (!response.ok) {
+ // alert("정보 수정에 실패하였습니다.");
+ // setLoading(false);
+ // throw new Error(response.statusText);
+ // }
+
+ // const result: InformationRegisterResponseDto = await response.json();
+ // router.push(`/informations/${result.id}`);
+ // router.refresh();
};
// 로그인을 하지 않은 사용자의 경우 로그인 페이지로 리다이렉트.
@@ -162,32 +227,41 @@ const InformationEditorContainer = ({ informationId, data }: Props) => {
// 수정 페이지에 들어왔을 때 수정할 정보 글 데이터를 가져옴.
// 화면에서 벗어났을 때 form값을 모두 초기화함.
useEffect(() => {
+ methods.setValue("informationTitle", data.title);
+ methods.setValue("informationAddress", data.address);
+ methods.setValue(
+ "province",
+ data.zoneCategoryResponse.parentZoneCategory.name,
+ );
+ methods.setValue("city", data.zoneCategoryResponse.name);
+ methods.setValue("placeId", data.placeResponse.searchId.toString());
+ methods.setValue("placeXAxis", data.placeResponse.xaxis.toString());
+ methods.setValue("placeYAxis", data.placeResponse.yaxis.toString());
+ methods.setValue("placeName", data.placeResponse.name);
+ methods.setValue("informationContent", data.content);
+ methods.setValue(
+ "hashtags",
+ data.tagResponses.map((tag) => tag.name),
+ );
+ methods.setValue("tips", data.tip.split(";"));
+ methods.watch();
+
editorStore.setEditor({
- title: data.title,
- address: data.address,
- province: data.zoneCategoryResponse.parentZoneCategory.name,
- city: data.zoneCategoryResponse.name,
- placeId: data.placeResponse.searchId.toString(),
- placeName: data.placeResponse.name,
- placeXAxis: data.placeResponse.xaxis.toString(),
- placeYAxis: data.placeResponse.yaxis.toString(),
- categoryId: 0,
- categoryName: "",
- deletedImages: [...data.imageResponses.map((value) => value.address)],
images: [...data.imageResponses.map((value) => value.address), ""],
mainImageIndex: data.imageResponses.findIndex(
(value) => value.imageStatus === "썸네일",
),
- content: data.content,
- contentLength: 0,
- hashtags: data.tagResponses.map((value) => value.name),
- tips: data.tip.split(";"),
});
setOriginalThumbnailUrl(
data.imageResponses.find((value) => value.imageStatus === "썸네일")
?.address ?? "",
);
+ setOriginalContentUrl(
+ data.imageResponses
+ .filter((value) => value.imageStatus !== "썸네일")
+ .map((value) => value.address),
+ );
return () => {
initialize();
@@ -196,21 +270,23 @@ const InformationEditorContainer = ({ informationId, data }: Props) => {
}, [initialize]);
return (
-
+
+
+
);
};
diff --git a/src/containers/informations/list/InformationSearchContainer.tsx b/src/containers/informations/list/InformationSearchContainer.tsx
index 60ca8e84..5ab4a624 100644
--- a/src/containers/informations/list/InformationSearchContainer.tsx
+++ b/src/containers/informations/list/InformationSearchContainer.tsx
@@ -29,6 +29,16 @@ const InformationSearchContainer = () => {
};
const onSearchClick = () => {
+ if (searchMethod === "제목" && searchValue.length < 1) {
+ alert("최소 한 글자의 제목을 입력해 주세요.");
+ return;
+ }
+
+ if (searchMethod === "태그" && searchValue.length < 2) {
+ alert("2 ~ 15자의 태그를 입력해 주세요.");
+ return;
+ }
+
router.push(
`${pathname}?page=1&parentCategoryId=${parentCategoryId}${childCategoryId !== null ? `&childCategoryId=${childCategoryId}` : ""}${place !== "" ? `&place=${place}` : ""}&order=${order}${searchValue !== "" ? `${searchMethod === "제목" ? "&title" : "$tagName"}=${searchValue}` : ""}`,
);
diff --git a/src/containers/informations/write/InformationEditorContainer.tsx b/src/containers/informations/write/InformationEditorContainer.tsx
index 5f3b9d51..20a7c478 100644
--- a/src/containers/informations/write/InformationEditorContainer.tsx
+++ b/src/containers/informations/write/InformationEditorContainer.tsx
@@ -41,11 +41,10 @@ const InformationEditorContainer = () => {
categoryName: "",
thumbnailImageUrl: "",
contentImagesUrl: [""],
- mainImageIndex: 0,
informationContent: "",
contentLength: 0,
hashtags: Array(0),
- tips: [""],
+ tips: ["팁"],
},
mode: "onChange",
});
@@ -83,13 +82,13 @@ const InformationEditorContainer = () => {
const onChangeHashTagHandler = (e: React.KeyboardEvent) => {
if (e.key === "Enter") {
- const hashtag = inputTagRef.current?.value ?? "";
- if (hashtag === "") {
+ const hashtag = inputTagRef.current?.value.trim() ?? "";
+ if (hashtag.length < 2) {
return;
}
const hashtags = methods.getValues("hashtags");
- if (!hashtags.includes(hashtag) && hashtag.trim().length >= 2) {
+ if (!hashtags.includes(hashtag)) {
hashtags.push(hashtag);
}
methods.setValue("hashtags", hashtags);
diff --git a/src/containers/informations/write/PlaceModalContainer.tsx b/src/containers/informations/write/PlaceModalContainer.tsx
index 8a8c04f1..eef883ee 100644
--- a/src/containers/informations/write/PlaceModalContainer.tsx
+++ b/src/containers/informations/write/PlaceModalContainer.tsx
@@ -89,7 +89,7 @@ const PlaceModalContainer = ({ closeModal }: Props) => {
formContext.setValue("placeXAxis", placeInfo.x);
formContext.setValue("placeYAxis", placeInfo.y);
formContext.setValue("placeName", placeInfo.place_name);
- formContext.watch();
+ formContext.trigger("placeName");
closeModal();
};
diff --git a/src/lib/zod/schema/InformationUpdateFormSchema.ts b/src/lib/zod/schema/InformationUpdateFormSchema.ts
index fefd2484..99319422 100644
--- a/src/lib/zod/schema/InformationUpdateFormSchema.ts
+++ b/src/lib/zod/schema/InformationUpdateFormSchema.ts
@@ -65,22 +65,28 @@ export const InformationUpdateFormSchema = z.object({
})
.int()
.positive({ message: "카테고리를 선택해 주세요." }),
- deleteImages: z
+ newThumbNailUrl: z.string({
+ required_error: "newThumbNailUrl is required.",
+ invalid_type_error: "newThumbNailUrl must be a string.",
+ }),
+ newThumbNailFromContent: z.string({
+ required_error: "newThumbNailFromContent is required.",
+ invalid_type_error: "newThumbNailFromContent must be a string.",
+ }),
+ moveThumbNailToContent: z.string({
+ required_error: "moveThumbNailToContent is required.",
+ invalid_type_error: "moveThumbNailToContent must be a string.",
+ }),
+ newContentImagesUrl: z
.string({
- required_error: "DeleteImages is required.",
- invalid_type_error: "DeleteImages must be a string.",
+ required_error: "newContentImagesUrl is required.",
+ invalid_type_error: "newContentImagesUrl must be a string.",
})
.array(),
- thumbnailImageUrl: z
+ deleteImagesUrl: z
.string({
- required_error: "ThumbnailImageUrl is required.",
- invalid_type_error: "ThumbnailImageUrl must be a string.",
- })
- .min(1, { message: "최소 한 장의 사진을 추가해 주세요." }),
- contentImagesUrl: z
- .string({
- required_error: "ContentImagesUrl is required.",
- invalid_type_error: "ContentImagesUrl must be a string.",
+ required_error: "deleteImagesUrl is required.",
+ invalid_type_error: "deleteImagesUrl must be a string.",
})
.array(),
informationContent: z
@@ -88,7 +94,6 @@ export const InformationUpdateFormSchema = z.object({
required_error: "Content is required.",
invalid_type_error: "Content must be a string.",
})
- .min(1, { message: "내용을 입력해 주세요." })
.max(500, { message: "Must be 500 or fewer characters long" }),
hashtags: z
.string({
@@ -102,6 +107,7 @@ export const InformationUpdateFormSchema = z.object({
required_error: "Tip is required.",
invalid_type_error: "Tip must be a string.",
})
+ .min(1, { message: "최소 하나의 Tip을 입력해 주세요." })
.array()
.min(1, { message: "최소 하나의 Tip을 입력해 주세요." }),
});
diff --git a/src/middleware.ts b/src/middleware.ts
index cadbb17a..d2607367 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -48,31 +48,29 @@ export async function middleware(request: NextRequest) {
}
}
- if (pathname.startsWith("/auth")) {
- const token = request.cookies.get("access_token");
+ if (pathname.startsWith("/auth")) {
+ const token = request.cookies.get("access_token");
- if (token) {
- return NextResponse.redirect(new URL("/", request.url));
- }
+ if (token) {
+ return NextResponse.redirect(new URL("/", request.url));
+ }
}
- if (pathname.startsWith("/support")) {
- const validMenus = ["about", "notice", "faq", "qna", "contact", "terms"];
- const url = new URL(request.url);
- const menu = url.searchParams.get("menu");
- if (!menu && url.pathname == "/support") {
- return NextResponse.redirect(new URL("/404", request.url));
- }
- if (menu && !validMenus.includes(menu)) {
- return NextResponse.redirect(new URL("/404", request.url));
- }
+ if (pathname.startsWith("/support")) {
+ const validMenus = ["about", "notice", "faq", "qna", "contact", "terms"];
+ const url = new URL(request.url);
+ const menu = url.searchParams.get("menu");
+ if (!menu && url.pathname == "/support") {
+ return NextResponse.redirect(new URL("/404", request.url));
}
-
+ if (menu && !validMenus.includes(menu)) {
+ return NextResponse.redirect(new URL("/404", request.url));
+ }
+ }
+
return NextResponse.next();
}
-
-
export const config = {
matcher: [
"/informations/write",
diff --git a/src/store/editorStore.ts b/src/store/editorStore.ts
index 6fb13b88..a1975e98 100644
--- a/src/store/editorStore.ts
+++ b/src/store/editorStore.ts
@@ -3,23 +3,8 @@ import { devtools } from "zustand/middleware";
// 1. 상태 인터페이스 정의
interface EditorState {
- title: string;
- address: string; // 도로명주소
- province: string;
- city: string;
- placeId: string; // 장소 id
- placeName: string; // 장소명
- placeXAxis: string; // 경도 (longitude)
- placeYAxis: string; // 위도 (latitude)
- categoryId: number;
- categoryName: string;
images: string[];
- deletedImages: string[];
mainImageIndex: number;
- content: string;
- contentLength: number;
- hashtags: string[];
- tips: string[];
}
// 2. 액션 인터페이스 정의
@@ -27,31 +12,13 @@ interface EditorActions {
initialize: () => void;
setEditor: (data: Partial) => void;
changeImage: (index: number, image: string) => void;
- changeTip: (index: number, tip: string) => void;
addImage: () => void;
- addHashtag: (hashtag: string) => void;
- resetPlaceInfo: () => void;
}
// 3. 초기 상태 정의
const initialState: EditorState = {
- title: "",
- address: "",
- province: "",
- city: "",
- placeId: "",
- placeXAxis: "", // "126.9786567"
- placeYAxis: "", // "37.566826"
- placeName: "",
- categoryId: 0,
- categoryName: "",
images: [""],
- deletedImages: [],
mainImageIndex: 0,
- content: "",
- contentLength: 0,
- hashtags: [],
- tips: [""],
};
// 4. 상태 및 액션 생성
@@ -67,36 +34,10 @@ const editorStore: StateCreator = (set, get) => ({
images: images,
};
}),
- changeTip: (index: number, tip: string) =>
- set((state) => {
- const tips = [...state.tips];
- tips[index] = tip;
- return {
- tips: tips,
- };
- }),
addImage: () =>
set((state) => ({
images: [...state.images, ""],
})),
- addHashtag: (hashtag: string) =>
- set((state) => {
- if (!state.hashtags.includes(hashtag) && hashtag.trim() !== "") {
- return { hashtags: [...state.hashtags, hashtag.trim()] };
- } else {
- return { hashtags: state.hashtags };
- }
- }),
- resetPlaceInfo: () =>
- set({
- province: "",
- city: "",
- address: "",
- placeId: "",
- placeXAxis: "",
- placeYAxis: "",
- placeName: "",
- }),
});
const useEditorStore = create()(