SAP 개발

gaze market - NFT Market place NFT 거래위주의 web3 플랫폼 개발 사용언어 및 개발환경 - Vue3 + Typescript - web3 wallet : Metamask, Kaikas - 로그인 / 회원가입 - 마이페이지 - NFT List page - Collection page - Member page - i18n 다국어 작업 - Metamask 프론트엔드 연동 - Kaikas 프론트엔드 연동 https://gaze.market/ 프로젝트 참여 인수 : 프론트엔드 1명, 벡엔드 2명

더보기

모아부자! : https://moabuza.com 프로젝트 기획 및 FE 담당. 150명의 회원 60건의 피드백 React-Query 기술도입 시나리오 문제점 : 기존의 Redux는 아주 작은 기능이라도 많은 양의 코드가 필요하여 개발시간이 짧은 우리팀에 어울리지 않는다고 판단 대안 : Recoil, Redux-toolkit, React-query등 Redux의 단점을 보안하여 나온 라이브러리 도입 고민. 해결: 전역상태관리는 Recoil 통하여 관리하고 비동기통신은 React-query를 사용하여 해결하기로 결정 학습 및 자료조사 : 구상한 내용을 Notion에 정리 https://bit.ly/3xuIhIg Github Actions를 이용한 CI/CD 구현 시나리오 - 짧은 작업기간을 최대한 활용하기 위하여 FE부분의 자동배포를 결정. Github Actions, AWS S3, Cloudfront, 도메인 연결을 통해 초기 인프라 구축. 자동배포가 완성되고 작업한 내용이 바로 적용되므로 디자이너들의 빠른 피드백을 받음으로써 개발시간 단축 KakaoLogin 도입 시나리오 문제점 : 자체조사 결과 대부분의 사용자들은 처음 서비스를 이용할때 회원가입을해야 이용할 수 있다면 이용을 하지 않고 이탈한다고 나옴. 대안 : 비회원 기능, OAuth2.0을 통한 소셜로그인. 해결 : 비회원기능은 백엔드에서 거절, 소셜 로그인중에서도 가장 많은 사용자를 가진 kakaologin을 이용하기로 결정 - Restful한 API를 위해 BE 팀원들과 지속적인 소통 후 수정 : https://bit.ly/3jGepAF - Asset 경량화 : Font woff2 적용 및 SVG 경량화로 Lighthouse Performance Score 23% 향상. - 유저 피드백 반영 : 1. 모아부자의 몇몇 유저들사이에서 한글이 또한번 한글로 번역되면서 이상한 단어들로 바뀌는 현상이 나타남. - 원인 : html lang=’en’으로 되어 있는것을 발견. - 해결책 : lang을 ko로 변경하여 기본 언어를 한글로 설정하여 해결 - 깨달은점 : 무심코 지나쳤던 설정하나가 굉장히 치명적인 버그로 다가 올 수 있다는것을 알게됨. 2. 모아부자에 들어와서 사용법을 모르겠다는 피드백이 다수 들어옴 - 해결책 : 온보딩, 튜토리얼등을 추가하여 해당 피드백 감소 FE Github Repository : https://bit.ly/3xuM5JU Trouble Shooting : https://bit.ly/3JHszMv 기획서 : https://bit.ly/38LZYJ7

더보기

- 자사 홈페이지 랜딩페이지 개발 - Vue, bootstrap 등을 이용하여 개발 - https://www.epipro.so/

더보기

항공기 기체정비 엔지니어 보잉, 에어버스 기체정비