2025. 04. 07 ~ 2025. 04. 11 회고

작업 목록

• 페이지 이동시 그 전 페이지의 스크롤 위치 고정되도록 수정
• 정기결제에 토스페이먼츠 적용
• 해외결제에 토스페이먼츠 적용

회고

하루하루 출근을 하면서 배우는점이 늘어나는건 좋다. 하지만 최근 인공지능 AI등의 발전으로 인해 불안한 마음이 드는것도 있다. 

 

페이지 스크롤 위치를 고정하는 방법은 기존 전 개발자분이 만들어놓은 service 파일을 이용해서 구현했다. 이 과정에서 rxjs에 대해서 자세히 알게됐고 다른 개발자가 만들어놓은 코드를 그대로 쓰는게 아닌 역시 이해하고 사용하니 더 안정성이 느껴졌다.

자동 스크롤의 경우 예전처럼 모든 페이지가 완성된 상태가 아닌 클라이언트에서 렌더링을 해야하기 때문에 뒤로가기 햇을때 화면이 모두 렌더링 되지 않았을때는 정해진 위치로 스크롤이 발생하지 않았다. 그리고 스크롤시 처음에는 제일 최상단 이였다가 정해진 위치로 스크롤되는 시간 간격이 존재했다.

두 가지 이슈는 클라이언트 사이트에서 렌더링하는 다른 서비스도 제대로 해결하지 못한걸 볼 수 있었다. 

 

개발중 생기는 버그들에 encodeURIComponent 자바스크립트를 이용해 인코딩 해주지 않을때 버그들에 대해 정확히 이해했다. URI를 다른 주소의 parameter에 넣을 경우 넣은 주소내에 특수 기호들이 현재 주소의 특수기호와 충돌하면서 어디서부터가 쿼리 스트링의 시작인지를 잘못 구분하는 등의 문제가 발생했다. 이를 위해 URI를 넣어주는 경우 무조건 encodeURIComponent로 인코딩 해줘야한다. 

 

뷰어 안드로이드에서 한 번더 버그가 발생했다는 유저가 있었다. 이 걸로 두 번째이고 안드로이드에서만 필기중 발생하는 버그인데 도대체 왜 발생하는지 모르겠다. 브릿지쪽 이슈같기도 하고 안드로이드 메모리 이슈같기도 한데 관련돼서 공부를 해야겠다. 

 

토스페이먼츠측 결제 연동 테스트를 맞겨야하는데 기획의 경우 결제 수단 선택을 없애고 다음 클릭시 바로 토스페이먼츠 페이지로 넘어가도록 수정해야한다. 하지만 결제 연동 테스트는 실제 운영되고 있는 서비스에서 맞겨야 하기 때문에 기존 결제수단은 그대로두고 새로 토스페이먼츠 페이지만 추가해야하기 때문에 테스트가 통과하면 다시 결제수단을 없애야 하기 때문에 일을 두번해야해서 번거로워졌다.

 

이번에 6월쯤 한 번에 여러 유저가 우리가 만들어준 페이지에 방문할 예정이라 이를 위해 검색 기능등에 대해 서버 과부화 문제로 고민이 됐다. 처음 페이지를 방문할 때 검색 결과에 대해 한 번에 받아 클라에 저장해두고 검색하도록 해 서버 과부화가 생기지 않게 할 수 있을꺼 같다.