Frontend Developer 민유지
👩🏻💻Profile
❤GitHub
📚Blog
mmyyjjj@naver.com
🙋🏻Introduce
구현에만 집중하는 개발자보다는 함께 일하는 다른 개발자를 고려하며 개발하고, 완성에 급급한 개발자보다는 프로덕트의 사용자를 고려하며 적극적인 소통으로 원활히 협업하는 과정 자체에 집중하는 개발자를 목표로 성장하는 신입 개발자 민유지입니다. 언제나 현재의 최선보다 더 나은 코드가 존재할 것이라는 믿음으로 지속적인 학습과 자기 계발을 추구하며, 이를 꾸준히 기록하고 공유하는 개발 블로그를 운영하고 있습니다. 이처럼 개인의 성장에 큰 관심이 있으며 이를 통해 제가 속한 조직도 함께 성장시킬 수 있는 조직 구성원이 되고자 합니다.
2021년 12월부터 3개월간 스타트업의 첫 프론트엔드 개발자로서 근무하며 앱에서 서비스되는 스토어를 웹으로 구현하는 전 과정을 이끌었습니다. 또한 홍보 캠페인을 진행하기 위해 디자이너와 협업하여 프로젝트의 기획에서부터 캠페인 페이지 개발 단계까지 주도적으로 참여한 경험이 있습니다.
개인 프로젝트로는 프론트엔드와 백엔드 개발을 함께 진행한 게시판 프로젝트 Yuzamin97과 SALLY’s BOARD가 있으며, 포트폴리오의 Projects 항목에서 자세한 기술 스택과 구현 내용 및 회고 링크를 확인할 수 있습니다.
2023년 3월 Kakao와 goorm이 함께 주최한 해커톤 <구름톤(9oormthon)>에 참가하여 성공적으로 수료하였습니다. 해커톤에서 진행한 팀 프로젝트 ‘너가 올레 내가 갈레’의 프론트엔드 개발자로서 협업을 위한 컨벤션을 세팅하고 전반적인 기획 및 개발에 참여하였으며 최종 발표를 담당하여 진행하였습니다. 포트폴리오의 Experiences 항목에서 시연 영상 및 발표 자료를 확인할 수 있으며, 현재 프로젝트 리팩토링을 진행 중입니다.
🛠Skills
- HTML, CSS, JavaScript, TypeScript 기본 지식을 토대로 React를 사용하여 웹 서비스를 개발할 수 있습니다.
- styled components, Material-UI와 같은 스타일링 라이브러리를 사용하여 UI를 구성할 수 있습니다.
- Node.js와 express 프레임워크를 사용하여 DB가 연결된 백엔드 서버를 구축할 수 있으며, Heroku와 같은 서비스형 플랫폼을 통해 배포할 수 있습니다.
- Git을 통한 소스 코드 버전 관리가 가능하며 fork, PR 등의 기능을 통해 협업할 수 있습니다.
💻Projects
Yuzamin97
회원가입 및 로그인 기능이 제공되며 게시글 및 댓글 작성이 가능한 Window98 콘셉트의 게시판 웹서비스
Links
Tech Stack
- Frontend:
TypeScript, React, styled-components - Backend:
Node.js, express, sequelize
Feature
- 기존에 진행했던 SALLY’s BOARD를 TypeScript로 구현하며 기능을 추가한 풀스택 프로젝트
- 2023.01.17 ~ 2023.02.09
- 일관성 있는 작업 기록 형성: 기능을 개발하기 전 이슈를 작성하고, 이슈 번호를 명시한 브랜치를 만들어서 작업한 뒤, Pull Request를 통해 develop 브랜치에 merge하는 과정을 거쳐 개발하였습니다. 또한 커밋 메시지 템플릿을 제작하여 상세한 커밋 메세지를 작성하였습니다.
- custom hook을 사용한 회원가입, 로그인/로그아웃 기능 구현: 회원가입 form의 유효성 검사를 useReducer를 활용한 custom hook을 통해 개발하여 즉각적인 유효성 검사를 수행하였습니다.
- 완결된 형태의 게시판 서비스 구현: 각 테이블의 관계를 설정하여 PK를 통해 연결된 테이블의 데이터를 함께 불러올 수 있었습니다. 이를 통해 게시글 및 댓글 작성 기능, 자신이 작성한 게시글 조회 기능, 자신의 회원 정보 확인 및 수정 기능 등을 구현하였습니다.
- Infinite Scroll 구현: IntersectionObserver API를 사용한 custom hook을 제작하여 target 요소가 root 요소에 교차하는지 여부를 return 하여 활용할 수 있도록 하여 Infinite Scroll를 구현하였습니다.
- 성능 최적화: 컴포넌트를 기능 단위로 분리하고 useCallback, useMemo hook을 사용하여 리팩토링 작업을 진행했습니다.
SALLY’s BOARD
회원가입 및 로그인 기능이 제공되는 게시판 웹서비스
Links
Tech Stack
- Frontend:
JavaScript, React, styled-components - Backend:
Node.js, express, sequelize
Feature
- 서버부터 클라이언트 UI 개발, 배포까지 혼자 진행한 개인 프로젝트
- 2022.08.23 ~ 2022.09.19
- HttpOnly 쿠키를 사용한 회원가입, 로그인/로그아웃 기능 구현: 쿠키를 사용하는 과정에서 발생하는 CORS 문제를 해결하였습니다.
- 관리자 로그인 시 가입된 계정들의 정보 확인 및 삭제 기능 구현
- 로그인된 계정 한정 게시판 글 작성 기능 구현
플레이키보드 웹스토어
플레이키보드의 다양한 키보드 테마를 확인, 검색 및 체험해볼 수 있는 웹서비스
Links
Tech Stack
- Frontend:
TypeScript, React, redux-saga, styled-components
Feature
- 팀의 유일한 프론트엔드 개발자로서 초기 환경 세팅부터 문서화까지 프론트엔드 개발의 모든 부분을 담당
- 2021.12.28 ~ 2022.03.27
- Redux-saga를 통한 전역 state 관리 및 API 통신: Redux와 Redux-saga를 사용해 전역적으로 상태를 관리하며 API 통신과 같은 비동기적 동작을 처리하였습니다.
- Infinite Scroll 구현
- 추천 테마 및 인기 테마를 한눈에 볼 수 있도록 custom hook을 이용한 횡 방향 슬라이더 컴포넌트 개발
- react-ga 라이브러리를 활용하여 구글 애널리틱스와 연결, 앱으로의 전환율 확인
- i18n 라이브러리를 통해 브라우저 언어 설정에 따른 한/영 다국어 지원 적용
- 최대 36%의 앱전환율을 기록
🏃🏻♂️Experiences
🏹Hackathon
구름톤(9oormthon) 5기
Links
- 리팩토링 진행 저장소
Summary
- 2023.03.28 ~ 2023.03.31
- Kakao와 goorm이 함께 주최한 해커톤 참가
- 5인으로 구성된 팀 내 프론트엔드 개발 담당 및 기획, 최종 발표에 참여
- 기여도: 개발 및 발표 포함 35%
Details
- 안전한 제주 올레길 여행을 위한 동행 매칭 서비스 기획
- 프론트엔드 개발 담당 👉🏻 시연 영상 Link
- 팀원 간 협업을 위한 PR, Issue, commit message 규칙 수립
- 동행 제안서 작성 페이지 제외 모든 페이지의 구현에 참여
- 최종 발표 진행
- 발표 자료 E1I4너가올레내가갈레발표자료.pdf
- 프로젝트 리팩토링 진행 중
🚀Internship
플레이키보드(비트바이트) 프론트엔드 인턴
Summary
- 2021.12.28 ~ 2022.03.27
- 프론트엔드 인턴쉽 진행
- 웹스토어, 기획전 및 캠페인 웹페이지 구현
Details
- 키보드 앱 서비스의 웹스토어 개발 - 앱 다운로드 없이 키보드 테마 체험 가능
- 기획전, 캠페인 웹페이지 제작 - 앱으로의 전환 유도
- 인턴쉽 관련 인터뷰 포스트 👉🏻 Link
📋Educations
원티드 프리온보딩 코스
Summary
- 2021.07.29 ~ 2021.09.15
- 프론트엔드 직무 지식 교육 프로그램
Details
- 연계 기업이 출제하는 프론트엔드 개발 과제를 경험
- 멘토의 피드백을 통한 실무 역량 강화
엘리스 AI 서비스 기획 개발 트랙 1기
Summary
- 2020.12.22 ~ 2021.06.12
- 웹 개발 교육 프로그램
- 3회의 웹 서비스 기획 개발 프로젝트 진행
Details
- K-Digital training 훈련생으로 선발되어 교육 이수
- HTML, CSS, JavaScript, React 등 기초 웹 개발 지식 습득
- 팀 프로젝트를 통한 협업 경험
