미리보기
기본 정보
저는 서비스의 사용자가 겪는 다양한 문제를 이해하고, 이를 해결할 수 있는 방안을 찾는 데집중합니다. 사용자 경험을 개선하고, 서비스가 직관적이고 효율적일 수 있도록 고민하며, 항상 더 나은 결과물을 제공하기 위해 노력하고 있습니다.
기술 스택
JavaScript, HTML/CSS, React, REST API
프로젝트
Popcorn-Movie 영화 사이트
개인
2025.01. ~ 2025.01.
최신 영화 목록을 조회하고, 각 영화의 상세 정보를 확인할 수 있는 최신 영화 사이트입니다. 영화 제목, 개봉일, 장르, 예고편, 평점 등을 실시간으로 확인할 수 있으며, 영화 검색과 페이지네이션 기능을 통해 더욱 쉽게 영화를 탐색할 수 있습니다. 서버에서 실시간 영화 목록 가져오기: React Query를 사용하여 서버에서 현재 상영 중인 영화 목록을 동적으로 가져와 사용자에게 최신 영화 제공. 성능 최적화: Axios를 활용하여 서버와의 HTTP 요청을 처리하고, React Query의 캐싱 기능을 사용하여 성능을 최적화. Tech Stack: React, React-Query, React-Router, Axios, React-Bootstrap.
Plansphere-todolist 날씨 기반 투두리스트
개인
2024.12. ~ 2024.12.
개인 할 일 리스트를 작성하며, 현재 날씨 정보를 실시간으로 확인할 수 있는 날씨 기반 투두리스트입니다. 날씨 API를 활용하여 사용자의 위치에 맞는 실시간 날씨를 제공. 할 일 목록을 작성하고, 수정, 삭제, 완료 처리할 수 있습니다. 위치 기반 날씨 데이터: navigator.geolocation.getCurrentPosition 날씨 API 사용, 해당 위치의 실시간 날씨 데이터 제공. 로컬스토리지 사용: 할 일 목록은 로컬스토리지에 저장되어, 새로고침 후에도 데이터를 유지, 이를 통해 사용자는 다시 로그인하거나 새로고침을 하여도 할 일 목록이 유지. 달력 렌더링: JavaScript의 Date 객체를 사용하여 월별 달력을 동적 생성. Tech Stack: HTML, CSS, JavaScript.
Camping Manager 관리자 페이지
기타
2023.08. ~ 2023.09.
관리자가 로그인하여 상품 관리 및 추천 아이템 관리, 그리고 데이터 시각화 기능을 사용할 수 있는 캠핑스모어의 관리자 페이지입니다. 관리자는 사용자의 성별 및 나이대 분포를 시각적으로 확인할 수 있고, 추천 상품 목록을 효율적으로 관리할 수 있습니다. 로그인 페이지: 관리자가 시스템에 로그인하여 관리자 전용 페이지에 접근. 추천 상품 관리: 관리자는 상품 목록에서 추천 상품을 추가, 수정, 삭제 기능. chart 기능: 관리자 대시보드에서 성별 및 나이대별 사용자 분포를 차트로 시각화. Tech Stack: React, Styled-Component, Axios, Nivo Chart.
Camping Smore 캠핑 음식 서비스
기타
2023.07. ~ 2023.08.
사용자가 상품을 검색하고, 장바구니에 담아 결제할 수 있는 캠핑음식 상품을 제공하는 캠핑 사이트 입니다. 서비스에서는 상품 목록을 보고, 상세 정보를 확인하고, 상품을 장바구니에 추가하는 기능을 제공합니다. 카테고리 및 검색 기능: 사용자가 카테고리와 검색어를 입력하여 상품을 동적으로 필터링. 장바구니 및 찜하기 기능: 사용자가 상품을 장바구니에 추가하거나 찜할 수 있도록 구현했으며, 로그인 상태에 따라 모달을 띄워 인증되지 않은 사용자의 접근을 방지. 정렬 기능: 판매순, 최신순, 가격순 등의 정렬 옵션을 제공하여 사용자가 원하는 방식으로 상품을 정렬. Tech Stack: React, React-Router, Axios, Redux, FontAwesome.
Grow Green 식물 ToDoList
기타
2023.06. ~ 2023.07.
사용자가 자신의 식물을 쉽게 관리할 수 있도록 도와주는 식물 관리 투두리스트입니다. 이 서비스는 식물 등록, 수정, 삭제, 목록 보기, 그리고 상세 페이지 기능을 제공. 식물 관리 시스템 구현: 식물 정보를 등록, 수정, 삭제하는 기능을 구현하여 사용자가 효율적으로 식물을 관리. 식물 목록 페이지: 서버에서 식물 목록 데이터를 가져와 화면에 렌더링하고, 각 식물 항목을 클릭하면 해당 식물의 상세 정보로 이동할 수 있도록 구현. 식물 상세 페이지: 사용자가 식물의 상세 정보를 확인하고 수정 및 삭제할 수 있는 페이지를 구현. Tech Stack: React, Styled-Component, Ant Design, React-Router.
포트폴리오
교육
그린컴퓨터아트학원
사설 교육 | Front-End React 양성과정
2023.04. ~ 2023.09. | 수료
경일대학교
대학교(학사) | 화학공학과
2007.03. ~ 2015.02. | 졸업
자격증
GTQ 1급
1급 | 한국생산성본부(KPC)
2020.05.
자기소개
저는 화장품 회사에서 물류팀으로 4년 동안 일하면서 효율적인 업무 처리, 프로세스 최적화, 팀 간 원활한 소통의 중요성을 깊이 이해하게 되었습니다. 물류 관리에서 정확성과 속도가 중요한 것처럼, 프론트엔드 개발에서도 빠르고 정확한 작업 흐름을 중시하는 점에서 많은 도움이 될 것입니다. 이를 통해 얻은 경험은 프론트엔드 개발자로서의 위치에서도 큰 자산이 될 것이라 확신합니다.
또한, 물류 관리 업무에서 팀워크와 협업을 중요하게 생각해왔습니다. 개발자로서도 다른 개발자와 디자이너와의 원활한 소통을 통해 최적의 해결책을 도출하고, 프로젝트를 성공적으로 이끌어 나가고 싶습니다. 물류팀에서의 경험은 문제 분석과 효율적인 시스템 구축 능력을 개발하는 데 큰 도움이 되었고, 이러한 경험을 바탕으로 코드 최적화와 성능 개선 등에서도 강점을 발휘할 수 있을 것입니다.
입사 후, 저는 물류 관리에서 쌓은 팀워크와 협업의 중요성을 바탕으로, 원활한 소통을 통해 프로젝트를 성공적으로 이끌어나갈 것입니다. 물류팀에서의 경험을 통해 문제를 체계적으로 분석하고 효율적인 시스템 구축을 실천했듯이, 개발자로서도 문제를 명확히 정의하고, 해결 방안을 신속하고 정확하게 파악할 수 있는 프론트엔드 개발자가 되겠습니다.