• 이력서
  • 프로젝트
팀 웹개발

직장인 점심약속 매칭 서비스 프로젝트

HTML, Styled-component, JavaScript, React, Redux 사용했습니다.
위치기반 점심약속 매칭 서비스이기에 맵을 가져와 마킹하는 기능이 필요했고 Kakao지도를 가져와 마킹 해 만나는 장소와 멤버의 베이스 위치를 보기 쉽게 했습니다.
멤버리스트를 로딩 하는데 많은 리스트 목록을 한 번에 불러오다 보니 로딩속도가 느려 리스트를 10개씩 쪼개서 받 고 받은 리스트의 하단에 도달하면 다시 10개를 받아오는 형식인 무한스크롤을 사용해 로딩속도를 줄였습니다.
제안받은 사람이 제안이 왔다는 것을 실시간으로 알 수 있어야 함. 따라서 Socket.io를 사용하여 실시간으로 서버와 통신하여 알림 기능을 구현해 제안받은 즉시 알림을 보이게 했습니다.
사이트의 사용성과 접급성을 높이기 위해 기존 웹사이트의 모든 페이지를 반응형 했습니다.
사용자별 예정된 약속/제안 받은 약속/ 완료 된 약속/ 리뷰를 보여주는 마이페이지를 작업했습니다.

  • React
  • Styled-component
  • WebSocket
  • Redux
팀 웹개발

멍일과 - 견주들을 위한 공유 웹 커뮤니티 서비스

부트캠프에서의 첫번째 프로젝트로, 견주들을 위한 강아지의 하루 일과를 확인하고 기록하는 커뮤니티 입니다.
팀원들 전부가 메타버스(게더)를 사용 매일 12시간 이상 같이 상주하며 같이 고민하고 대화 하며 협업 능력을 키웠습니다.
React와 Axios를 사용한 첫 팀 프로젝트 입니다.

  • HTML
  • Styled-component
  • JavaScript
  • React
  • Redux
개인 클론코딩

Airbnb - 클론코딩

NextJs를 사용해 Serversiderendering을 사용해 웹을 만드는 경험을 하고 싶어서 시작했습니다.
TailWindCSS를 사용 매우 쉽고 빠르게 원하는 디자인을 개발 할수 있게 됬고 클래스명을 고민하지 않고 개발할수있었습니다.
Routing 시 홈페이지 위에 progressbar를 구현 보기 좋게했습니다.
사이트의 사용성과 접근성을 높이기 위해 기존 웹사이트의 모든 페이지를 반응형으로 했습니다.

  • React
  • NextJS
  • TailWindCSS
  • DatePicker