👋 저를 소개합니다

생활 속 불편함을 개선하여 사용자의 일상을 수선하는 신입 개발자 이도이입니다.
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

2024.01 ~

(개인프로젝트)

개발자로서의 열정과 기술적 역량를 강조한 웹 포트폴리오

Next.js Figma Gsap

노션 이력서도 사용하고 있지만 프론트엔드 개발자로서 나만의 웹을 만들고 싶었음
소개 - 깃허브, 블로그 요약 - 프로젝트 - 교육 순으료 표시
이미지 파일 AVIF 및 WebP로 교체함으로써 파일 크기 감소로 인한 성능 향상
웹의 주요 목적이 고객 확보가 아닌 정보 제공인 만큼, 텍스트 가독성을 높이기 위해 레이아웃과 자간을 조정하는 등 시각적 요소도 연구하고 있음

React
- 컴포넌트의 생명주기를 이해하고, useState, useEffect와 같은 React Hooks를 적절하게 활용할 수 있습니다.
- 컴포넌트 간의 효율적인 데이터 바인딩을 구현할 수 있습니다.
- React Testing Library와 Jest를 활용해 통합 테스트를 진행한 경험이 있습니다.
Next.js
- SSR(Server-Side Rendering)과 CSR(Client-Side Rendering)의 차이점을 이해하고, Next.js의 장점을 극대화하여 프로젝트에 적용할 수 있습니다.
- 페이지 기반 라우팅 및 동적 라우팅을 통해 유연한 네비게이션을 구현할 수 있습니다.