Share
Sign In
허지연
프론트엔드 개발자
Phone 010 - 7107 - 2329
Email jiy7107@gmail.com
Introduction.
개발에 정확한 근거를 제시합니다.
최적의 기술을 적용할 수 있도록 다양한 기술을 경험하고 토이 프로젝트를 통해 빠르게 익히고 고민하는 과정을 좋아합니다. 공식 문서를 기반으로 기술을 터득하는 것을 동료들과 주기적으로 스터디를 진행하며 기술의 본질을 깨닫고 적재적소에 사용합니다.
최적의 기술을 적용할 수 있도록 다양한 기술을 경험하고 토이 프로젝트를 통해 빠르게 익히고 고민하는 과정을 좋아합니다. 공식 문서를 기반으로 기술을 터득하는 것을 동료들과 주기적으로 스터디를 진행하며 기술의 본질을 깨닫고 적재적소에 사용합니다.
프로젝트의 전체를 내다보고 일부를 개발해 나아간다는 마인드로 협업에 임하고 있습니다.
언제든 팀의 방향에 녹아들 수 있도록 열린 마인드로 소통하고 다양한 사람의 시각에서 배우고 성장하기 위해 코드 리뷰 문화를 적극 활용합니다. 다른 사람의 코드를 확인하면서 개발에 대한 다양한 표현 방식을 배우기도 하고, 내 코드에 달린 리뷰를 확인하며 개선 방향을 고민합니다.
언제든 팀의 방향에 녹아들 수 있도록 열린 마인드로 소통하고 다양한 사람의 시각에서 배우고 성장하기 위해 코드 리뷰 문화를 적극 활용합니다. 다른 사람의 코드를 확인하면서 개발에 대한 다양한 표현 방식을 배우기도 하고, 내 코드에 달린 리뷰를 확인하며 개선 방향을 고민합니다.
Projects.
센터 전용 기록 템플릿 및 링크 관리 서비스 [UDEMY 우수상]
2023.07 - 2023.08 (현재 성능 개선을 위한 개인 프로젝트 진행중)
[담당 역할]
센터 기록 템플릿 생성 기능
문항 별 (텍스트, 미디어, 선택형) CRUD 구현
각 문항의 필수 여부, 이동 기능 및 유효성 검증을 거쳐 템플릿을 생성하는 기능 구현
⛏ 센터 기록 템플릿 생성 기능 - 트러블 슈팅
onChange마다 상태를 업데이트하며 발생했던 렌더링 문제를 onBlur를 적절히 활용해 개선
생성 완료된 템플릿이 메인 화면에 바로 적용되지 않는 문제를 낙관적 업데이트로 사용자 경험 개선
사용자 경험 개선을 위한 리팩토링
태블릿 기반의 기존 디자인에서 웹 사용자를 고려해 UI 개선
관심사에 따라 provider를 적절히 분리 및 적용해 코드의 유지 보수 및 렌더링 이슈 개선
사용자 피드백(모달창이 쉽게 사라지는 문제, 입력창 크기 등)을 받아 서비스를 개선
전체 프로젝트 초기 세팅 및 협업을 위한 규칙 생성
Husky eslint-stage를 적용해 프로젝트 협업 효율성 향상
package-lock.json 기반의 버전 정보 고정을 도입하여 의존성 버저닝 이슈 방지
Issue template, PR template을 적용해 진행중인 작업 사항을 효율적으로 공유할 수 있는 환경 마련
[협업]
프론트엔드 개발자 4인 구성, 프로젝트 팀 리드 담당
팀 노션을 통해 일정 및 회의록을 작성하고 관리 팀 노션 페이지
개발 집중 시간 (평일 1-6시)을 도입해 디스코드에 모여 원활한 소통 및 생산성 확대
코드 리뷰를 적극적으로 활용하여 코드 퀄리티 향상 PR 살펴보기
[사용 기술]
TypeScript / React / Context API / Axios / SWR
[관련 링크]
기존 팀 프로젝트 링크: Github
성능 개선을 위한 개인 프로젝트 진행 링크 : Github
나만의 커스텀 케이크 주문 제작 서비스
2023.02 - 2023.03
[담당 역할]
소셜 회원가입 및 로그인 기능
카카오 api로 부터 받은 인가코드를 백엔드 서버로 보내 헤더를 통해 토큰을 발급받는 방식으로 구현
페이지 진입 시 토큰의 유무에 따른 자동 로그인 구현
⛏ 소셜 회원가입 및 로그인 기능 - 트러블 슈팅
Next.js 의 서버 사이드에서 존재 하지 않는 window 객체에 접근하려는 이슈에 대해 조건부 렌더링을 활용해 개선
일반 사용자 및 업주 마이페이지 기능
JWT 토큰 내에 사용자의 정보를 확인하고 유저 특성 별 마이페이지를 제공하도록 구현
유저 별 주문 내역에 대해 거래 유무에 따라 조회할 수 있도록 구현
거래가 성사되지 않은 주문의 경우 삭제할 수 있도록 구현
⛏ 주문 내역 조회 및 삭제 기능 트러블 슈팅
주문 내역 삭제 결과가 화면에 바로 적용되지 않는 문제에 대해 낙관적 업데이트로 사용자 경험 개선
업체 정보 등록 폼 제출 기능
많은 상태를 다루는 등록 폼을 react-hook-form을 활용해 구현
각각의 입력값에 대해 유효성 검증을 진행해 올바른 형태로 폼을 작성하도록 구현
사용자 경험 개선을 위한 리팩토링
사용자 피드백(일부 브라우저 접근 불가, 업체/사용자 구분의 어려움 등)을 받아 서비스 개선
[협업]
프론트엔드 개발자 3인, 백엔드 개발자 4인 구성, 프로젝트 팀 리드 담당
팀 노션을 통해 일정 및 회의록을 작성하고 관리 팀 노션 페이지
개발 집중 시간 (평일 2-7시)을 지정해 게더타운에 모여 원활한 소통 및 생산성 확대
코드 리뷰를 적극적으로 활용해 코드 퀄리티 향상
[사용 기술]
TypeScript / Next.js / Axios / Tanstack-query
[관련 링크]
유럽 여행 친구 만들기 커뮤니티 서비스
2023.01 - 2023.05
[담당 역할]
자체 회원가입 기능
Formik 라이브러리를 활용해 하나의 state store를 기반으로 구현
Yup 라이브러리를 통해 회원가입 input의 유효성 검증
유저 리스트 조회 검색 기능
검색에 따라 관련 유저 정보를 검색하고 조회할 수 있도록 구현
custom debounce 훅을 도입해 검색어에 따른 api 호출 렌더링 이슈 개선
전체 프로젝트 리팩토링
JavaScript로 개발되었던 프로젝트를 TypeScript로 마이그레이션 함에 따라 타입 안정성 확보
Tanstack-query를 도입해 클라이언트 상태와 서버 상태를 분리해 유지보수 및 잠재적 이슈 개선
[협업]
프론트엔드 개발자 4인 구성
팀 노션을 통해 일정 및 회의록을 작성하고 관리 팀 노션 페이지
[사용 기술]
TypeScript / React / Axios / Tanstack-query / Recoil
[관련 링크]
Awards.
UDEMY 우수상
2023.08
맨텍 개발 경진대회 은상
2021.09
Educations.
명지대학교
융합소프트웨어학부 학사
융합소프트웨어학부 학사
2017.03 - 2022.08