📖 상세 내용

📹 Video

[다솜] 스마트 쇼핑카트 DAMA 졸업작품

🛠️ 사용 기술 및 라이브러리

• react, typescript
• recoil
• framer-motion
• styled-components
• react-hook-form
• sockjs

⌨️ 담당한 기능

• 스프링부트 + 리액트 연동 작업
• QR, 소셜로그인과 사용자 인증 토큰 관리
• 아이디, 비밀번호 찾기
• 웹소켓통신을 통한 상품담기, 상품빼기
• 센서 인식 장애를 대비한 물품코드로 상품 추가
• 카카오API를 활용한 카카오페이 결제
• 비콘센서값을 받아와 상품, 현재 카트의 위치를 지도에 표시

💡 깨달은 점

• 외부 API들의 문서를 읽고 활용할 수 있게 되었다.
• 토큰 만료시 리프레시 토큰으로 재발급 하는 방법.
• 웹 소켓은 실시간으로 양방향 통신이 가능하다.
• 외부 API KEY는 중요한 보안 요소이다. (유출되면 안됨)