본문 바로가기

매일 해내는 개발102

Redux로 투두리스트 만들기 문제 해결 원장님께 질문을 통해 문제를 해결할 수 있었다. 1. checked가 true임에도 화면상에서는 체크가 해제된 이유 => 렌더링이 되지 않았기 때문! 렌더링은 state나 props가 변경될 때 수행이 되는데, checked는 단순 속성이 자동으로 변경된 것이기 때문에 렌더링이 이루어지지 않는 것으로 보인다. onChange를 통해 todo의 상태(isDone)가 변경될 때 렌더링이 되므로 그 때 checked 속성도 수동으로 변경시켜준다. 왼쪽의 기존 코드는 조건문을 통해 변경시켜주고 오른쪽의 수정된 코드는 todo.isDone의 상태를 통해 변경시켜준다. 2. 수정 시 내용 입력이 없으면 기존 내용이 사라지는 오류 이 부분은 set이되지 않아서 발생한 오류이다. 기존의 코드는 다음과 같고 40번째 줄.. 2022. 12. 20.
[Develog] 12월 3째주 주간로그 금요일에 여태까지 도와주신 재훈이와 랩장님께 밥을 고기를 사드렸다. 이렇게 사드린 건 처음이라 뿌듯하기도 했고 오히려 사주니까 내가 먹고싶은 거 더 시켜먹고 편하게 시키라고 생색도 내보고 새로운 경험이었다. 2차로 랩실에서 간단히 더 마시고는 집에 왔는데, 숙취가 너무 심했다. 근데 카톡을 보내 애들이 죄다 감기란다.. 한 명은 a형 독감 확진이랬다. 아마 다들 독감이고 옮은 것 같다. 랩장님도 독감인 것 같단다. 어 지나고보니 이 두통이 숙취가 아니라 감기기운..?인가? 싶었다. 목이 간질간질하고 기침도 좀 났다. 집에 있던 감기약을 좀 먹고 자고 일어났더니 그냥 목만 간지럽고 아무렇지도 않았다. 기침은 조금 나지만 어제 두통은 숙취가 맞았나보다. 독감 예방 주사가 효과가 있었던건지 면역력이 좋아진건지.. 2022. 12. 18.
[Develog] 12월 16일 오늘의 로그 오전에는 우연희 튜터님의 cs 특강이 있었고 3시에는 트릿지 채용 설명회, 4시에는 원장 튜터님의 redux 프로젝트 리뷰가 있었다. 우연희 튜터님의 cs 특강: 애자일 우연희 튜터님의 강의는 처음 들어봤는데 말투가 너무 웃기셨다.(좋은 뜻) 친구먹으면 너무 재밌을 것 같은 느낌이었다. cs특강도 지루하지 않게 잘 해주셨다. 애자일이란 결국 반복적이고 점진적인 개발을 통해 변화에 민첩하게 대응하는 방법론이다. 기존 폭포수 모델은 위에서부터 내려와야해서 단점이 있었는데 애자일을 통해 조금 더 사람 중심의 업무를 진행할 수 있는 것 같다. 트릿지 채용 설명회: 오... 트릿지라는 회사는 처음 들어봤다. 그래서 검색해보니까 중소기업도 대기업도 아닌 유니콘 기업 이라고 적혀있었다. 유니콘 기업이 뭐냐? 기업 가.. 2022. 12. 18.
[React] Redux, React-router-dom으로 TodoList만들기 1. 구현모습 1) 메인 페이지 2) 상세 페이지 2. 시나리오 1) 메인페이지에서 input창에 내용 입력하여 버튼 클릭 시 dispatch를 통해 setTodo에 새로운 데이터를 payload로 전송 → 전송된 데이터를 useSelector를 통해 가져온 데이터 리스트를 화면에 뿌림 2) 체크버튼 클릭 시 상태 변경 : 완료↔진행중, dispatch를 통해 isDone 상태 변경내용 전달 3) Todo 제목 클릭 시 상세 페이지로 이동 4) 상세페이지에서는 id, title, contents를 보여줌 5) 수정 버튼 클릭 시 제목, 내용 수정 화면이 나타나고 버튼명은 완료로 변경됨 6) 삭제버튼 클릭 시 해당 todo는 삭제되고 navigate를 통해 메인페이지로 넘어감 7) Home 버튼 클릭시 메.. 2022. 12. 15.
[React] Todo리스트 Redux로 만들기 아직 진행중 https://github.com/jeLee94/TodoList/tree/version2-redux GitHub - jeLee94/TodoList Contribute to jeLee94/TodoList development by creating an account on GitHub. github.com 2022. 12. 14.
[Redux] 리덕스란? 리덕스 개념의 핵심은 store 0) store == 은행, 정보가 모두 저장되는 곳 1) state = 실제 정보가 저장되는 곳, 내가 직접 접속해서는 안된다. 은행에 있는 돈을 내가 직접 건드릴 수 없듯이 2) reducer = 공급해주는 함수 3) render = 나의 코드, state 값을 참고해서 UI를 만들어주는 코드 * dispatch, subscribe, getState = 은행창구직원 4) getState = state 정보를 요청하고 받아서 render에게 전달해주는 역할 5) subscribe = state 값이 바뀔 때마다 render함수가 호출되도록하여 UI가 자동 업데이트 되도록함 6) action = 버튼을 누르는 등의 호출 7) dispatch = reducer를 호출해서 s.. 2022. 12. 13.
[React] 투두리스트 만들기 오늘 한일 1. 컴포넌트 분리해서 투두리스트 다시 만들기 2. 리덕스 완강 https://react-todo-list-rust.vercel.app/ 배포 React App react-todo-list-rust.vercel.app 깃허브 https://github.com/jeLee94/TodoList/tree/version1 2022. 12. 13.
[Develog] 12월 2주차 주간회고록 Todo 리스트 리뷰 특강을 듣고 생각이 많아졌다. 현생이 너무 바빠 정작 해야하는 공부를 너무 대충하고 있는 느낌이다. 잘하고 싶고 제대로하고 싶은데 시간에 쫓겨 이도저도 아닌 느낌이다.. 3주 후에 해외연수도 가는데 걱정된다.. 그 동안 빡집중 모드 ON 해야겠다. 국취제 1차 상담은 잘 끝났다. 내배캠을 하고 있어서 좀 간단하게 끝날 수 있을 것 같다. 다음주에 두번 더 보기로했다. 다른 분들은 주에 한 번 본다고했는데 상담사 분이 휴가 기간이 있어서 몰아서 보기로했다. 나도 빠르게 끝나는게 좋다. 오히려좋아 주말엔 금복이를 보러 본가에 왔다. 몰랐는데 엄마아빠 35주년 결혼기념일이란다. 엄빠 주려고 갤러시 버즈2 프로!를 샀는데 배송이 늦게와서 오늘은 못챙겨왔다. 다음에 올 때 크리스마스 선물로 .. 2022. 12. 11.
[Develog] 12월 9일 회고록 오늘은 공부가 잘 안됐다. 기초프로젝트 2벤트리스너 팀원들과 저녁시간을 갖기로했다. 목요일에 마지막 기말고사가 있어서 벼락치기하느라 밤샘한다고 오늘은 효율이 좋지 못했다. 체력관리가 제일 중요하다고 생각해서 오늘은 좀 쉬엄쉬엄했다. 서울에 지하철타고 오랜만에 갔다. 너무 오래걸렸다. 힘들었다. 3월 안에 다시 서울로 간다. 기다려랏 2022. 12. 11.

티스토리툴바