Steady Mind For My Life

https://github.com/jongseok3910/Spring-Study

728x90
728x90

리액트 2

React 쇼핑몰 프로젝트

📖 서비스 내용운동화의 상세정보를 보고 구매를 하는 프로젝트입니다.🖥 개발 내용axios를 사용한 API를 통해 운동화의 정보를 보여준다.상품 클릭 시 상품의 상세정보를 보여준다.상세정보의 주문하기 버튼 클릭 시 상품이 장바구니에 담긴다.setTimeout를 사용하여 안내문구를 보여준다react-router-dom의 Routes, Navigate를 사용하여 페이지 이동을 한다.lazy함수를 사용하여 필요시에만 Rendering 되도록 구현.Redux를 사용하여 공통Props를 사용💡 성장 경험React에 대한 이해React의 여러 함수들을 사용하며 로직을 조금 더 간편히 구현할 수 있었습니다.React의 Redux 및 router-dom 그리고 AXIOSRedux라이브러리를 설치 사용하며 Props..

React 영화소개 사이트

📖 서비스 내용영화를 소개하는 서비스입니다.🖥 개발 내용React Hooks를 이용한 Rendering 구현API 연동을 통해 영화 내용 호출 및 출력CSS를 활용한 디자인 및 애니메이션 효과 구현💡 성장 경험React에 대한 이해React를 학습하면서 작동 원리 및 구현 프로세스에 대한 이해도를 높였습니다. 특히 React Hooks에 대해 자세히 알게 되었고 Props를 활용한 데이터 전달 및 CSS를 활용한 애니메이션 효과 추가에 대해 알게 되었습니다.👀 서비스 화면(메인 화면) (디테일 화면) (동작 화면)

728x90
728x90