망고

마이데이터 접수 + 제휴사들과의 계약을 앞두고 있는 시점 우리 회사를 소개할 페이지가 필요했다. 하지만 회사의 홈페이지가 검색 결과에서 낮은 순위에 노출되고 있어서 인지도가 떨어진다는 평가가있었고 우리 회사의 가치를 잘 나타낼 수 있는 공간인 홈페이지를 회의끝에 리뉴얼 하기로 결정이 났다. 현시점 홈페이지 리뉴얼 작업이 1차(?)적으로 마무리 되어 회고를 진행해보려 한다. 바닐라 자바스크립트에서 next로 ssg 환경의 정적페이지로 변경하면서 겪은 배포 이슈들을 중점적으로 다룰 예정이다.💣 기존 프로젝트의 문제검색 노출 이슈첫번째로는 우리의 사이트가 검색이 되지 않는 문제가 있었다. 우리는 대출 금리 비교를 해주는 서비스 회사이고, 여러 금융사들과 제휴를 하기 위해서는 우리의 회사를 소개해야 하는 입장..

💣 개요최근 프로젝트에서 화면 하단에 고정된 버튼을 구현하면서, 버튼의 위치가 동적으로 변경되지 않는 문제를 겪었습니다. 특히, 입력창(input)이 포커스될 때 버튼의 위치가 자동으로 조정되어야 했지만, 예상대로 동작하지 않아 사용자 경험에 문제가 발생했습니다. 1. 고정된 버튼의 위치 문제화면 하단에 고정된 버튼이 position: fixed 속성으로 설정되어 있어, 사용자가 input을 포커스할 때, 버튼이 키보드에 의해 가려지거나 위치가 적절히 변경되지 않아 사용성이 떨어졌습니다.2. 기존 해결 방법의 한계CSS만으로 문제를 해결하려 했으나, 다양한 화면 크기와 상황을 고려했을 때 고정된 bottom 값으로는 모든 상황에 적절히 대응할 수 없었습니다.이 문제를 해결하기 위해 React 포털을 도..