사용자를 고려한 UI 개발에 집중하며, 팀원들과의 협업을 통해 더 나은 결과물을 만들어내는 데 열정을 가지고 있습니다.

연락처.

---

프로젝트 경험.

---

개요

매일 자신이 느끼는 감정을 글로 기록하여 감정 변화를 색깔로 볼 수 있게 정리해주는 일기장 플랫폼

기술 스택

TypeScript, React, tailwindcss, Next.js (App Router), ReactQuery

주요 구현 기능

• 글을 쓰면 잔디밭 형태의 기록이 남음

• 작성한 게시물에 자주 사용한 단어 구분 로직 구현

• 애니메이션 로직 개선

툴팁 애니메이션	툴팁 애니메이션2

---

개요

각종 상품에 대한 리뷰를 나누고 기록하는 플랫폼 입니다.

기술 스택

TypeScript, React, tailwindcss, Next.js (Page Router), ReactQuery, shadcn/ui

내가 담당한 부분

• 카카오와 구글 소셜 로그인 연동

• Button 컴포넌트와 Tag 컴포넌트 구축

• 예외 처리, 로딩 처리

기타 활동.

---

기술 역량.

---

HTML & CSS

• 시맨틱에 대한 지식을 꾸준히 학습합니다.
• Grid 와 Flex 를 사용하여 반응형 작업을 모든 프로젝트에 적용하였습니다.

JavaScript

• 매일 아침 10분씩 기본기에 해당하는 자바스크립트를 꾸준히 학습 합니다.
• Promise를 사용하여 데이터 요청, 코드 실행을 정해진 시간동안 잠시 미루는 등의 간단한 비동기 작업들을 구현 했습니다.

React

• Suspense와 Error Boundary를 이용해 예외 처리와 간단한 로딩 처리를 할 수 있습니다.
• Context Api, Redux Toolkit, zustand와 같은 라이브러리를 사용하여 전역 상태 관리가 가능합니다.

Next.js

• Middleware를 사용하여 로그인 상태에 따라 접근가능 여부를 판단하여 리디렉션 하는 동작을 구현 했습니다.
• App router와 Page router 각각 특성에 맞게 사용할 수 있습니다.

Supabase

• 트리거 함수를 이용해 특정 테이블의 로우가 변하면 특정 함수의 값이 변하도록 db를 구축합니다.
• supabase auth의 회원 정보를 참조하는 테이블을 만들어 추후 서비스의 변화에 대응할 수 있는 테이블을 제작했습니다.

Web

• LocalStorage, Cookie의 차이점과 특성을 이해하고 사용합니다.

자기 소개.

---