🖥 [프로젝트] 부동산_자산관리_시스템(기능개선 + 고도화) 진행중

프로젝트 투입시 고도화 작업 중 카카오톡 공유 기능 기반 위치 공유 서비스를 구현해야 했다. 개발일정을 맞추기 위해 미리 선작업을 했는데 나중에 해당 코드를 사용할 일이 많을거 같아 개인 블로그에 코드 남겨둔다! 사용한 언어 : Vue3위치공유 서비스다 보니 지도서비스

첫 프로젝트를 하면서 선임에게 배운 객체 key 동적 할당하는 코드다. 동일한 기능을 수행하는 1개의 컴포넌트를 여러군데에서 사용할 때, 사용하는 곳마다 데이터 필드값을 다르게 줄 수도 있다! 그런 상황들에 대응하기 위해 아래와 같은 코드를 적용할 수 있다. 컴포넌트에

✅ 구현해야할 기능 목록페이지 ➡️ 상세페이지 ➡️ 목록페이지 목록페이지 재입장시 이전 검색조건이 유지가 되어있어야 한다. ✅ 나는 이 기능을 어떻게 구현하려고 했나? session storage를 활용해 검색조건을 저장해두고, 목록페이지로 다시 돌아왔을 때 저장해

개발서버에서 문제없이 렌더링 되면 화면이 운영서버에서 일부만 그려지고 일부는 그려지지 않는 문제가 발생. 화면은 윗부분: '텍스트', 아랫부분: '서브메뉴바 + WEBGL' 로 나뉜다. 그려지지 않고 있는 부분은 아랫부분의 서브메뉴바. 화면의 윗부분인 텍스트는 서버에서

프로젝트가 어느정도 마무리 되고 시간적인 여유가 생겨 웹 성능 최적화를 위해 ImagelazyLoaidng을 적용해보았다. lazyLoading을 적용하면1) 해당 페이지의 모든 이미지를 처음에 다운로드 하지 않으므로 페이지를 빠르게 로드할 수 있을거고2) 페이지가 빠

현재 진행 중인 프로젝트에는 사용자가 쉽게 데이터를 파악하고 시각화하기 위한 차트페이지가 있다. 차트페이지에는 Highcharts의 treemap으로 데이터를 그리는 부분이 있는데 이녀석이 아주 골칫덩어리였다 😑😑😑( Highcharts treemap 데모 페이지

지금 하고 있는 프로젝트에 차트 페이지가 하나 있다.셀렉트 박스 옵션에 따라 서버에서 데이터를 받아와 그래프를 그려주는 방식인데서버에서 데이터를 받아오는 시간이 너무 길어 그래프 조회 시 오래 걸린다는 의견이 나왔다.실제로 데이터 받아오는 시간이 얼마나 걸리나 확인해보

✔️ tooltip 커스텀 전과 후 비교 Highcharts로 column차트를 만들었어요! 처음에 tooltop option으로 share: true를 줘서 아래 이미지처럼 하나의 시리즈 안에 2개의 차트가 생성될 경우 tooltip에 모든값이 노출되도록 만들어 놨

진행 중인 프로젝트에 청구서 페이지가 있다. 사용자는 해당 청구서 페이지를 PDF로 만들어 사용하고 있는데 청구하는 항목이 많이져 PDF가 2페이지를 생성하게 되면 텍스트 잘림현상이 생겼다.