기능 구현하기

처음으로 모바일 퍼스트 웹을 구현하게 되었다. 처음에는 touch 이벤트는 또 어떻게 구현하는 거지? 하고 엄청 겁을 먹었었는데 대부분의 touch 이벤트도 클릭과 동일하게 구현하면 됩니다 ! 라고 해서 휴 ! 하고 안심했던 기억이 있다. 그런데 !!! 모바일에서는 터

🌱 브라우저와 서버 간에 연결을 유지한 상태에서 양방향 통신이 가능하게끔 하는 기술 기존 기술: 브라우저가 서버에 요청을 보내면 서버가 응답하여 데이터 통신이 이루어지는 방식 웹 소켓: 서버가 먼저 브라우저에 데이터를 보내고 그에 따른 응답을 브라우저로 부터 받아오

검색 자체는 /list, /map 페이지에서 이루어지고, 검색을 위한 옵션을 선택하는 /search 페이지그래서 처음에는 /search 페이지의 URL에 검색 관련된 쿼리스트링이 붙는 것이 어색하다고 느껴져서이미 사용중이던 상태 관리 라이브러리 zustand로 관리하는

캠핑핑 프로젝트에서 카카오 API로 지도 구현을 했다 ! 지도 페이지에서는 두 가지 검색이 가능한 데, Nav 바를 통해 접근하면 먼저 유저의 위치를 기반으로 한 캠핑장이 검색된다. 두 번째로 검색바를 통해 지역을 검색하면 해당 지역에 위치한 캠핑장이 검색된다. 먼

채팅 기능이 중요한 기능으로 생각했기 때문에 모바일 퍼스트 웹으로 구현하게 되었다.그런데 3주 정도의 기간에 모든 페이지에 반응형을 추가하기는 어렵다는팀원들의 의견으로 모바일 UI만 만들게 되어 아쉬운 마음에 TailwindCSS의 Breakpoint Prefix로 가

처음에는 '위치를 기반으로 한 캠핑장 검색' 기능은 단순히 현재 유저의 위치의 정해진 반경, 5KM 내 검색 용도였다. 그런데 개인적으로 우리 집 주변에는 캠핑장이 그다지 없었고, 여기저기 이동할 때 위치 기반이 잘 잡히는 지 체크를 위해서 켜보곤 했는데, 반경 5K

❓ 캠핑핑의 사용성 높이기 캠핑족을 위한 다른 사이트들과 캠핑핑 의 차별점은 뭐가 있을 수 있을까? 를 생각해보았다. ✔️ PWA ( Progressive Web App ) > 네이티브 앱과 유사한 사용자 경험을 제공하는 웹 앱 오프라인에서도 동작 가능 모바일 홈 화

채팅방에서는 실시간으로 메시지가 오간다.새로운 메시지가 도착할 때 사용자가 불편함 없이 내용을 확인할 수 있도록 하기 위해 자동 스크롤 기능이 필요했다.처음에는 단순히 새로운 메시지가 도착하면 최하단으로 이동하도록 구현했는데,사용자가 스크롤을 직접 올려서 이전 메시지를

사용자의 위치를 기반 으로 주변 사용자와 소통 할 수 있다는 특징을 가진 캠핑핑을 만들면서,주변 사용자와 소통을 위해서는 사용자가 웹 앱에 접속해 있지 않더라도 메시지에 대한 알림을 받을 수 있어야 원활한 소통이 가능하다고 생각이 들었다.그래서 오프라인 시에도 푸시 알

💡 Presigned URL ? > AWS S3에서 특정 파일을 업로드할 수 있도록 제한된 시간 동안 유효한 서명된 URL을 발급하는 기능 이를 활용하면 서버를 거치지 않고 클라이언트에서 직접 S3에 이미지를 업로드 할 수 있다. 서버로 파일을 전송하고 다시 S3로