😁 이유를 고민하는 개발자 홍원배입니다

🙋‍♂️ About me

Intorduction

• 안녕하세요! 프론트엔드 개발자 홍원배입니다

• 웹 프론트에 국한 되지않고 다양한 기술을 배우고 싶어합니다

• 내가 이해하고 설명할 수 있도록 기술 노션페이지를 정리하고 있습니다

• Clean Code에 대한 관심이 많고 적용하기 위해 노력합니다

• 꾸준함을 최우선 가치로 두고 함께 하는 성장에 관심이 많습니다

Contact

• Email | shongs27@gmail.com

• Github | https://github.com/shongs27

• Blog | 홍원배의 기술블로그 (수정중)

👨🏼‍💻 Skills

• Scss, emtion, typescript 등 을 제외한 주요 기술스택만 서술했습니다

• 상기의 기술들에 대해 프로젝트를 진행해 본 경험이 있고 관련 프로젝트를 진행중입니다

• 프론트 뿐만 아니라, NodeJS와 AWS를 활용하는 백엔드에도 관심이 많습니다 🤣

📝Projects

개인프로젝트

기술 블로그 (v2)

• Notion을 CMS(컨텐츠 관리 시스템)로 활용하여 정리된 글을 포스트 합니다.

• 학습한 내용을 컨텐츠로 하여 오픈소스에 기여하고, 지속적인 코드 리팩토링을 통한 실습을 목적으로 합니다.

무비 앱

• 외부 API를 통해 영화 데이터를 받아오고 즐겨찾기 메뉴로 관리하는 무비 앱 입니다.

• 검색시 페이지네이션이 길어지는 UX 개선을 위해 intersectionObserveAPI를 활용하여 무한로딩을 구현했고, 이외에 알람창이 떠 있을 때는 다른 메뉴의 입력을 받지 않는 block기능을 구현하는 등, 사용자 경험을 개선할 수 있는 방법을 고민하고 적용했습니다.

• React DnD와 같은 외부 라이브러리 사용보다 직접 커스텀 훅으로 드래그앤드랍 기능을 구현해보며 공부하는 것을 좋아합니다. [참조코드]

팀프로젝트

매드업

• 매드업 광고 현황 서비스

• Victory.js의 그래프를 이용한 데이터 변화 확인

질환 검색 서비스

• 휴먼스케이프 질환 추천 검색 서비스

• react-query와 디바운싱을 활용하여 API 호출을 최소화 하는 것이 목적

헬스케어 관리 서비스

• 모아데이터 헬스케어 서비스

• 회원들의 심박 / 걸음 수 관리

스케줄 관리

• 할 일 추가 / 삭제 기능의 투두리스트

👨‍🏫 Education

원티드 프리온보딩 4기

• 원티드 와 연계된 기업과제 수행

• 협업을 통한 코드리뷰와 개선 경험

코드숨 리액트 6기

• 코드숨 교육 리액트 TDD 개발방법론

• 리팩토링을 통한 리액트 실습

• 테스트 개발방법론 학습

인텔과 함께하는 AI

• 인텔에서 주관하는 인공지능 관련 교육과 드론을 이용한 자동주행 실습

빅데이터 청년인재

• 1개월 집체교육 + 2개월 프로젝트

• 미세먼지 농도에 따른 기상 예측 프로젝트 2등

• 협업과 도메인 지식의 중요성에 대해 깨닫고 프로그래밍을 배우기 시작한 계기

📌 자격증

💬 Mottos

• 매일 학습

• "척" 하지말자

• 메타인지를 통해 명확하게 학습하자