개발이야기8 Ble 자동 점검 개발 스토리 배경 그 동안 개발했던 내용들을 정리하고 있는 차 가장 공드리면서 개발했던 Ble 개발에 대해서 이야기 해볼생각이다. 씽씽에서 제공하는 킥보드는 많은 기능들을 갖고 있었다. LTE, BLE, NFT 등.. 많은 기능들을 제공하고 있는데 그중에서 Ble 에 대한 이야기를 할 생각이다. 킥보드안에 LTE 모듈은 존재하지만 iot가 망가지는 경우는 허다하게 많아서 서버와의 통신이 안될때가 많다 그래서 실제로 고장수리로 인해서 들어온 킥보드의 iot가 망가져서 아무것도 못하는 경우가 많고 수리 할때 ble가 더 빠른 반응을 보이기 때문에 Ble 통신 기능 개발이 필요하게 되어 진행하게 되었다. 또한 추가적으로 손쉽게 작업자가 수리후 해당 킥보드의 기본 기능들을 순차적으로 확인할수 있도록 하면 좋을것 같아서 자동.. 2022. 3. 30. JWT 인증방식 교회 인적관리 시스템을 만들게 될 기회가 생겨서 개발하게 되었다. 웹페이지를 처음 개발할때 중요하게 고려해야 할 부분은 로그인과 api 요청로직이었습니다. 그래서 로그인 유지를 위해서 사용한 상태 관리는 비즈니스 로직이 확실하고 미들웨어 장점을 갖고 있는 redux와 미들웨어인 redux-saga를 사용했습니다. api 요청의 보안 부분은 token 인증 방식인 jwt을 기반으로 개발을 시작했습니다. 해당 부분을 개발하면서 만났던 문제와 해결 방안에 대해서 작성해보았습니다. 로그인 로직은 우선 페이지에서 사용자가 입력한 정보가 서버에 있는지 확인후, access token과 refresh token을 발급받고 다시 사용자 정보를 가져와서 상태 값에 초기화 하도록 개발했습니다. function* getUs.. 2022. 3. 29. React-native 네이버 지도 마커 부분 속도 개선 내용 현재 피유엠피(‘씽씽’ 킥보드 공유 업체)에서 작업자 앱( 명칭: 마스터 앱 )을 react-native 기반으로 개발하고 있습니다. 마스터 앱은 스쿠터의 수거, 재배치, 수리, 배터리 교체등의 작업을 도와주는 기능들을 갖고 있는 앱입니다. 마스터 앱에서 가장 중요한 부분은 수거, 긴급, 분실 등 8가지 상태로 나눠져 있는 작업 상태의 마크들을 지도에 표시하는 기능입니다. 하지만 새로운 스쿠터가 들어오고 지역이 확장되면서 마크의 종류들과 양이 많아지면서 속도 이슈가 생겼습니다. 그리고 작업자분들 중에는 성능이 좋지 않은 휴대폰으로 작업하시는 분들도 있어서 지도와 마크의 성능이 잘 나오지 않는 문제를 맞닥뜨렸습니다. 지도는 처음에 react-native-maps (구글 지도) 라이브러리를 사용했지만 .. 2022. 3. 29. 프런트 지식 각 브라우저 작동 방식 https://yozm.wishket.com/magazine/detail/1338/ 프론트엔드 개발자라면 알고 있어야 할 브라우저의 동작 과정 | 요즘IT 프론트엔드 개발자에게 있어 브라우저는 거의 모든 것과도 같습니다. 하지만 그렇다고 해서 프론트엔드 개발자가 브라우저의 모든 원리에 대해 잘 알고 있는 것은 아니지만, 복잡한 웹 어플리 yozm.wishket.com 브라우저의 렌더링 과정 + aws www.naver.com -> 해당 DNS가 갖고 있는 ip 주소로 이동 -> 만약 Cloud Front 가 있다면 그 곳으로 이동한다. CDN 이미 Cloud Front 에서는 CDN이 동작이 되는데 만약 내가 미국에 있는데 한국 서버에 있는 사진, 파일을 가져오게 된다면 느리게 되.. 2021. 7. 29. 이전 1 2 다음
