# 허지연

프론트엔드 개발자

**Phone**    010 - 7107 - 2329

**Email   **   jiy7107@gmail.com

**Blog**       [https://velog.io/@jiy7107](https://velog.io/@jiy7107) 

**Github**   [https://github.com/Heojiyeon](https://github.com/Heojiyeon) 

## Introduction.

**개발에 정확한 근거를 제시합니다.**
최적의 기술을 적용할 수 있도록 다양한 기술을 경험하고 토이 프로젝트를 통해 빠르게 익히고 고민하는 과정을 좋아합니다. 공식 문서를 기반으로 기술을 터득하는 것을 동료들과 주기적으로 스터디를 진행하며 기술의 본질을 깨닫고 적재적소에 사용합니다.

**프로젝트의 전체를 내다보고 일부를 개발해 나아간다는 마인드로 협업에 임하고 있습니다. **
언제든 팀의 방향에 녹아들 수 있도록 열린 마인드로 소통하고 다양한 사람의 시각에서 배우고 성장하기 위해 코드 리뷰 문화를 적극 활용합니다. 다른 사람의 코드를 확인하면서 개발에 대한 다양한 표현 방식을 배우기도 하고, 내 코드에 달린 리뷰를 확인하며 개선 방향을 고민합니다.

## Projects.

### 센터 전용 기록 템플릿 및 링크 관리 서비스 [UDEMY 우수상]

2023.07 - 2023.08 (현재 성능 개선을 위한 개인 프로젝트 진행중)

[담당 역할]

**센터 기록 템플릿 생성 기능**

- 문항 별 (텍스트, 미디어, 선택형) CRUD 구현

- 각 문항의 필수 여부, 이동 기능 및 유효성 검증을 거쳐 템플릿을 생성하는 기능 구현
- 

⛏ **센터 기록 템플릿 생성 기능 - 트러블 슈팅**

- onChange마다 상태를 업데이트하며 발생했던 렌더링 문제를 onBlur를 적절히 활용해 개선

- 생성 완료된 템플릿이 메인 화면에 바로 적용되지 않는 문제를 낙관적 업데이트로 사용자 경험 개선

**사용자 경험 개선을 위한 리팩토링**

- 태블릿 기반의 기존 디자인에서 웹 사용자를 고려해 UI 개선
- 

- 관심사에 따라 provider를 적절히 분리 및 적용해 코드의 유지 보수 및 렌더링 이슈 개선

- 사용자 피드백(모달창이 쉽게 사라지는 문제, 입력창 크기 등)을 받아 서비스를 개선
- 

**전체 프로젝트 초기 세팅 및 협업을 위한 규칙 생성**

- Husky eslint-stage를 적용해 프로젝트 협업 효율성 향상
- 

- package-lock.json 기반의 버전 정보 고정을 도입하여 의존성 버저닝 이슈 방지

- Issue template, PR template을 적용해 진행중인 작업 사항을 효율적으로 공유할 수 있는 환경 마련

[협업]  

- 프론트엔드 개발자 4인 구성, **프로젝트 팀 리드 담당**

- 협업을 위해 프로젝트의 전반적인 룰을 설정하고 문서화 및 [실습 진행](https://github.com/Heojiyeon/piehealthcare-test) 

- 팀 노션을 통해 일정 및 회의록을 작성하고 관리  [팀 노션 페이지](https://www.notion.so/sniperfactory1/ff62ea231bfb439f863f39ff5ec76e35?v=42d4bba738b0459d884fc7c66ca64623&pvs=4)

- 개발 집중 시간 (평일 1-6시)을 도입해 디스코드에 모여 원활한 소통 및 생산성 확대

- 코드 리뷰를 적극적으로 활용하여 코드 퀄리티 향상  [PR 살펴보기](https://github.com/pie-sfac/5-17-smokedDuck/pull/58)

[사용 기술]

- TypeScript / React / Context API / Axios / SWR

[관련 링크]

- 기존 팀 프로젝트 링크: [Github](https://github.com/pie-sfac/5-17-smokedDuck)

- 성능 개선을 위한 개인 프로젝트 진행 링크 : [Github](https://github.com/Heojiyeon/template-generator-playground)

### 나만의 커스텀 케이크 주문 제작 서비스

2023.02 - 2023.03

[담당 역할]

**소셜 회원가입 및 로그인 기능**

- 카카오 api로 부터 받은 인가코드를 백엔드 서버로 보내 헤더를 통해 토큰을 발급받는 방식으로 구현

- 페이지 진입 시 토큰의 유무에 따른 자동 로그인 구현

⛏ **소셜 회원가입 및 로그인 기능 - 트러블 슈팅**

- Next.js 의 서버 사이드에서 존재 하지 않는 window 객체에 접근하려는 이슈에 대해 조건부 렌더링을 활용해 개선

**일반 사용자 및 업주 마이페이지 기능**

- JWT 토큰 내에 사용자의 정보를 확인하고 유저 특성 별 마이페이지를 제공하도록 구현

- 유저 별 주문 내역에 대해 거래 유무에 따라 조회할 수 있도록 구현

- 거래가 성사되지 않은 주문의 경우 삭제할 수 있도록 구현

⛏ **주문 내역 조회 및 삭제 기능 트러블 슈팅**

- 주문 내역 삭제 결과가 화면에 바로 적용되지 않는 문제에 대해 낙관적 업데이트로 사용자 경험 개선

**업체 정보 등록 폼 제출 기능**

- 많은 상태를 다루는 등록 폼을 react-hook-form을 활용해 구현

- 각각의 입력값에 대해 유효성 검증을 진행해 올바른 형태로 폼을 작성하도록 구현

**사용자 경험 개선을 위한 리팩토링**

- 사용자 피드백(일부 브라우저 접근 불가, 업체/사용자 구분의 어려움 등)을 받아 서비스 개선

[협업]

- 프론트엔드 개발자 3인, 백엔드 개발자 4인 구성,** 프로젝트 팀 리드 담당**

- 팀 노션을 통해 일정 및 회의록을 작성하고 관리  [팀 노션 페이지](https://www.notion.so/backend-devcourse/07-7-a97b6a0ba9894edd8e401bd4f19ffc23?pvs=4)

- 개발 집중 시간 (평일 2-7시)을 지정해 게더타운에 모여 원활한 소통 및 생산성 확대

- 코드 리뷰를 적극적으로 활용해 코드 퀄리티 향상

[사용 기술]

- TypeScript / Next.js / Axios / Tanstack-query 

[관련 링크]

- [Github](https://github.com/prgrms-web-devcourse/team-7sung-heycake-fe)

- [회고](https://velog.io/@jiy7107/%25ED%2594%2584%25EB%25A1%259C%25EA%25B7%25B8%25EB%259E%2598%25EB%25A8%25B8%25EC%258A%25A4-%25EB%258D%25B0%25EB%25B8%258C%25EC%25BD%2594%25EC%258A%25A4-%25EC%25B5%259C%25EC%25A2%2585-%25ED%258C%2580%25ED%2594%2584%25EB%25A1%259C%25EC%25A0%259D%25ED%258A%25B8-%25ED%259A%258C%25EA%25B3%25A0)

### 유럽 여행 친구 만들기 커뮤니티 서비스

2023.01 - 2023.05

[담당 역할]

**자체 회원가입 기능**

- Formik 라이브러리를 활용해  하나의 state store를 기반으로 구현

- Yup 라이브러리를 통해 회원가입 input의 유효성 검증

**유저 리스트 조회 검색 기능**

- 검색에 따라 관련 유저 정보를 검색하고 조회할 수 있도록 구현

- custom debounce 훅을 도입해 검색어에 따른 api 호출 렌더링 이슈 개선

**전체 프로젝트 리팩토링**

- JavaScript로 개발되었던 프로젝트를 TypeScript로 마이그레이션 함에 따라 타입 안정성 확보

- Tanstack-query를 도입해 클라이언트 상태와 서버 상태를 분리해 유지보수 및 잠재적 이슈 개선

[협업]

- 프론트엔드 개발자 4인 구성

- 팀 노션을 통해 일정 및 회의록을 작성하고 관리  [팀 노션 페이지](https://www.notion.so/prgrms/c2c34fdd7a7541cabbb5bc6e01b6df9e?pvs=4)

[사용 기술]

- TypeScript / React / Axios / Tanstack-query / Recoil 

[관련 링크]

- [Github](https://github.com/prgrms-fe-devcourse/FEDC3_Tripend_JAEHO)

- [회고](https://velog.io/@jiy7107/%25ED%2594%2584%25EB%25A1%259C%25EA%25B7%25B8%25EB%259E%2598%25EB%25A8%25B8%25EC%258A%25A4-%25EB%258D%25B0%25EB%25B8%258C%25EC%25BD%2594%25EC%258A%25A4-%25ED%258C%2580%25ED%2594%2584%25EB%25A1%259C%25EC%25A0%259D%25ED%258A%25B8-%25ED%259A%258C%25EA%25B3%25A0)

## Awards.

### **UDEMY 우수상**

2023.08

### **맨텍 개발 경진대회 은상**

2021.09

## Educations.

### **명지대학교 
융합소프트웨어학부 학사**

2017.03 - 2022.08

## Pages

- [허지연](https://slashpage.com/zena)