프론트엔드 개발자

전민찬

안녕하세요, 팀의 가치를 아는 프론트엔드 개발자 전민찬입니다.
항상 사용자를 먼저 생각하면 좋은 서비스가 나온다는 신념을 갖고 개발합니다.
MVP 방식으로 서비스 기획 / 개발 / 배포 / 운영 경험이 있습니다.

팀원들과 함께 소통하며, 사용자들의 입장에서 먼저 생각하는 경험을 중요시합니다.
개발 실력뿐만 아니라 인성도 갖추기 위해 인문학적으로 성장하려 독서 하고있습니다.
떠벌림 효과를 활용해 꾸준히 블로그에 회고록을 작성하고, 여러 서비스를 기획합니다.
사용자가 없으면 서비스가 존재하지 않는다는 생각으로 개발하는 습관을 지니고있습니다.

성실함

책임감

협업 지향

열정적

긍정적

정보처리산업기사

ENGLISH

전민찬_포트폴리오.pdf

전민찬_포트폴리오

<h3>개요</h3><p><span>도담도담은 500+ 명의 사용자를 보유한 교내 스마트 스쿨 플랫폼 서비스입니다.<br>기존에 수기로 진행하던 작업(외출/외박 승인, 상벌점 부여, 야간자유학습 신청 등)을 도담도담으로 해결합니다. 도담도담은 올인원 서비스로 선생님과 학생 등 학교 구성원들이 함께 사용가능한 플랫폼으로 자리 잡았습니다.<br><br>도담도담은 적극적인 사용자 피드백 반영으로 학교생활에 이바지하고 있으며, 팀원 채용 및 인수인계를 통해 <br>서비스 기능 개선, 유지보수 등을 진행하고 있습니다.</span></p><h3>사용기술</h3><p>- React, TypeScript</p><p>- Axios, React-Query, Recoil</p><p>- Styled-Components, Storybook</p><h3>담당업무</h3><p><span>- 도담도담 티처 페이지 서비스 유지 보수 및 성능 최적화를 위한 코드 리팩토링 및 버그 수정 진행<br>- Storybook을 활용하여 도담도담의 구성 요소 및 UI 컴포넌트를 문서화하고, 디자인 시스템을 체계적으로 구축<br>- 수요일 자가 정비 시간의 석식 참여 여부를 표시하는 기능을 구현, 상태 관리 및 UI 반영을 위해 Recoil을 사용.<br>- 학교 및 기숙사 상벌점 목록 CSV파일 추출 기능 구현</span></p><p></p><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://dodam.b1nd.com"><span>https://dodam.b1nd.com</span></a></p>

도담도담

<h3>개요</h3><p><span>삑!은 2023년 11월 대구소프트웨어마이스터고등학교에 건설된 실습동에서 동아리, 스터디를 진행하며 <br>선생님들께서 직접 수기로 인원체크를 하시는것의 불편함을 토로하시는것을 듣고 선생님의 수고로움을 덜기 위해 개발된 서비스입니다. 기존에 수기로 진행하던 실습동 인원체크를 NFC를 통해 출석체크를 할 수 있게 도와줍니다.  </span></p><p><span>삑!은 2025년 3월 27일 기준 테스트에 돌입하였으며, 5월 실사용 준비중에 있습니다.</span></p><h3>사용한 기술</h3><p><span>- React, Typescript<br>- Axios, Zustand<br>- Styled-components<br>- React-CSV</span></p><h3>담담업무</h3><p><span>- 삑! 프론트엔드(선생님 WEB) 서비스 개발 진행, 사용자 인터페이스와 사용자 경험 개선을 위한 최적화 작업 수행<br>- WEB 팀장으로서 프로젝트 관리 및 팀원 간의 협업 조율, 기술적 의사결정 및 코드 리뷰를 통한 품질 보증<br>- 학반별 학생 위치 조회 기능을 구현, 각 실에 출석한 학생들을 보여줌으로써 사용자에게 직관적인 위치 정보를 제공</span></p>

삑!

<h3>개요</h3><p><span>DEAR.는 폐교 대학과 정원미달 대학, 입시에 어려움을 겪는 10대 학생들을 위해 개발된 서비스 입니다.  해당 서비스로 입시를 준비하는 10대 중고등학생들은 각 학교의 교수님, 각 과의 교수님과 대화를 통해 궁금증을  해결하고 입시에 대한 정보를 얻을 수 있습니다. 또한 현재 챌린지가 만들어질 만큼 대학교에서는 학교 및 학과 홍보를 많이 진행하고 있습니다. 이를 DEAR.를 통해 해결하고자 직접 10대학생들과 채팅하고 페이지 상단의 배너를 통해 학교 및 학과를 홍보 할 수 있다는 이점이 존재합니다.</span></p><h3><span>사용한 기술</span></h3><p><span>- React, Typescript, Next.js<br>- Axios, React-Query, Recoil<br>- Styled-components<br>- Yarn</span></p><h3>담당업무</h3><p><span>- DEAR. 플랫폼의 사용자 페이지 일부를 제작하여, 10대 중고등학생들이 교수님들과 쉽게 소통할 수 있는   환경을 조성.<br>- 교수님 전용 페이지를 개발하여, 대학 교수들이 학생들과의 대화를 통해 입시 정보 제공 및 대학 홍보를 할 수 있도록 지원 -     학생 커뮤니티와 교수 커뮤니티를 개발하여, 사용자 간의 소통을 증진하고, 다양한 정보와 경험을 공유하는 공간을 마련.</span></p>