본문 바로가기

내마음대로만들어보자326

[화면그리기]나만의 Planner 만들기 * 필요 기능 1. 목표 설정 (연간, 월간, 주간) → 공부, 습관, 운동, 다이어트 등등 우리가 매번 목표를 세우고 실행하다가도 금방 포기하고 그러는데 그러지 않도록 하기위한 목표! 2. 요일별 상세 Plan 내용 → 내가 설정한 목표에 따라서 내가 해야될 세부 계획들을 작성해보자. 3. 요일별 목표 달성 4. 세부 계획에 대한 시간설정 및 알람 PUSH 우선 내가 생각한 필요 기능들을 만들기위한 화면구성을 간단하게 만들어보자. * 공통 적용 내용 - 상단 + 버튼으로 오늘의 할일을 간단하게 추가할 수 있도록 버튼 추가 - 하단 버튼을 추가하여 화면이동이 가능하도록 적용 1. MainPage 내가 설정한 목표를 리스트 형태로 확인할 수 있는 페이지 ▶ 연간목표 , + 버튼 ▶ 월간목표 , + 버튼 ▼.. 2021. 9. 26.
[계획]나만의 Planner 만들기 여러가지 공부를 해보면서 프론트엔드에 대해서 더 배워보고 싶은 생각이 들어 기획을 하게 되었다! 요즘에는 앱 개발, 프론트엔드, 백엔드 등등 여러가지 너무 방대한 영역이 있어서 정확하게 내가 뭘 해야하고 앞으로 조금더 집중 적으로 어떤걸 배워봐야될지 쉽사리 결정하지 못했던 것 같다. 그래도 이번에 리액트 네이티브에 대해서 배우면서! 자바스크립트 기반이라서 쉽다는건 아니지만 이미 만들어진 라이브러리를 가져다 쓰기에는 적합한 언어라는 생각이들었다. 또 ! 모바일 웹, 앱개발 등에 활용할 수 있다는 장점이 좋은 것 같았다! 그래서 이번에 강의를 들고 심화단계를 배우면서 내가 그동안 여러 습관 Planner를 사용해보면서 내가 원하는 기능들만 적용시켜서 만들어 보려고 한다! * 필요 기능 1. 목표 설정 (연간.. 2021. 9. 26.
[복습]React 주요 개념정리 - 리덕스 개념 1. 리덕스란? 리덕스는 흔히 사용하는 상태관리 라이브러리 이다. 전역 상태관리를 할수있도록 도와주는 친구라고 생각하면된다. * 리덕스 패키지 설치 yarn add redux react-redux 2. 리덕스 개념과 용어 리덕스는 데이터를 한군데 몰아넣고 여기저기에서 꺼내서 사용할 수 있도록 해주는 라이브러리이다. - State 리덕스에서 지정하는 상태값(=데이터) 이고, 딕셔너리 형태로 보관을 한다 {[key]: value} - Action 상태에 변화가 필요할떄(=가지고 있던 데이터를 변경할때) 발생하는 것 {type: 'CHANGE_STATE', data: {...}} 액션은 객체이고, 위와같은 형식으로 사용되는데 type은 이름 같은것이다. - ActionCreator 액션생성함수라고도 불리며, .. 2021. 9. 24.
[복습]React 주요 개념정리 - 잘못된 주소 처리하기 이번에는 정의하지 않은 주소로 접속하는경우에 대해서 처리하는 방법을 복습해보자. 1. 우선 NotFound.js을 만들어서 연결해보자 import React from "react"; const NotFound = (props) => { return 주소가 올바르지 않습니다!!; }; export default NotFound; 2. App.js에서 불러오자. import Notfound from "./Notfound"; 3. Switch 를 추가하자 ... render() { return ( ... ( )} /> ... 4. NotFound를 route에 주소 없이 연결해주면 끝 5. NotFound.js 에 뒤로가기 적용하기 - App.js에서 history를 props로 넘겨주기 ( )}/> - No.. 2021. 9. 23.

티스토리툴바