이승환

Frontend Engineer

📞 Phone : 010-5752-7305

📧 Email : [email protected]

🖥 Github : https://github.com/Leeseunghwan7305

📕 Blog : https://velog.io/@seunghwan7305

SUMMARY

$\large\color{blue}$$\color{#5B87C5}\rule{400px}{2px}$

• React를 활용해 Single-page Application을 개발할 수 있습니다.
• 디자이너가 제시한 디자인을 반응형 웹 페이지로 개발할 수 있습니다.
• 내부 REST 및 WepSocket API를 활용해 개발할 수 있습니다.
• 서버사이드 렌더링 프레임워크를 사용한 경혐이 있으며 SEO 관련해 성능 최적화를 할 수 있습니다.

SKILLS

$\color{#5B87C5}\rule{400px}{2px}$

FrontEnd

• JavaScript TypeScript
• React,NextJs
• Recoil Zustand React-Query
• Msw

BackEnd

• Java JavaScript TypeScript
• SpringBoot NodeJs NestJs

DevOps

• Docker Aws

PROJECT

$\color{#5B87C5}\rule{400px}{2px}$

실시간으로 그림을 그리고 맞추는 게임 서비스 핑고빙고 ****(2023.7 ~ 2023.8)

프로젝트 요약

• 여러 사용자들이 초대코드를 통해 게임 방에 모여 실시간으로 그림을 그리고 채팅을 통해 정답을 맞추는 게임 서비스

내가 적용한 기술스택

• Frontend : Vite React TypeScript Recoil React-query MSW Styled-components Socket.io

구현한 기능

• 타이머,채팅,그림판,점수판 등 전체적인 게임 로직 구현
  • 실시간 서비스를 구현하기위해 Socket 라이브러리를 활용해 개발
  • Html2Canvas 라이브러리를 활용해 게임 라운드가 끝날 시 자동으로 스크린샷을 찍어주는 기능 구현
  • Recoil를 활용해 게임 복합 데이터 전역관리
• 성능 개선 및 UX 향상
  • Code Splitting을 사용해 트래픽과 로딩 속도 개선
  • Styled-components를 활용해 반응형 UI 개발