Mine 프로젝트
-
🐜 Mine 애플리케이션 프로젝트 - 홈 화면Mine 프로젝트 2021. 7. 26. 14:46
이번 프로젝트에서는 React Router를 사용하였습니다. 리액트 라우터 설치 npm install react-router-dom 참고 사이트 : https://reactrouter.com/web/guides/quick-start import { Link, } from 'react-router-dom'; export default function HomePage() { return ( 한 달 예산을 세워볼까요? 자산 관리 시작해볼까요? ); }
-
🐜 Mine 애플리케이션 프로젝트 두 번째 이야기Mine 프로젝트 2021. 7. 26. 14:32
Mine 프로젝트 두 번째 이야기 입니다. 오븐을 이용해 프로젝트를 간단하게 그려본 후 요구 사항에 대해 생각해보았습니다. 📝 Requirements Step1 ✔️ 구현 페이지 HomePage BudgetPage CalendarPage Step2 ✔️ 각 페이지 요구사항 도출하기 HomePage에서 예산 페이지와 달력 페이지 연결해주기 BudgetPage와 CalendarPage에 공통된 부분 컴포넌트로 만들어서 재사용하도록 하기 BudgetPage에 예산 컨테이너 컴포넌트 만들기 CalendarPage에 캘린더 컨테이너 컴포넌트 만들기
-
🐜 Mine 애플리케이션 프로젝트 첫 번째 이야기Mine 프로젝트 2021. 7. 26. 14:23
코드숨에서 배운 내용을 바탕으로 개인프로젝트를 시작하게 되었습니다. 제가 선택한 프로젝트는 자산 관리 애플리케이션입니다. 가계부 작성을 기반으로 나의 것을 지키는 습관을 만들어주고 더 나아가 자산 관리로 이어지도록 다양한 정보를 제공하는 서비스를 도출하는 애플리케이션으로 성장시켜볼 예정입니다. 이 프로젝트는 리액트, 리덕스, 테스트(jest)로 진행하려고 합니다. 우선 최소한으로 필요한 부분이 무엇인지 그려보았습니다. 오븐 사이트 : https://ovenapp.io/ 홈 화면 예산 화면 달력 화면 🎈 오븐 사이트 사용 이점 🎈 프로젝트를 계획하면서 가장 어려웠던 부분이 기획과 디자인이다. 혼자서 개인 프로젝트를 진행할 때 무에서 유를 창조하는 것은 정말 굉장한 일이다. 그렇기 때문에 저는 기존 서비스를..
-
🐜 Mine 애플리케이션 프로젝트Mine 프로젝트 2021. 7. 13. 13:13
[코드숨 리액트 4기] 4주 프로젝트 (2021.6/28~2021.7/25) 🐜 Mine React & Redux 자산 관리 애플리케이션 🚀 Getting Started 다수의 컴포넌트를 페이지로 구성하고 복잡해진 상태를 관리합니다. 📌 프로젝트 목적 ✔️ 데스크탑 타겟의 웹 앱을 구현하며 가계부 작성을 기반으로 나의 것을 지키는 습관을 만들어주고 더 나아가 자산 관리로 이어지도록 다양한 정보를 제공하는 서비스를 도출해봅니다. ✔️ 상태 관리를 위해 Flux Architecture 기반의 Redux를 활용합니다. ✔️ Router를 활용해 여러 페이지 전환을 고려합니다. 🎨 시안 홈 Page 예산 Page 캘린더 Page