캐나다 개발자

에러를 줘야하는 타이밍에 아래처럼 throw new Error("에러메세지") 하면 된다. export const loadUsers = createAsyncThunk(LOAD_USER, async()=>{ const datas = await getDocs(collection(db, "newUser")); throw new Error("error"); const data_list = []; datas.forEach((doc)=>{ data_list.push({id: doc.id, ...doc.data()}); }); return data_list; })

시간 SKILLS 할일 7pm - 8pm Redux CRUD 8pm - 10:30pm CS, TS 타입스크립트 10:30pm CS CS 조모임 10:50pm - 11:30pm Redux 기술매니저님의 추천코드로 변경 6 am React 쌀팔다 개발자 7am - 8am React 항해톡 8am - 10am Redux CRUD 10am - 12pm TS CS 조 발표준비 해야할일 스파르타 강의 과제 스터디팀 공부 대감 - 툴킷 곤감 - 리액트 캐감 - 쿼리 팀작업 1. 해리포터 덕질 사이트 - 상의 후 배포 2. 클론프로젝트 잠시 중단 개인공부 - 타입스크립트 쇼핑카트 https://www.youtube.com/watch?v=sfmL6bGbiN8 전산학공부 x 알고리즘, 자료구조공부 x 개인작업 x

시간 SKILLS 할일 7pm - 8pm React CRUD 연습 https://jsonplaceholder.typicode.com/ 위 json 사용해서 axios로 가져오기 연습 8pm - 10:30pm React 과제 css, 밸런스수정 등 10:30pm CS CS 조모임 11pm - 6am React 리액트 리덕스 툴킷 공부 6 am React 리액트 조모임 7am - 8am React css 애니메이션 하나 공부 8am - 10am React 툴킷 CRUD 연습 10am - 12pm React 강의 2주차 해야할일 스파르타 강의 과제 스터디팀 공부 대감 - 툴킷 곤감 - 리액트 캐감 - 쿼리 팀작업 1. 해리포터 덕질 사이트 - 상의 후 배포 2. 클론프로젝트 잠시 중단 개인공부 - 타입스크립트..

설치 npm i immer yarn add immer 사용 import produce from 'immer'; 왜 리액트에서 불변성을 지켜야하나? https://hsp0418.tistory.com/171 리액트에서 불변성을 지켜주는 이유는 리액트가 상태 업데이트를 하는 원리 때문입니다. 리액트는 상태값을 업데이트 할 때 얕은 비교를 수행합니다. 즉 객체의 속성 하나하나를 비교하는게 아니라 참조값만 비교하여 상태 변화를 감지합니다. 이런 이유로 배열이나 객체를 업데이트 할때 setState([...state, newState]), setState({...state, [key]: value}) 이런식으로 배열이나 객체를 새로 생성해서 새로운 참조값을 만들어서 상태를 업데이트 합니다. 이런 행위가 불변성을 지..

시간 SKILLS 할일 7pm - 8pm React CRUD 연습 8pm - 11pm React 과제 로그인/회원가입/ 메인/ 디테일/ 수정/ 삭제페이지 조정 16pm - 18pm React 과제 - 레이아웃 18 pm React 조모임 19 pm CS CS 조모임 19pm - 20pm React 과제 못다한거 20pm - 24 pm React 리덕스 불변성공부 해야할일 스파르타 강의 과제 스터디팀 공부 대감 - 곤감 - 캐감 - 팀작업 1. 해리포터 덕질 사이트 - 상의 후 배포 2. 클론프로젝트 잠시 중단 개인공부 - 타입스크립트 쇼핑카트 https://www.youtube.com/watch?v=sfmL6bGbiN8 전산학공부 x 알고리즘, 자료구조공부 x 개인작업 x 새로 배운점 1. Redux T..

https://doqtqu.tistory.com/303 설치 npm install universal-cookie --save yarn add universal-cookie --save Cookie는 왜 사용? 브라우저에 값을 저장하기 위해서. 저장된값은 수정, 삭제 그리고 가져와서 사용도 가능하다. 예) 로그인 된 사람에게 우리는 미니프로젝트 1주차에 토큰을 지급했다. 그 토큰이 유저들의 웹 브라우저 쿠키에 저장되어 있어서 그 사람이 모든 페이지를 이용 가능했다. 만약 쿠키에 로그인 된 사람의 정보(토큰 혹은 그 어떤거)가 저장이 안되있으면, 로그인 후, 메인페이지 구경하다가 다른 페이지를 보러갔는데 또 로그인 하라는 문제가 발생한다. Cookie.js // 설치된 패키지 import import Coo..

시간 SKILLS 할일 3pm - 5pm React 리덕스 CRUD 해보기 가볍게 5pm - 8pm React 과제 구조그리기, 플랜짜기 8pm - 12pm React 로그인을 리덕스로 관리 12pm - 3am React 로그인 정보 쿠키에 넣기, 쿠키정보 가져와서 side bar 3am - 7am React CRUD 과제에 구현 7am - 8am React 리덕스 툴킷 공부 8am - 10 am React 프론트 스터디 or 아무거나 해야할일 스파르타 강의 과제 스터디팀 공부 대감 - 곤감 - 캐감 - 팀작업 1. 해리포터 덕질 사이트 - 상의 후 배포 2. 클론프로젝트 잠시 중단 개인공부 - 타입스크립트 쇼핑카트 https://www.youtube.com/watch?v=sfmL6bGbiN8 전산학공부..

https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=ko npm i redux-devtools-extension ComposeWithDevTools로 감싸준다. import { createStore,applyMiddleware} from "redux"; import rootReducer from './modules' import thunk from "redux-thunk"; import { composeWithDevTools } from 'redux-devtools-extension'; const middlewares = [thunk]; const enhancer = composeWithDe..

시간 SKILLS 할일 6pm - 8pm React 과제 - CRUD 구현 8pm - 9pm React 과제 - 이미지 C 9pm - 11pm React 스파르타 강의 1주차 11pm React CS 스터디, 내용 정리 11pm - 21pm React 수면 및 기타 공부 21pm - 22pm React 리액트 클린코드 연습 https://www.youtube.com/watch?v=dZXpgP9ibf8 22pm- 24pm React 구조짜기, 원래코드 오류해결 해야할일 스파르타 강의 과제 스터디팀 공부 대감 - 곤감 - 캐감 - 팀작업 1. 해리포터 덕질 사이트 - 상의 후 배포 2. 클론프로젝트 잠시 중단 개인공부 - 타입스크립트 쇼핑카트 https://www.youtube.com/watch?v=sfmL..

시간 SKILLS 할일 12pm - HTML, CSS https://www.youtube.com/watch?v=wkmCQm29dWg 6pm - 8pm React Redux Redux reducer페이지 따라 쳐보기 x 1 8pm - 9pm React 기술매니저님 코드 클론 x 1 9pm - 11pm HTML, CSS https://www.youtube.com/watch?v=Qqu0eAjJV-g&t=10s 11pm CS CS 스터디, 발표내용 옮겨적기 11pm - 21pm React 스파르타 강의 및 로그인/회원가입 페이지 구현 3-9 / 10 / 11 21pm - 22pm React 스터디 준비 위에서 못한거 22pm- 24pm React, JS, TS 프론트 스터디 해야할일 스파르타 강의 과제 스터디팀..