코드를 통해 세상에 중요한 가치를 만들고자 하는 개발자 김태현입니다.

👨🏻‍🦰 자기소개

Introduction

• 안녕하세요. 웹 프론트엔드 개발자 김태현입니다.
• 코딩을 통하여 세상에 새로운 가치를 창출해 내는 것에 대해 매력을 느꼈으며, 그 과정에서 발생한 문제들을 해결해 나가는 과정에 쾌감을 느끼며 개발을 이어나가고 있습니다.
• 저는 주도적으로 문제를 찾아 해결하는 개발자입니다. 실제 동아리에서 여러 번 경험했던 팀프로젝트에서도 프로덕트에 개선할 것이 보이면 PM분과 소통하여 개발할 프로덕트의 기능을 함께 개선한 경험이 있습니다.
• 저는 처음에 협업을 두려워했지만, 지금은 협업을 매우 좋아하는 성장하는 개발자입니다. 처음 경험한 팀 프로젝트에서는 협업에 어려움을 느꼈지만 여러 경험을 통해 성장하여 최근 진행한 팀프로젝트에서는 개발 팀원 뿐만이 아닌 디자이너 팀원들과도 원활하게 협업을 진행하여 개발 기간을 단축시키는 성과를 내었습니다.
• 저는 성장에 목마른 개발자입니다. 여가시간에도 성장을 위해 최신 기술관련 아티클을 꾸준히 찾아 공부합니다. 덕분에 프로젝트를 진행 시 모르는 기술이 나와도 거리낌없이 빠르게 배워나갈 수 있습니다.
• 현재는 Web-Front-End 관련하여 react, typescript, HTML/CSS 스택을 효율적으로 활용하는데 집중하고 있습니다.

Contact

<aside> 💡 Email - [email protected]

</aside>

<aside> 💡 Phone Number - 010-9595-0591

</aside>

<aside> 💡 GiHub - https://github.com/Unique0902

</aside>

<aside> 💡 BLOG - https://velog.io/@rla0591

</aside>

👨🏻‍🏭 개인 프로젝트

노래책

2022.08 ~ 진행중

• 자신만의 노래리스트를 생성하여 온라인, 오프라인 버스킹을 진행할 수 있게 해주는 서비스입니다.
• 홈 페이지의 SEO 최적화와 웹 접근성을 높이기 위해, lighthouse 측정값을 97점 가까이 올릴 수 있도록 여러 최적화를 진행하였고, 결과로 진입시간을 2.6s → 1.8s로 줄인 경험이 있습니다.
• 초기에는 리액트 만을 이용하여 구현하였으나 초기 메인 페이지의 SEO 최적화를 위하여 서버 단에서 렌더링을 진행할 필요가 있어 SSR을 도입하기 위하여 여러 방법을 생각해보았고, 순수 CRA 기반에서 서버단 렌더링을 추가하는 것보다는 라우팅, 데이터 패칭 등 여러 편의 기능을 제공해주며 무엇보다 SSR 기능을 손쉽게 추가할 수 있는 리액트 프레임워크 Next.js를 선택하게 되었습니다.
• 지속적으로 코드를 리팩토링하며 가독성과 재사용성을 증대하기 위해 현재도 관리하고 있는 페이지입니다.
• 최근에는 Jest, React Testing Library를 이용하여 컴포넌트들과 유틸 함수들의 유닛 테스트를 작성하고 있습니다. 테스팅 코드를 수월하게 작성하기 위해 기존 코드의 의존성을 줄이는 것과 같은 리팩토링을 진행하며 테스팅 코드 작성의 중요성을 느끼고 있습니다.

GitHub 배포 Page

[ NextJs, Firebase, Typescript, TailwindCSS, Zustand, ReactQuery ]

👬 팀 프로젝트 경험

Mocu

2023.12 ~ 2024.2

Team: Frontend 2명 Backend 2명 Designer 3명 PM 1명

• 건국대학교 교내 동아리 KUIT 2기 동계 방학 Project 참가
• Mocu는 모바일에서 오프라인 쿠폰을 관리하도록 돕는 웹앱입니다.
• 프론트엔드팀 리드 역할을 맡으며 팀원과의 소통을 거쳐 일정을 배분하고 상황에 적합한 React 라이브러리들을 선택하였습니다.
• Figma를 통하여 디자이너 팀들과 소통하고 StoryBook을 통하여 디자인에 해당하는 컴포넌트들을 검증받으며 페이지마다 자주 이용되는 공통 컴포넌트들을 구현하였습니다.
• 디자이너 팀과의 소통을 통한 공통 컴포넌트 구현을 통해 거의 3주만에 정해진 화면 구현을 진행하며 빠른 작업속도를 이뤄낼 수 있었습니다.
• 메인 페이지까지 진입 시간을 lazy loading을 활용하여 3.6s → 2.2s 로 대략 40% 정도 개선한 경험이 있습니다.

GitHub 배포 Page

[ React, React Native, React Query, Zustand, PostCSS, Storybook ]

방울이

2023.06 ~ 2023.8

Team: Frontend 4명 Backend 3명 Designer 1명 PM 1명

• 건국대학교 교내 동아리 KUIT 1기 하계 방학 Project 참가
• 방울이는 기존에 있던 Pomodoro 타이머 기법을 더 즐겁게 활용하여 자신의 집중시간을 관리하는 앱 서비스입니다.
• Android를 사용하는 Frotend 팀원으로 참여하였습니다.
• 코틀린의 timer thread를 이용하여 뽀모도로 핵심인 타이머 기능을 구현하였습니다.
• 통계 기능을 위한 그래프들과 캘린더를 커스텀하기 위해, 라이브러리를 사용하지 않고 View를 활용하여 그래프와 캘린더를 구현하였습니다.
• 협업 방식에 대해서 많은 걸 배울 수 있는 기회였습니다. 주마다 회의를 거쳐 스프린트를 진행하였고, PR을 올린 후 서로간의 코드 리뷰를 통해 코드를 개선할 수 있었습니다.

GitHub

[ Android ]

같이더치

2022.04 ~ 2022.11

Team: Frontend 2명, Full Stack 1명

• 고양시청소년진로센터 2022 이루어DREAM 청소년 Project <건구스> 팀으로 참가
• 같이 더치는 근처에 사는 동네 이웃 간의 더치페이 앱으로 이웃끼리의 택시 동승 매칭, 함께 배달 등과 같은 여러 분야에서의 더치페이를 하나로 어우르기 위한 앱입니다.
• 개발을 처음 접하는 친구 2명과 함께 프로젝트를 진행하여 Full Stack으로 리드 개발을 담당하였습니다.
• React Native를 활용하여 대부분의 앱 페이지를 구현, 로그인과 지도 같은 기능들은 React를 활용하여 제작, 웹뷰를 통해 구현하였습니다.
• 택시 동승 매칭 로직 구현을 위한 백엔드 기능을 NodeJs와 Express를 통하여 구현, 매칭된 사람끼리의 채팅 기능 구현을 위해 Firebase의 실시간 데이터 베이스를 이용하여 구현하였습니다.
• 처음 진행하는 팀프로젝트이다 보니 협업과 버전관리에 관하여 많이 부족함을 느꼈습니다. 체계적인 협업에 관하여 많은 필요성을 느끼게 되었습니다.

Backend GitHub Frontend GitHub

[ React, React Native, NodeJs, Express, Firebase ]

👩🏻‍🔧 기술