김진영 프론트엔드 개발자

010.4773.4954 | [email protected]

🔗 github 바로가기

🔗 블로그 바로가기

🔗 포트폴리오 바로가기

• 어려운 과제와 도전을 두려워하지 않는 강한 정신력을 가지고 있습니다.
• 해야할 일을 능동적으로 찾고, 기한 내에 결과물을 내는데 최선을 다 합니다.
• 존중과 예의를 중시하며 원활한 커뮤니케이션 능력을 갖추고 있습니다.

🛠️ 기술 스택

React, Next.js, Typescript, Zustand, Recoil, Axios, tanstack-query, Tailwindcss, Styled-components, Scss

Zeplin, Figma

💻 프로젝트

막차타

▪️ 프로젝트 기간 및 인원 :

2023.10.18 ~ 진행중, FE 5명 + DE 1명

▪️ 프로젝트 스택 :

Next.js, typescript, Recoil, Axios, React-query, styled-components, git, vercel

▪️ 프로젝트 내용 :

막차타는 막차를 타고 싶은 사람들을 위한 서비스입니다. 귀가길에 막차를 타려면 언제 일어나야 하는지 진동과 메시지로 알림을 줄 수 있습니다.

▪️ 담당 기능 :

• 메인 화면의 알람 설정 토글
• 막차까지 남은 시간 타이머 및 게이지 표현
• 막차 상세 경로 안내

▪️ Link

🔗 막차타 github 확인하기

어푸어푸

▪️ 프로젝트 기간 및 인원 :

2023.05.19 ~ 2023.06.30 (6주) , FE 3명 +BE 4명 + DE 1명

▪️ 프로젝트 스택 :

React, typescript, Recoil, Axios, React-query, SCSS, git, vercel, AWS

▪️ 프로젝트 내용 :

가계부 작성을 통해 수입, 소비에 대한 리포트를 제공합니다. 가계부 작성과 지출 제한 챌린지를 통해 포인트를 적립, 포인트를 사용해 레벨업과 캐릭터 꾸미기, 커뮤니티에서 함께 절약하는 타 유저와의 소통을 통해 절약 동기 부여를 제공하는 서비스입니다.

▪️ 담당 기능 :

• 카카오 소셜 로그인을 통해 발급된 JWT 토큰을 localstorage에 저장하여 24시간 동안 로그인 상태를 유지하고, cookie에는 refresh token을 저장하여 토큰이 계속 유지되도록 함.
• SSE 단방향 소켓 연결 중 Persist Recoil을 이용하여 연결 상태를 저장하고 중복으로 연결을 시도하는 것을 방지
• nivoChart 라이브러리를 통해 마이페이지의 개인 소비성향, 최근 소비 근황을 그래프로 표시
• 스크롤 이벤트로 차트와 포인트 게이지에 애니메이션을 적용, throttling을 사용하여 데이터 자원의 낭비를 방지
• 3일 동안 64개의 피드백을 받아 닉네임 수정 기능 추가 등 유저 피드백 반영.