프론트3명 백엔드2명과 함께한 프로젝트입니다. 사용한 Skills - React(Hooks, Classcomponent) - Styled-Component - Sass - Html / Css - Javascript(es6) 구현한 Funtion - CRA 및 prettier 초기세팅 진행 - 동적인 Slide 구현 - Navbar hover 시 State 상태 값 변화에 따라 content 변경 구현 - page refresh 시에 스크롤 상단 고정 구현 - Aos 라이브러리 사용하여 인터렉션 애니메이션 구현

스타벅스 코리아 웹 사이트를 모티브하여 구현한 팀 프로젝트 구현 페이지: 리스트 페이지 기간: 2021.01.25 ~ 02.05 - 모든 조건 front에서 구현 (전체 데이터를 담은 fetch 1 번 통신) - 조건부 렌더링 & JS 함수를 이용한 이중 필터링 기능 구현 (2가지 종류의 인풋 체크박스 컨트롤) - checkbox 조건 구현 ("전체 보기" 클릭 시 "다른 체크 박스" 해제 등) - 버튼에 따라 컴포넌트(사진 vs 테이블) 교체 - 동적 라우팅 (페이지 연결)

스타벅스 사이트를 모티브로 한 팀 프로젝트에 백엔드 부분을 맡아 진행했습니다. - 모델링 - 카카오 소셜로그인 - 상품 디테일 페이지 - 장바구니 - DB 업로더 작성 - AWS EC2 서버 이용 - RDS Database 사용 - AWS S3 이미지 관리 - Docker 배포 - 개발기능에 대한 유닛테스트

스타벅스 코리아 웹 사이트를 모티브하여 구현한 팀 프로젝트 구현 페이지: 리스트 페이지 기간: 2021.01.25 ~ 02.05 - 모든 조건 front에서 구현 (전체 데이터를 담은 fetch 1 번 통신) - 조건부 렌더링 & JS 함수를 이용한 이중 필터링 기능 구현 (2가지 종류의 인풋 체크박스 컨트롤) - checkbox 조건 구현 ("전체 보기" 클릭 시 "다른 체크 박스" 해제 등) - 버튼에 따라 컴포넌트(사진 vs 테이블) 교체 - 동적 라우팅 (페이지 연결)

사용한 Skills - React - Classcomponent - Sass -Javascript - Html / Css 구현한 Funtion - CRA 및 Prettier 초기세팅 진행 - 회원가입 / 로그인 구현 - 동적인 slide 구현 - Fecth를 이용한 API 데이터 호출 - 반복되는 코드 컴포넌트화 및 map 함수 사용한 코드 효울성 극대화