아이팩토리는 변리사가 특허를 신청하는 과정에서 제출해야 되는 여러가지 문서 작업들을 자동화할 수 있는 플랫폼을 개발하고 있습니다. 그중 신규서비스의 대시보드와 조회 페이지를 기획하고 개발했습니다. - 구글 차트를 활용하여 주제별로 선형, 막대 그래프로 차트 구현 - 'vcalendar' 활용하여 날짜별 차트 데이터 변경 기능 구현 - 특허 태그별로 여러가지 제약 조건 반영하는 기능 구현 - 검색창 검색 기능 구현 - vuex를 활용하여 전역에서 상태 관리할 수 있게 구현

기간 : 2020.08(2주) 인원 : 프론트엔드(3명) / 백엔드 (2명) Skill : React(Function Component), Redux , JavaScript , HTML , SaSS/Styled-Component, Git 라이브러리 : HighChart 담당 역할 : 프론트엔드 담당 업무 : 메인 페이지, 미국 지도/미국 주 지도, 막대그래프, 결제 모달창 설명 : 코로나 정보를 가진 DATA USA 웹 사이트 git : https://github.com/seo337dc/10-dataWeSA-frontend

코로나 바이러스를 비롯한 여러 데이터를 수집, 분석하여 차트와 지도로 시각화한 dataUSA Web 사이트 클론 프로젝트 기간: 약 2주 참여인원: 프론트엔드 3명 / 백엔드 2명 - React Hooks 를 활용하여 전반적인 기능 구현 - 'highchart'를 사용하여 차트로 코로나 데이터 시각화 및 카테고리별 필터링 'axios'를 사용하여 백엔드와 데이터 연결 및 loading, error 핸들링 - 구글 api, 카카오 api를 통한 소셜로그인 기능 구현 - Redux를 사용하여 Data card 상태의 중앙화

코로나 바이러스를 비롯한 여러 데이터를 수집, 분석하여 차트와 지도로 시각화한 dataUSA Web 사이트 클론 프로젝트 기간: 약 2주 참여인원: 프론트엔드 3명 / 백엔드 2명 - 주제별 정보 페이지, 로그인 페이지 UI 구현 - 'highchart'를 활용하여 일별 누적 데이터를 선형 그래프로 표현 - 'materialui'를 활용하여 옵션 선택 가능 테이블 생성 - select문 옵션 활용하여 차트의 주제 변경 기능 구현 - 카카오 아이디로 소셜 로그인 기능 가능하게 구현

신발과 의류 등 세계적인 패션회사인 컨버스 홈페이지 클론 프로젝트 기간: 약 2주 참여인원: 프론트엔드 3명 / 백엔드 1명 - 신발 상세 페이지, 장바구니 UI 구현 - nav바, footer 구현 - 신발 클릭시 엔드포인트 변경하여 신발 색상별 페이지 이동 구현 - ref 활용하여 dom에 직접 접근해 해당 태그로 이동 기능 구현 - 상품 장바구니 추가, 삭제 기능 구현