미리보기
기본 정보
꾸준한 성장을 추구하고 논리적인 코드작성을 지향합니다.
포트폴리오
기술 스택
React, JavaScript, HTML/CSS, TypeScript, Next.js
프로젝트
Recipick
멋쟁이사자처럼 프론트엔드스쿨
2022.12. ~ 2023.01.
레시픽은 요리 레시피를 업로드하여 공유하는 목적의 SNS입니다.
서비스 사용자는 레시피 재료를 태그로 사용하여 비슷한 재료를 사용한 다른 사용자의 레시피를 참고할 수 있습니다.
또한, 태그를 통해 자신이 직접 기른 채소와 과일 등 레시피 재료를 판매할 수 있습니다.
이외에도 레시픽은 게시물 및 댓글 작성, 사용자 검색, 팔로우 기능을 제공합니다.∙ 프론트엔드 4명
∙ 프론트엔드 담당
∙ ReactJS, styled-components, github
∙ DEMO : https://recipick.netlify.app/
∙ 테스트 계정
∙ ID : recipick@gmail.com
∙ PW : asdf1234
<DX>
∙ 코드를 공유하는 모든 동료에게 시간 절약과 편리함을 주기위해
GitHub 의 Issue와 PR 템플릿을 공유하고 eslint/prettier 설정 직접 진행
∙ useDebouce, useTheme 등 복잡하고 반복되는 로직에 대해서 custum hook으로 만들어서 재사용성 향상
<UX>
∙ 프로젝트를 사용하는 유저의 불필요한 작업을 하지 않기 위해 input에 validation을 추가 지원
∙ 여러 웹사이트에서 지원하는 무한 스크롤, 다크모드를 지원
<구현>
∙ 회원가입 / 로그인 / 리액션 / 검색 기능 구현
∙ 토큰 유무에 따라서 Router를 분리해 로그인 검증 기능 구현
∙ IntersectionObserver API를 활용하여 무한 스크롤 구현
∙ 보안을 위해 React-cookie 라이브러리를 활용하여 사용자 인증 토큰을 클라인트에 저장
<개선>
∙ useEffect의 클린업 함수에서 AbortController를 활용하여 컴포넌트 언마운트 시 진행 중인 API 요청을 중단함으로써 불필요한 네트워크 트래픽과 리소스 소비를 최소화
∙ 디바운스 기법을 적용하여 사용자의 검색 입력에 대한 API 요청을 최적화
∙ layout style을 방해하는 모달 기능을 React Portal로 해결
자기소개
<개발에 대한 다양한 활동을 통해 서로 다름을 이해하고 소통 능력을 향상시켰습니다>
・ 다른 사람의 어려움도 함께 공유하고 해결해 나가려고 노력합니다.
・ 팀 분위기를 밝게 해준다는 긍정적인 동료 평가를 받았습니다.
<무엇이든 적극적인 태도를 가집니다>
・ 제주 코딩 베이스 알고리즘 캠프에 연사자로 참여했습니다, 이처럼 적극적으로 도전하고 지속적인 성장을 추구합니다.
<개발에 대한 기술적 목마름을 해결하고자 다양한 노력을 진행합니다>
・ 기술적 역량 향상과 동료 개발자들과의 지식 교류를 위해 알고리즘 스터디에 참여하고, 인프콘과 FeConf 같은 주요 개발자 컨퍼런스에 적극 참석했습니다
・ 문제 해결 과정과 얻은 인사이트를 상세히 기록하여 기술 블로그에 공유합니다
경력
자격증
멋쟁이사자처럼 프론트엔드 스쿨 3기
멋쟁이사자처럼
2023.01.