인프콘 2024

성실함

책임감

협업 지향

꼼꼼함

자기 주도적

이주형

<h4>기술 스택</h4>
<ul>
<li>NextJS 14.0.0, React 18, Typescript, Zustand, Vanila Extract, React-three-fiber</li>
<li>Mongodb 5.0, Moongoose, Firebase-storage, NextAuth 4.0</li>
</ul>
<h4>주요 성과</h4>
<ul>
<li>커스텀 ThemeProvider와 Dynamic Import, Image 컴포넌트의 최적화를 통해 vercel speed insight 기준 FCP, LCP 70점대에서 99점으로 향상(mobile 100점)</li>
<li>Vanilla Extract 도입으로 코드 스플리팅, 전체 테마 관리 구현 및 파일 크기 감소 및 초기 렌더링 속도 향상</li>
<li>useOptimistic 를 이용해 서버 지연으로 인한 사용자의 딜레이 완화</li>
<li>route handler를 use action로 바꾸며 fetch와 handler의 중복되는 보일러 플레이트 코드 생략</li>
<li>핸드폰, 태블릿, 데스크탑에 따른 반응형 디자인 구현</li>
<li>EC2(mongodb), vercel(Next.js) 배포</li>
</ul>
<h4>링크(아키텍처)</h4>
<ul>
<li><a href="https://www.notion.so/toitoii080/Joo-dev-bff7c3935bcd4825949564769971073b">Notion</a></li>
<li><a href="https://www.joo-dev.com/">Blog</a></li>
</ul>

<h4>개요</h4>
<ul>
<li>블록체인을 이용해 신뢰성을 높인 종합 자동차 거래 플랫폼</li>
<li>SSAFY 우수 프로젝트 선정</li>
<li>프론트엔드 리더</li>
</ul>
<h4>팀구성 (총 6명)</h4>
<ul>
<li>Backend 3명</li>
<li>Frontend 3명 </li>
<li>(blockchain 2명)(백, 프론트엔드에서 한 명씩 참여, 본인 포함)</li>
</ul>
<h4>기술 스택</h4>
<ul>
<li>React 18, Typescript, React-query, Emotion, React-three-fiber, KlaytnAPI</li>
</ul>
<h4>담당 기능</h4>
<ul>
<li>기업 (정비, 검사, 보험)의 각각 예약 조회 및 변경, 상태 등록 및 조회, 리뷰 등록 기능</li>
</ul>
<h4>주요 성과</h4>
<ul>
<li>KlaytnAPI를 이용해 사용자의 구매, 정비, 검사, 보험 내역을 컨트랙트로 만들어 배포</li>
<li>기존에 사용하던 Redux-saga를 React-query로 대체<ul>
<li>기능 대비 지나치게 많은 보일러 플레이트 코드 삭제</li>
<li>캐싱 기능을 이용해 유저의 데이터 호출 최소화, 서버 비용 감소</li>
<li>전체적으로 관리되던 서버(로부터 요청한)데이터를 각 컴포넌트로 옮김으로써 코드의 가독성 향상</li>
</ul>
</li>
<li>아토믹 디자인 패턴 도입으로 기업 페이지에서의 중복 코드 최소화</li>
</ul>
<h4>링크(아키텍처 및 명세서, UI/UX)</h4>
<ul>
<li><a href="https://www.notion.so/toitoii080/Car-born-0002ed52922f446ba1b68303fe3866fe">Notion(아키텍처 및 명세서)</a></li>
<li><a href="https://github.com/22JH/car-born-project">코드(Github)</a></li>
</ul>

<h4>개요</h4>
<ul>
<li>비대면 물품 대여 플랫폼</li>
<li>기존 거래 플랫폼의 대면 거래로 인한 범죄의 위험성과 얼굴 노출에 대한 부담감을 감소</li>
<li>프론트엔드 리더</li>
</ul>
<h4>팀구성 (총 6명)</h4>
<ul>
<li>Backend 3명</li>
<li>Frontend 2명</li>
<li>Frontend 및 IoT 1명 (본인)</li>
</ul>
<h4>기술 스택</h4>
<ul>
<li>React 18, Typescript, Firebase, FastAPI, Raspberry Pi 4, Arduino</li>
</ul>
<h4>담당 기능</h4>
<ul>
<li>유저 채팅, 회원 가입 및 로그인, 결제, IoT 설계 및 제작</li>
</ul>
<h4>주요 성과</h4>
<ul>
<li>Firebase를 이용한 유저간 채팅 구현</li>
<li>Web NFC 를 이용한 결제로 사용자의 결제 수단 등록 및 프로세서 단축</li>
<li>SSAFY 네트워크 보안을 우회하기 위해 Raspberry Pi와 서버 간 소켓 통신 구현</li>
<li>서버와 아두이노 사이의 딜레이를 없애기 위해 큐를 이용한 FastAPI의 멀티쓰레드 구현</li>
</ul>
<h4>링크(아키텍처 및 명세서, UI/UX)</h4>
<ul>
<li><a href="https://www.notion.so/toitoii080/773f70a2946d46958e46cae2d5f5ca55">Notion(아키텍처 및 명세서)</a></li>
<li><a href="https://github.com/22JH/share42">코드(Github)</a></li>
</ul>