
Contact
Portfolio
Blog
Github
[email protected]
010 - 7277 - 7361
https://doyi-portfolio.vercel.app/
https://2-doooo-2.tistory.com/
https://github.com/doyi0107
👋 저를 소개합니다
- 생활 속 불편함을 개선하여 사용자의 일상을 수선하는 신입 개발자 이도이입니다.
- React.js ,Next.js등과 같은 현대적인 웹 기술에 열정을 가지고 있습니다.
- 혼자보다 같이의 가치를 아는 개발자로, 주 3회 알고리즘 스터디를 진행하고 있습니다.
- 프로젝트를 진행하며 겪은 에러를 회고하고, 이를 기술 블로그에 정리하고 있습니다. 이에 따라 110개 이상의 게시물을 작성하였으며, 총 누적 조회수는 10,000회를 초과하였습니다.
🗃️이런 프로젝트들을 진행했어요
윗비트래블
2024.11 ~ 2024.12
(Fullstack 5명)
프로젝트가 궁금하다면
여행 공동 지출 관리 서비스
Next.js Typescript Storybook Framer-motion Turborepo
React-toastify SpringBoot Java Figma
- 클라우드 서비스 반 최종 2등, 우수 프로젝트 선정
- 풀스택 개발을 담당하여 Next.js,TypeScript,Spring,Java를 이용해 SSE 실시간 알림 기능 및 여행 선택, 생성, 편집 퍼블리싱 및 API 구현
- 적응형 웹을 위해 Turborepo 적용, 모노레포를 구축해 admin, mobile, pc에 맞춰 프로젝트 진행
- Storybook을 통해 UI 컴포넌트를 독립적으로 개발, 테스트 및 문서화
- React-toastify, Framer-motion, Skeleton UI, Transition 패턴을 적용함으로써 사용자 경험 향상
우.행.시
2024.07~ 2024.10
(BE 4명, FE 3명)
프로젝트가 궁금하다면
우리FISA 교육생들을 대상으로 공부 시간을 측정하고 기록하는 학습 서비스
Next.js TypeScript Zustand Auth.js SWR Eslint Radix
- 프론트엔드 개발을 담당하여 Next.js, Typescript 기반으로 랜딩페이지, 랭킹 페이지, 과목 편집 기능을 개발
- 서비스의 품질을 높이고 사용자 경험을 개선하기 위해 서비스를 배포해 운영하며 사용자들의 피드백 및 버그를 제보 받아 유지 보수 진행했음
- Zustand 및 SWR을 사용하여 상태 관리 진행
- 과목 관리로 인해 많은 데이터를 일관성있게 유지해야 했고 상태 리프팅만으로 과목 데이터를 관리하는데 어려움을 겪음
- SWR을 사용해 서버에서 받아온 데이터를 캐싱하여 네트워크 요청을 최소화하고 성능을 개선
- Infinite Scroll을 활용해 서버에서 필요한 데이터만 요청하여 네트워크 트래픽을 줄이고 성능 최적화
플레이자바스크립트
2024.04
(개인프로젝트)
프로젝트가 궁금하다면
깊이 있는 자바스크립트의 학습을 목표로,다양한 게임 기능을 구현한 웹
Javascript Canvas Netlify
- 게임 개발은 복잡한 알고리즘을 구현하고 학습하는데 적절하다고 생각하여 게임을 주제로 선정
- 이벤트 처리와 그래픽 렌더링등 실제 서비스에서 활용 가능한 기술들을 종합적으로 익힐 수 있었음
- OpenWeatherMap API를 통한 현재 온도 및 날씨 정보 출력
- 자바스크립트로 구현한 다양한 게임 기능(지뢰 찾기, 브레이크 아웃, 카드 매치 게임 )
- 다크 모드와 라이트 모드 간의 전환을 위한 UI/UX 디자인 고려, 사용자가 콘텐츠를 쉽게 구분하고 읽을 수 있도록 함
🛠️이런 기술들을 사용할 수 있어요