미리보기
기본 정보
지속적인 학습으로 성장하는 개발자 이민영입니다.
기술 스택
Firebase, TypeScript, React, react-query, Node.js, ec2, vercel, Express, Redux, redux-toolkit, React Context
프로젝트
리팩토링 프로젝트
개인
진행 중
백엔드 개발자와 협업한 프로젝트에서는 업무를 분담하여 일부분만 담당했습니다. 그 경험이 아쉬웠고, 프론트엔드 전체를 혼자 개발해보면 실력 향상에 큰 도움이 될 것 같아 이 프로젝트를 시작하게 되었습니다.
사용한 기술 : mui, recoil, typescript, contextAPI, react-query, firebase, nodejs(express), EC2, vercel 등
회원가입페이지에서 선택한 가입 회원유형에 따른 회원가입 입력 폼 조건부렌더링
Firebase Authentication을 활용한 회원 관리 시스템 구현 및 Firebase Realtime Database와 연동하여 확장된 사용자 프로필 정보 관리 (role 등)
LocalStorage로 jwt token 관리
MUI - theme 과 contextAPI 사용 다크모드 구현
Firebase-storage 사용하여 오피스등록용 이미지 저장
Recoil의 selector 를 사용하여 오피스 filtering 기능 구현
MUI의 breakpoint 시스템 활용한 반응형 UI 구현
React-query mutate를 활용하여 오피스정보 및 닉네임 수정
Error boundary 를 활용하여 error 핸들링
Suspese와 react -lazy dynamic import 를 사용한 코드 스플릿팅
Nodejs + express + mongodb를 사용하여 오피스 등록 CRUD 구현
프론트엔드 vercel로 배포
백엔드 EC2 + Route53 + acm → https로 배포
오피스파인더_협업프로젝트
부트캠프
사용한 기술: contextAPI, axios, tailwind, react query, react-slick
회원가입/로그인 기능 구현
공용 컴포넌트 input, button 구현
axios + react-query 를 사용한 데이터 통신
withCredential을 사용하여 cookie로 jwt관리
my task
개인
사용기술: RTK/createThunk, firebase, styledComponent, vercel
RTK/createThunk를 이용한 마이테스크 추가, 삭제, 완료/되돌리기 기능 구현
useParams를 이용하여 상세페이지 구현
styled component로 UI 구현
vercel로 배포