사용자를 고려한 UI 개발에 집중하며, 팀원들과의 협업을 통해 더 나은 결과물을 만들어내는 데 열정을 가지고 있습니다.
연락처.
프로젝트 경험.
개요
매일 자신이 느끼는 감정을 글로 기록하여 감정 변화를 색깔로 볼 수 있게 정리해주는 일기장 플랫폼
기술 스택
TypeScript, React, tailwindcss, Next.js (App Router), ReactQuery
주요 구현 기능
- 작성한 게시물에 자주 사용한 단어 구분 로직 구현
개요
각종 상품에 대한 리뷰를 나누고 기록하는 플랫폼 입니다.
기술 스택
TypeScript, React, tailwindcss, Next.js (Page Router), ReactQuery, shadcn/ui
내가 담당한 부분
기타 활동.
기술 역량.
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의 차이점과 특성을 이해하고 사용합니다.
자기 소개.