diff --git a/src/assets/img/home/home (1).jpeg b/src/assets/img/home/home (1).jpeg new file mode 100644 index 0000000..e94254c Binary files /dev/null and b/src/assets/img/home/home (1).jpeg differ diff --git a/src/assets/img/home/home (10).jpeg b/src/assets/img/home/home (10).jpeg new file mode 100644 index 0000000..77dc4fb Binary files /dev/null and b/src/assets/img/home/home (10).jpeg differ diff --git a/src/assets/img/home/home (11).jpeg b/src/assets/img/home/home (11).jpeg new file mode 100644 index 0000000..dbad21e Binary files /dev/null and b/src/assets/img/home/home (11).jpeg differ diff --git a/src/assets/img/home/home (12).jpeg b/src/assets/img/home/home (12).jpeg new file mode 100644 index 0000000..05ec86f Binary files /dev/null and b/src/assets/img/home/home (12).jpeg differ diff --git a/src/assets/img/home/home (13).jpeg b/src/assets/img/home/home (13).jpeg new file mode 100644 index 0000000..65f1093 Binary files /dev/null and b/src/assets/img/home/home (13).jpeg differ diff --git a/src/assets/img/home/home (14).jpeg b/src/assets/img/home/home (14).jpeg new file mode 100644 index 0000000..a3eceea Binary files /dev/null and b/src/assets/img/home/home (14).jpeg differ diff --git a/src/assets/img/home/home (15).jpeg b/src/assets/img/home/home (15).jpeg new file mode 100644 index 0000000..03fb7f0 Binary files /dev/null and b/src/assets/img/home/home (15).jpeg differ diff --git a/src/assets/img/home/home (16).jpeg b/src/assets/img/home/home (16).jpeg new file mode 100644 index 0000000..d11cab6 Binary files /dev/null and b/src/assets/img/home/home (16).jpeg differ diff --git a/src/assets/img/home/home (17).jpeg b/src/assets/img/home/home (17).jpeg new file mode 100644 index 0000000..71f2bfa Binary files /dev/null and b/src/assets/img/home/home (17).jpeg differ diff --git a/src/assets/img/home/home (18).jpeg b/src/assets/img/home/home (18).jpeg new file mode 100644 index 0000000..ab831c0 Binary files /dev/null and b/src/assets/img/home/home (18).jpeg differ diff --git a/src/assets/img/home/home (19).jpeg b/src/assets/img/home/home (19).jpeg new file mode 100644 index 0000000..5383dec Binary files /dev/null and b/src/assets/img/home/home (19).jpeg differ diff --git a/src/assets/img/home/home (2).jpeg b/src/assets/img/home/home (2).jpeg new file mode 100644 index 0000000..5af0a47 Binary files /dev/null and b/src/assets/img/home/home (2).jpeg differ diff --git a/src/assets/img/home/home (20).jpeg b/src/assets/img/home/home (20).jpeg new file mode 100644 index 0000000..87fd822 Binary files /dev/null and b/src/assets/img/home/home (20).jpeg differ diff --git a/src/assets/img/home/home (21).jpeg b/src/assets/img/home/home (21).jpeg new file mode 100644 index 0000000..f27eadc Binary files /dev/null and b/src/assets/img/home/home (21).jpeg differ diff --git a/src/assets/img/home/home (3).jpeg b/src/assets/img/home/home (3).jpeg new file mode 100644 index 0000000..a8f32a1 Binary files /dev/null and b/src/assets/img/home/home (3).jpeg differ diff --git a/src/assets/img/home/home (4).jpeg b/src/assets/img/home/home (4).jpeg new file mode 100644 index 0000000..9928c5b Binary files /dev/null and b/src/assets/img/home/home (4).jpeg differ diff --git a/src/assets/img/home/home (5).jpeg b/src/assets/img/home/home (5).jpeg new file mode 100644 index 0000000..8e72586 Binary files /dev/null and b/src/assets/img/home/home (5).jpeg differ diff --git a/src/assets/img/home/home (6).jpeg b/src/assets/img/home/home (6).jpeg new file mode 100644 index 0000000..00fbbda Binary files /dev/null and b/src/assets/img/home/home (6).jpeg differ diff --git a/src/assets/img/home/home (7).jpeg b/src/assets/img/home/home (7).jpeg new file mode 100644 index 0000000..6edbeb3 Binary files /dev/null and b/src/assets/img/home/home (7).jpeg differ diff --git a/src/assets/img/home/home (8).jpeg b/src/assets/img/home/home (8).jpeg new file mode 100644 index 0000000..70b5347 Binary files /dev/null and b/src/assets/img/home/home (8).jpeg differ diff --git a/src/assets/img/home/home (9).jpeg b/src/assets/img/home/home (9).jpeg new file mode 100644 index 0000000..c110208 Binary files /dev/null and b/src/assets/img/home/home (9).jpeg differ diff --git a/src/assets/img/interior/interior (1).jpeg b/src/assets/img/interior/interior (1).jpeg new file mode 100644 index 0000000..13c76d4 Binary files /dev/null and b/src/assets/img/interior/interior (1).jpeg differ diff --git a/src/assets/img/interior/interior (10).jpeg b/src/assets/img/interior/interior (10).jpeg new file mode 100644 index 0000000..fcfc70a Binary files /dev/null and b/src/assets/img/interior/interior (10).jpeg differ diff --git a/src/assets/img/interior/interior (11).jpeg b/src/assets/img/interior/interior (11).jpeg new file mode 100644 index 0000000..8730465 Binary files /dev/null and b/src/assets/img/interior/interior (11).jpeg differ diff --git a/src/assets/img/interior/interior (12).jpeg b/src/assets/img/interior/interior (12).jpeg new file mode 100644 index 0000000..0e43db3 Binary files /dev/null and b/src/assets/img/interior/interior (12).jpeg differ diff --git a/src/assets/img/interior/interior (13).jpeg b/src/assets/img/interior/interior (13).jpeg new file mode 100644 index 0000000..5b2cda9 Binary files /dev/null and b/src/assets/img/interior/interior (13).jpeg differ diff --git a/src/assets/img/interior/interior (14).jpeg b/src/assets/img/interior/interior (14).jpeg new file mode 100644 index 0000000..26b2991 Binary files /dev/null and b/src/assets/img/interior/interior (14).jpeg differ diff --git a/src/assets/img/interior/interior (15).jpeg b/src/assets/img/interior/interior (15).jpeg new file mode 100644 index 0000000..4a51a4f Binary files /dev/null and b/src/assets/img/interior/interior (15).jpeg differ diff --git a/src/assets/img/interior/interior (16).jpeg b/src/assets/img/interior/interior (16).jpeg new file mode 100644 index 0000000..3e75e79 Binary files /dev/null and b/src/assets/img/interior/interior (16).jpeg differ diff --git a/src/assets/img/interior/interior (17).jpeg b/src/assets/img/interior/interior (17).jpeg new file mode 100644 index 0000000..9beb083 Binary files /dev/null and b/src/assets/img/interior/interior (17).jpeg differ diff --git a/src/assets/img/interior/interior (18).jpeg b/src/assets/img/interior/interior (18).jpeg new file mode 100644 index 0000000..c0ffd2f Binary files /dev/null and b/src/assets/img/interior/interior (18).jpeg differ diff --git a/src/assets/img/interior/interior (19).jpeg b/src/assets/img/interior/interior (19).jpeg new file mode 100644 index 0000000..d6f3d54 Binary files /dev/null and b/src/assets/img/interior/interior (19).jpeg differ diff --git a/src/assets/img/interior/interior (2).jpeg b/src/assets/img/interior/interior (2).jpeg new file mode 100644 index 0000000..946d5fe Binary files /dev/null and b/src/assets/img/interior/interior (2).jpeg differ diff --git a/src/assets/img/interior/interior (20).jpeg b/src/assets/img/interior/interior (20).jpeg new file mode 100644 index 0000000..3687b03 Binary files /dev/null and b/src/assets/img/interior/interior (20).jpeg differ diff --git a/src/assets/img/interior/interior (21).jpeg b/src/assets/img/interior/interior (21).jpeg new file mode 100644 index 0000000..b0c5149 Binary files /dev/null and b/src/assets/img/interior/interior (21).jpeg differ diff --git a/src/assets/img/interior/interior (22).jpeg b/src/assets/img/interior/interior (22).jpeg new file mode 100644 index 0000000..f447ca7 Binary files /dev/null and b/src/assets/img/interior/interior (22).jpeg differ diff --git a/src/assets/img/interior/interior (23).jpeg b/src/assets/img/interior/interior (23).jpeg new file mode 100644 index 0000000..379ea9c Binary files /dev/null and b/src/assets/img/interior/interior (23).jpeg differ diff --git a/src/assets/img/interior/interior (24).jpeg b/src/assets/img/interior/interior (24).jpeg new file mode 100644 index 0000000..46e51f2 Binary files /dev/null and b/src/assets/img/interior/interior (24).jpeg differ diff --git a/src/assets/img/interior/interior (25).jpeg b/src/assets/img/interior/interior (25).jpeg new file mode 100644 index 0000000..7308fb2 Binary files /dev/null and b/src/assets/img/interior/interior (25).jpeg differ diff --git a/src/assets/img/interior/interior (26).jpeg b/src/assets/img/interior/interior (26).jpeg new file mode 100644 index 0000000..113e827 Binary files /dev/null and b/src/assets/img/interior/interior (26).jpeg differ diff --git a/src/assets/img/interior/interior (27).jpeg b/src/assets/img/interior/interior (27).jpeg new file mode 100644 index 0000000..0d970d5 Binary files /dev/null and b/src/assets/img/interior/interior (27).jpeg differ diff --git a/src/assets/img/interior/interior (28).jpeg b/src/assets/img/interior/interior (28).jpeg new file mode 100644 index 0000000..fcb4ef5 Binary files /dev/null and b/src/assets/img/interior/interior (28).jpeg differ diff --git a/src/assets/img/interior/interior (29).jpeg b/src/assets/img/interior/interior (29).jpeg new file mode 100644 index 0000000..b68028b Binary files /dev/null and b/src/assets/img/interior/interior (29).jpeg differ diff --git a/src/assets/img/interior/interior (3).jpeg b/src/assets/img/interior/interior (3).jpeg new file mode 100644 index 0000000..071e0c1 Binary files /dev/null and b/src/assets/img/interior/interior (3).jpeg differ diff --git a/src/assets/img/interior/interior (30).jpeg b/src/assets/img/interior/interior (30).jpeg new file mode 100644 index 0000000..4749c07 Binary files /dev/null and b/src/assets/img/interior/interior (30).jpeg differ diff --git a/src/assets/img/interior/interior (31).jpeg b/src/assets/img/interior/interior (31).jpeg new file mode 100644 index 0000000..50d3040 Binary files /dev/null and b/src/assets/img/interior/interior (31).jpeg differ diff --git a/src/assets/img/interior/interior (32).jpeg b/src/assets/img/interior/interior (32).jpeg new file mode 100644 index 0000000..daaf967 Binary files /dev/null and b/src/assets/img/interior/interior (32).jpeg differ diff --git a/src/assets/img/interior/interior (33).jpeg b/src/assets/img/interior/interior (33).jpeg new file mode 100644 index 0000000..301093a Binary files /dev/null and b/src/assets/img/interior/interior (33).jpeg differ diff --git a/src/assets/img/interior/interior (34).jpeg b/src/assets/img/interior/interior (34).jpeg new file mode 100644 index 0000000..f1dc10d Binary files /dev/null and b/src/assets/img/interior/interior (34).jpeg differ diff --git a/src/assets/img/interior/interior (35).jpeg b/src/assets/img/interior/interior (35).jpeg new file mode 100644 index 0000000..5a3442e Binary files /dev/null and b/src/assets/img/interior/interior (35).jpeg differ diff --git a/src/assets/img/interior/interior (4).jpeg b/src/assets/img/interior/interior (4).jpeg new file mode 100644 index 0000000..fce77cd Binary files /dev/null and b/src/assets/img/interior/interior (4).jpeg differ diff --git a/src/assets/img/interior/interior (5).jpeg b/src/assets/img/interior/interior (5).jpeg new file mode 100644 index 0000000..d84e9a7 Binary files /dev/null and b/src/assets/img/interior/interior (5).jpeg differ diff --git a/src/assets/img/interior/interior (6).jpeg b/src/assets/img/interior/interior (6).jpeg new file mode 100644 index 0000000..4ec78c3 Binary files /dev/null and b/src/assets/img/interior/interior (6).jpeg differ diff --git a/src/assets/img/interior/interior (7).jpeg b/src/assets/img/interior/interior (7).jpeg new file mode 100644 index 0000000..0ece704 Binary files /dev/null and b/src/assets/img/interior/interior (7).jpeg differ diff --git a/src/assets/img/interior/interior (8).jpeg b/src/assets/img/interior/interior (8).jpeg new file mode 100644 index 0000000..627c6cc Binary files /dev/null and b/src/assets/img/interior/interior (8).jpeg differ diff --git a/src/assets/img/interior/interior (9).jpeg b/src/assets/img/interior/interior (9).jpeg new file mode 100644 index 0000000..6cdf87b Binary files /dev/null and b/src/assets/img/interior/interior (9).jpeg differ diff --git a/src/router/index.js b/src/router/index.js index 5b44e07..1c1020e 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -26,7 +26,7 @@ const routes = [ component: LoginView, }, { - path: 'map/:param', // :param은 동적 라우트 파라미터 + path: 'map/', // :param은 동적 라우트 파라미터 name: 'map', component: MapView, }, @@ -70,4 +70,4 @@ const router = createRouter({ routes, }); -export default router; +export default router; \ No newline at end of file diff --git a/src/stores/mapCard.js b/src/stores/mapCard.js index 55198f0..8ab9860 100644 --- a/src/stores/mapCard.js +++ b/src/stores/mapCard.js @@ -3,28 +3,67 @@ import axios from 'axios'; import apiClient from '@/api'; // 위에서 만든 axios 인스턴스를 import export const useHouseInfoStore = defineStore('houseInfo', { + state: () => ({ houseInfos: { data: [] }, // 상태 정의 (초기값) }), actions: { - async fetchHouseInfo(type) { + async fetchHouseInfo(params) { try { - // URL을 BASE_URL과 합쳐서 사용 - console.log("맵카드") - console.log(apiClient) - const response = await apiClient.get(`/api/houseinfos/${type}`); - // response.data.data를 houseInfos에 할당 (주요 수정 부분) - this.houseInfos= response.data.data; - - // response.data를 콘솔에 출력하여 디버깅 + console.log("fetchHousdeInfo 동작시도") + const queryParams = new URLSearchParams(params).toString(); // 쿼리 문자열 생성 + const endpoint = `/api/house-info/range?${queryParams}`; + // API 요청 + console.log(endpoint) + const response = await apiClient.get(endpoint); + this.houseInfos = response.data.data; + console.log("응답 데이터:", response.data.data); + //console.log(response.data.data); + } catch (error) { + console.error("데이터를 가져오는데 실패했습니다.", error); + } + } + , - console.log(response.data.data); + // 필터링된 데이터를 가져오는 메서드 + async fetchFilteredHouseInfo({ + buildingUse, + fromPrice, + toPrice, + fromArea, + toArea, + fromConstructYear, + toConstructYear, + // fromFloor, + // toFloor, + }) { + try { + // URL 쿼리 파라미터를 생성 + const queryParams = new URLSearchParams({ + buildingUse:buildingUse, + fromPrice: fromPrice?.toString() || '0', // 기본값 0 + toPrice: toPrice?.toString() || '10000000', // 기본 최대값 + fromArea: fromArea?.toString() || '0', // 기본값 0 + toArea: toArea?.toString() || '100', // 기본 최대값 + fromConstructYear: fromConstructYear?.toString() || '1990', // 기본 최대값 + toConstructYear: toConstructYear?.toString() || '2024', // 기본 최대값 + // fromFloor: fromFloor?.toString() || '0', // 기본 최대값 + // toFloor: toFloor?.toString() || '40', // 기본 최대값 + }).toString(); + console.log("필터링된 데이터 호출 URL:", `/api/houseinfos/range?${queryParams}`); - + // API 요청 + const response = await apiClient.get(`/api/houseinfos/range?${queryParams}`); + this.houseInfos = response.data.data; // 데이터를 상태에 저장 + console.log("필터링된 데이터:", response.data.data); } catch (error) { - console.log('데이터를 가져오는데 실패했습니다.', error); + console.error('필터링된 데이터를 가져오는데 실패했습니다.', error); } }, + + + + }, -}); +}); \ No newline at end of file diff --git a/src/views/CardView.vue b/src/views/CardView.vue index f161b74..358965d 100644 --- a/src/views/CardView.vue +++ b/src/views/CardView.vue @@ -1,53 +1,72 @@ + + + + - - - diff --git a/src/views/HeaderView.vue b/src/views/HeaderView.vue index 7128008..615481d 100644 --- a/src/views/HeaderView.vue +++ b/src/views/HeaderView.vue @@ -5,7 +5,7 @@ logo