지속적인 성장과 도전에 가치를 두는 프론트엔드 개발자 김영준 입니다.

매일 한 걸음씩 발전하기 위해 노력하며, 기술적인 도전에 즐거움을 느낍니다.

사용자에게 더 나은 경험을 제공하기 위해 팀원들과 소통하는 것을 좋아합니다.

🛠️ Skill & Tools

Untitled

JavaScript

Typescript

React

React

Next.js

Untitled

AWS

Untitled

    React-Query

Git

Untitled

          Figma

2023.10 ~2023.12

개인 또는 팀 스페이스를 생성하여 링크를 저장할 수 있고, 다른 사용자에게 링크 모음집을 공유할 수 있는 서비스

서버 사이드 렌더링 및 Dynamic Metadata를 적용하여 SEO 향상
스페이스 리스트에 많은 데이터를 한번에 불러올 때 메모리 성능 저하로 인해 useInfiniteQuery 훅을 활용하여 모바일 기기에 적합한 무한스크롤 구현
애플리케이션 성능을 향상시키기 위해 메인 페이지의 오프셋 기반 페이지네이션을 커서 기반 페이지네이션으로 변경
고화질의 이미지가 정상적으로 업로드 될 수 있도록 이미지 압축 라이브러리를 활용하여 서버에 전송되는 이미지 용량 최적화
AWS의 EC2, S3, CodeDeploy를 통한 CI/CD 구축 및 Nginx 적용
PWA를 도입하여 별도의 설치가 필요 없어 사용자 접근성을 높임

2023.09 ~ 2023.10

밸런스 게임 플랫폼으로 한 주제에 대해 사용자들이 A와 B중 하나를 선택하여 각자의 의견을 공유하는 커뮤니티 서비스

많은 데이터를 효과적으로 관리하고 애플리케이션의 반응 속도를 개선하기 위해 React Query 도입하여 데이터 캐싱 매커니즘을 구현하여 서버 요청을 최소화
토큰의 유무에 따라 달라지는 API 요청을 Axios Instance로 정의하고 사용함에 따라서 코드의 가독성을 높이고 중복을 최소화
전역 상태를 간편하고 효율적으로 관리하기 위해 비교적 러닝커브가 낮은 Recoil을 도입하여 prop drilling 문제를 해결
디바이스의 유형에 따라 조절되는 반응형 스타일 구현
일관성 있는 git 협업을 위해 Issue & Pull Request Template 설정

2023.04 - 2023.05

온라인으로 밀키트 제품을 실시간으로 예약 할 수 있는 서비스