📧 Email: [email protected]
🌿Github: github.com/qhahd78
💻Blog: https://velog.io/@qhahd78
<aside> 💡 끊임없이 개선합니다.
코드를 지속적으로 개선하며 성장하는 개발자입니다. 완료된 프로젝트이더라도 더 나은 코드를 위해 지속적으로 개선하며, 서비스의 완성도를 높이는 것을 목표로 합니다.
</aside>
<aside> 💡 함께 성장합니다.
팀원들과 적극적으로 소통하며, 파트 회의를 주도하여 개발 문화 개선에 힘쓰고 있습니다. 기존 개발 문화가 확립되지 않았던 프론트엔드 파트에 파트 회의를 도입하고 주도하고 있으며, 사내 스터디를 운영하며 함께 성장하기 위해 노력하고 있습니다.
</aside>
Front-end
Tool
Discord Clone 프로젝트 (현재 진행 중)
TypeScript
React
Recoil
styled-components
storybook
react-query
react-hook-form
🏷️기여
Storybook
을 활용하여 디자인시스템을 구축하고, 재사용 가능한 컴포넌트들을 구현하여 렌더링 성능을 향상시켰습니다.React Query
를 도입하여 비동기 통신을 구현하여 코드의 복잡성을 낮추었습니다.createPortal
을 활용하여 전역적으로 사용할 수 있는 Modal을 구현하고, 이를 통해 DOM 트리를 최적화하여 불필요한 렌더링을 방지하였습니다.cookie
와 Refresh Token
을 도입하여 보안 이슈를 해결하였으며, 불필요한 인증 요청을 줄여 성능을 개선했습니다.ESLint
와 Prettier
를 사용하여 프로젝트 설정을 통일화하고, 코드 품질을 향상시켰습니다.Recoil
을 도입하여 전역적인 상태 관리를 구현하였고, 이를 통해 상태 업데이트를 최소화하여 성능을 개선했습니다.React Hook Form
을 사용하여 로그인/회원가입을 구현하고, 이를 통해 불필요한 렌더링을 방지하여 성능을 개선했습니다.Styled Components
를 활용하여 컴포넌트를 설계/개발하고, 이를 통해 CSS-in-JS 방식으로 스타일을 관리하여 렌더링 성능을 개선했습니다.백신 접종 유무 확인 및 식당 줄서기 서비스
🛠️기술스택
JavaScript
React
Redux
styled-components
😎역할
Figma
를 사용하여 서비스 전체 UI를 디자인🏷️기여
Multiform
구현을 위해 **Redux
**를 도입하여 사용자 정보를 전역적으로 저장하고 관리함으로써, 예약하기 기능의 사용성을 향상시켰습니다.JWT
**를 활용하여 로그인 상태를 확인하고, 권한에 따른 라우팅을 구현하여 보안성을 강화하였습니다.styled-components
**를 사용하여 컴포넌트를 설계/개발하였습니다. 이를 통해 컴포넌트의 재사용성과 가독성을 높일 수 있었습니다.Base Component
**를 설계 및 개발하였습니다. 이를 통해, UI 개발 시 일관성을 유지하고 유지보수성을 높일 수 있었습니다.craco
**를 도입하여 상대경로 대신 절대경로를 사용함으로써, 코드의 가독성과 유지보수성을 높일 수 있었습니다. 이를 통해, 리팩토링 과정에서 코드 작성에 대한 부담을 덜 수 있습니다.등록된 포트폴리오로 공모전/대외활동의 팀원을 구하거나 원하는 팀에 참여할 수 있도록 도와주는 서비스
🌿Github
🛠️기술스택
JavaScript
React
styled-components
😎역할
Figma
를 사용하여 서비스 전체 UI를 디자인🏷️기여
styled-components
**를 사용하여 컴포넌트를 설계/개발하였습니다. 이를 통해 컴포넌트의 재사용성과 가독성을 높일 수 있었습니다.