개선을 거듭하여 클린 코드를 도모하는 개발자, 김민찬 입니다.

TEL. 010-7605-5966

E-MAIL. [email protected]

GitHub. https://github.com/itscold96

Velog. https://velog.io/@itscold96/posts

<aside>

누구나 읽고 쓰기 쉽게 짜는 코드가 올바른 클린 코드라는 신념을 가지고 있습니다. 기본적인 것들로 동료 개발자들이 이해하기 쉽게, 그리고 🔗논리적으로 타당한 코드가 올바른 클린 코드라 믿습니다.

</aside>

<aside> 점진적인 개선으로 클린 코드를 구현하기 위해 고민합니다. 맡은 기능을 완수한 후에도, 🔗내부적으로 코드를 개선하기 위해 고민하고 적용하며 성취감을 느낌니다.

</aside>

<aside> 어떻게 협업 과정을 개선하고, 팀을 위해 기여할 수 있는 부분은 무엇일지 고민하고 행동합니다. 작업 중에도 팀원들에게 도움이 될 수 있는 로직이 있다면, 🔗유틸 함수로 구현하여 협업 과정을 개선했습니다. 팀원들 간의 소통을 주도하며, 🔗서로가 서로에게 필요한 존재가 되는 분위기를 조성하려 노력하였습니다.

</aside>

☑︎ Skills

Technology

JavaScript TypeScript

React Next Zustand Tanstack-Query

HTML+CSS SCSS Tailwind Styled-Component

Tool

Notion github

☑︎ Project Summary

Poké-Sensei

↗️ 서비스 바로가기 **↗️ 깃허브 바로가기**

포켓몬 퀴즈와 포켓몬 도감 서비스

기간 : 2024.10 - 2024.11

인원 : Front-End 3명

스택 : TypeScript React NextJS Tailwind Zustand Tanstack-Query

역할 : 프론트엔드 개발, 팀 리더

상세 : 부트캠프 과정에 알게 된 동료들과 함께 만들어 본 포켓몬 도감 프로젝트

• 구현 기능 요약
  • 뷰포트 내에서 드래그 앤 드랍을 통해 던질 수 있는 몬스터볼 오버레이 컴포넌트 제작
  • Zustand를 활용하여, 전역에서 호출 가능한 토스트 팝업 기능 구현
  • Zustand를 활용하여, 로컬 스토리지에 저장된 포켓박스(포켓몬 id 배열) 데이터 전역 상태로 관리
  • 포켓박스 추가 및 삭제를 담당하는 PokePicker 컴포넌트에 다양한 효과를 적용
  • SSR, CSR 상황에 맞게 랜덤 포켓몬을 표출하는 로딩중 컴포넌트 제작
  • 팀원들이 공통으로 사용할 수 있도록 열림 / 닫힘 애니메이션이 있는 모달 프레임 컴포넌트 제작