어디서나 우산 키오스크만 있으면 우산을 쉽게 대여와 반납이 가능한 우산 서비스를 제작우산 대여 키오스크(IOT) 개발우산 대여 및 반납, 관리 기능 개발기간 2023.01.09 ~ 2023.02.17팀원 구성 ( 총 6명) \- FE (3명) \- 관리자
막대그래프를 효과적으로 나타내기 위해 d3.js 라이브러리 사용d3 라이브러리란?데이터 기반의 시각화를 도와주는 라이브러리chart.js 와 고민했으나 내가 원하는 디자인과 애니메이션, 자유도를 하기엔 이미 구현되어있는 것을 쓰는 느낌이라 raw data를 다룰 수 있
거의 10일 정도를 기획에 쏟아 기능 명세서와 코드 컨벤션, 네이밍 스페이스 등을 정했었던 것이 큰 도움이 됐었던 것 같다.특히 기능 명세서를 상세하게 작성한 덕분에 프론트와 백엔드의 소통이 원할하게 돌아갔던 것 같다.figma를 이용해 초기 UI와 UX를 어느정도 잡
illurstrator을 이용해 로고 제작스크롤 액션을 위해 gsap의 scrolltirgger 사용bootpay를 이용해 카드 및 간편결제 구현메인 페이지초기화면은 로고가 그려지는 듯한 효과를 나타낸다.스크롤을 내리면 서비스를 소개하는 문구들이 나타낸다.스크롤을 올리
어디서나 우산 키오스크만 있으면 우산을 쉽게 대여와 반납이 가능한 우산 서비스를 제작우산 대여 키오스크(IOT) 개발우산 대여 및 반납, 관리 기능 개발기간2023.02.27 ~ 2023.04.07팀원 구성 ( 총 6명 )FE ( 3명 )기업 페이지, 사용자 홈 ( 나
three.js를 이용한 사용자 홈 화면 만들기 (feat.three-fiber) three-fiber이란? React-three-fiber는 three.js를 리액트 문법에 맞게 사용할 수 있도록 해주는 패키지이다. 3D 모델링 파일 구하기 무료로 배포된
기업 페이지 React-Query React-Query란? React Query는 React 애플리케이션에서 데이터 가져오기와 관리하기 위한 라이브러리입니다. 비동기 데이터 요청, 캐싱, 자동 재요청 및 데이터 업데이트와 같은 작업을 처리할 수 있습니다.
기획을 제외한 개발기간 3주안에 블록체인 서버를 포함한 모든 것을 개발해야했다.go-ethereum을 공부하고 서버 세팅하며 hyper-fabrics를 고민하는 사이에 이주를 날렸다.결과적으로 전문가 분의 의견을 수렴해 claytn-api(KAS)를 사용했지만 이미 시
중고 거래 서비스의 시장은 많이 활성화 되어 쉽게 접하고 사용할 수 있다.반면 물건 대여 서비스는 일반적으로 커뮤니티 또는 지인을 통해 성사되는 것이 대부분이다.이러한 형식의 거래는 시간과 공간을 따로 조율해야하는 번거로움이 있다.따라서 이러한 제약에서 벗어날 수 있는
ErrorBoundaury ErrorBoundaury란? 컴포넌트에서 Error 가 발생했을 때 이를 감지해서 사용자에게 미리 구현해놓은 에러 컴포넌트로 리다이렉트 시켜주는 React v16 이상에서 내장되어있는 컴포넌트이다. 나는 이것을 axios 요청
개요 백엔드 쪽에서 웹소켓을 만드는데 차질이있어 기한 내에 프로젝트를 만들기 힘들 것을 예상 채팅 기능을 serverless로 빠르게 구현해야겠다고 판단 실시간 채팅에 최적화된 firebase사용 firebase 프로젝트 생성 https://console.fire
라즈베리파이는 아두이노와 시리얼 통신, 서버와 소켓통신을 해야한다.통신 연결은 정상적으로 됐으나 두 개의 통신이 동시적으로 일어나지 않고 딜레이가 쌓여가 원활하게 작동이 안된다.첫 번째 해결 방안두 개의 task를 만들어 멀티쓰레딩을 구현한다 (asyncio 사용)문제