전체 글64 Redux 리덕스 모듈스 import { v4 as uuidv4 } from "uuid"; 액션아이템을 만들어 준다 휴먼에러를 방지라기 위해 상수 처리하여서 액션을 만들어준다 const ADD_TODO = "ADD_TODO"; const REMOVE_TODO = "REMOVE_TODO"; const SWITCH_TODO = "SWITCH_TODO"; export const addTodo = (payload) => { return { type: ADD_TODO, payload, }; }; export const removeTodo = (payload) => { return { type: REMOVE_TODO, payload, }; }; export const switchTodo = (payload) => { retu.. 2023. 1. 3. react Nati react Native 파이어베이스 연동 파이어베이스 프로젝트 생성 후 VS code 에 firebase.js 파일을 만든 후 복사 붙여넣기 npm install 후 import를 한다 . 클라우드 파이어스토어 들어가서 규칙으로 들어가서 읽고 쓸 수 있는 권한을 true로 바꿔준다. 완료 후 클라우드 파이어스토어에 데이터가 들어오는 것을 확인 할 수 있다! 2023. 1. 3. WIL9 주차 Facts -ReactNative -styled-components -style sheet Feelings -Styled-component와 style sheet의 장단점을 느꼈다. Finding -Styled-component -style sheet -Alert.arlert Future -ReactNativer강의수강 -React 강의 복습 -Redux 사용하여 TodoList 2023. 1. 2. react Native 투두리스트 기본적인 UI를 짜고 기능을 추가해보았다 . 첫 번째 추가 기능 구현 const [todos, setTodos] = useState([]); const [text, setText] = useState(); const newTodo = { id: Date.now(), isEdit: false, text, isDone: false, category, }; const addTodo = () => { setTodos((prev) => { return [...prev, newTodo]; }); setText(""); }; 추가될 newTodo라는 새로운 객체를 만든다 만든 후 addTodo 변수를 만들어 setTodo를 이용하요 기존에 있던 todos 에 넣는다 setText 는 입력후 - 인풋창을 비.. 2023. 1. 2. 이전 1 2 3 4 ··· 16 다음
