Introduce.

안정적인 서비스에 대해 고민하고 나아가는 개발자, 이명규입니다. 안정적인 서비스는 자연스러운 흐름과 서비스의 성능이 중요하다고 생각합니다. Userflow를 작성하여 흐름을 설계하고, React-Query의 적절한 캐싱을 통해 성능을 향상 시킬 수 있습니다. 이외에도 리액트의 렌더링 조건과 memoization Hook, Code Splitting 등 최적화 기법에 대해 공부하고 프로젝트에 적용하여 안정적인 서비스를 제공하고자 합니다.
기록을 통한 성장을 지향합니다. 새로운 지식을 배우거나 이슈가 발생했을 때 당시 상황과 함께 학습 내용을 기록합니다. 순간의 감정과 함께 지식을 기록함으로써 오래 기억하고, 반복된 실수를 최소화했습니다. 결과적으로 발생한 상황에 다양한 시도를 해보며, 문제 해결에 적극적으로 기여할 수 있었습니다.
Success를 위한 Process 명확한 목표와 방향성은 프로젝트의 완성도를 높이는 데 중요하다고 생각합니다. 데일리 스크럼을 적극적으로 활용하여 작업 전에 팀원들과 함께 작업 내용과 우선순위를 정하였습니다. 또한, 문제 해결에 오랜 시간이 걸리거나 풀리지 않는 경우 즉각적으로 팀원들과 공유하여 시간을 효율적으로 사용하였습니다.

Skill.

[언어]

JavaScript

TypeScript

[프레임워크 및 라이브러리]

React

Recoil

Redux

React-Query

Tailwind CSS , Styled-Component

[협업 툴]

Github

Figma

Notion

2023.04 - 2023.05 풀스택 (1인), FE (1인) 풀스택

프론트엔드 기술 스택 : React, TypeScript , React-Query , Styled-Component , Recoil , Axios

수행한 업무(프론트엔드)

마이페이지, 인터뷰 페이지 관련 기능 구현
- 프로젝트 특성에 맞게 defaultOptions🔗 을 지정하여 불필요한 네트워크 요청을 방지하고, 애플리케이션 성능 향상
- useQuery를 사용하여 데이터 캐싱을 통해 사용자 대기 시간 최소화
- setQuery🔗 ****를 이용하여 useMutataion의 mutate 함수 반환값을 관리함으로써, 최근 인터뷰 결과 데이터를 유지
- 인터뷰 제출 시 onSuccess🔗 콜백 함수를 활용하여, 마이페이지 관련 데이터를 refetch하고 최신화시켜, 사용자의 대기 시간 단축 및사용자 경험을 개선
사용자에게 다양한 환경을 제공하기 위해 Style Theme와 Recoil을 활용한 다크모드 구현
로그인 관련 기능 구현
- accessToken의 존재 여부에 따라 Query의 반환 값을 조정🔗 ****해줌으로써 로그인 상태를 변경
- axios Instance를 제작하여 중복 코드 방지
- Private Router 컴포넌트를 제작하여, 인증 유저와 비인증 유저의 라우터 분리
React-dev-tools와 프로젝트 구조 분석을 통한 최적화 작업
Vercel을 이용한 서비스 배포

백엔드 기술 스택 : Express, TypeScript , Sqlite3 , Sequelize , OpenAi , Axios

수행한 업무(백엔드)

제가 작업한 개발 영역를 자세히 보시려면 아래의 링크를 클릭해주세요