- 공지훈
- 남한솔
- 인예림
jihun0224 / happyhouse Goto Github PK
View Code? Open in Web Editor NEW아파트 실거래가 비교 웹
아파트 실거래가 비교 웹
- 공지훈
- 남한솔
- 인예림
다른 페이지에서 NavBar적용 시 배경색이 해당 페이지의 배경색을 따라가기 때문에 배경이 희색일 경우 보이지 않음
css scoped로 해당 페이지에서는 다른 배경색으로 적용시키 주려 했지만 실패해서 일단 HeaderNav.vue를 App.vue에서 빼고 각 페이지에서 import하는 식으로 변경했습니다.
다른 방법 아시면 공유해주세요!
5.18일 작성
Home에서 동 검색 시 select된 동을 state에 저장하고, searchView로 이동 -> serachView에서는 직전에 저장한 state값이 설정 되어있도록
검색 완료 후 해당 동으로 맵 center 이동
검색된 아파트나 맵위의 마커를 클릭 시 해당 아파트의 매매정보를 출력할 모달창 만들 것 -> selected된 houseDeal 정보를 state로 관리 -> Modal open 시에 현재 house state의 매매 정보를 출력할 것
searchView 좌측 리스트의 height 고정시키고 스크롤을 추가하여 아파트 리스트를 스크롤 내리면서 볼 수 있도록 할 것
=> Infinite scroll
아파트 이름 검색
-> spring에 아파트 이름과 동을 함께 사용해서 검색할 수 있도록 하기 위한 로직들 추가할 것
--> vue에서 검색버튼 활성화 조건 수정
---> 1. 아파트 이름이 공백이 아닌 경우
---> 2. 동까지 select한 경우
---> 3. 아파트와 동을 모두 select한 경우
===> 2,3번만 채택
검색 결과가 없으면 데이터가 없다는 메시지를 사용자에게 줄 것
검색 결과 아파트를 클릭하면 해당 동이 맵의 센터가 되도록
고민되는 부분
맵에 아파트 렌더링
일단 전체 아파트 렌더링을 한 이유
유저의 입장에서 특정 동만 파악할 수도 있지만, 여러 동을 파악할 경우 매번 동을 바꿔가며 검색해야하는 불편이 발생
전체를 렌더링하면 관심있는 하나의 동으로 검색해서 주변 동네 아파트를 마우스 이동만으로 정보 파악 가능
다만 특정 지도 확대 레벨에서 클러스터링 형성으로 인한 버퍼링 발생
-> 다른 지역 데이터를 추가하면 더 심해짐
대안
5.20 18시 기준 완료
5.20 추가 사항
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.