본문 바로가기

🌼 TIL

😤 12/21 내배캠 React 36일차 🐜 오늘 할 일 심화 강의 todo-list 유튭 보기 (숙련 과제) 후발대 강의 📆 계획표 시간 내용 결과 9:00 ~ 15:00 심화강의 ⛈ 15:00 ~ 19:00 Todo-list 유튭보기 19:00 ~ 21:00 후발대 강의 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 redux 이해하기 View 에서 액션이 일어난다. dispatch 에서 action이 일어나게 된다. action에 의한 reducer 함수가 실행되기 전에 middleware가 작동한다. middleware 에서 명령내린 일을 수행하고 난뒤, reducer 함수를 실행한다. (3, 4번은 아직 몰라도 됩니다!) reducer 의 실행결과 store에 새로운 값을 저장한다. store의 state에 subscribe 하고 있던 UI에 변경.. 더보기
😤 12/17 내배캠 React 35일차 🐜 오늘 할 일 react입문, 숙련 복습 react심화 강의 📆 계획표 시간 내용 결과 9:00 ~ 15:00 react입문, 숙련 복습 ⛈ 15:00 ~ 21:00 숙련 todolist만들기 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 심화강의 redux React Life-Cycle. mount-unmout Redux redux안에 store라는 global 상태가 있고, 그 속에 reducer들이 있다 즉, redux는 reducer를 포함한 store라고 할 수 있다. 그리고 어떤 action을 일으키는 것을 dispatch라고 한다 reducer : 변화를 일으키는 함수, 즉, reducer는 함수다! store에 있는 데이터를 바꿔주는 역할을 reducer가 한다(여기서 발생하는 action은 disp.. 더보기
😤 12/16 내배캠 React 34일차 🐜 오늘 할 일 react입문, 숙련 복습 react심화 강의 📆 계획표 시간 내용 결과 9:00 ~ 15:00 react입문, 숙련 복습 ⛈ 15:00 ~ 21:00 숙련 todolist만들기 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 Prop Drilling ? prop Drilling은 props를 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정이다 (부모-> 자식) 주의해야할 점 props가 많으면 많을 수록, 코드를 읽을 때 해당 props를 추적하기 힘들어지고, 유지보수하기 어려워진다. 해결방법은? 1. 전역 상태관리 라이브러리 사용 : redux, MobX, recoil등 을 사용하여 해당 값이 필요한 컴포넌트에서 직접 불러서 사용할 수 있다. 2. Childre.. 더보기
😤 12/16 내배캠 React 34일차 🐜 오늘 할 일 react숙련 주차 다 듣기 react심화 강의 📆 계획표 시간 내용 결과 9:00 ~ 15:00 react숙련주차 다 듣기 ⛈ 15:00 ~ 21:00 숙련 todolist만들기 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 오늘의 오류 기본적인 오류 오류 github에 연동하여 수정사항을 commit하고 싶은데, 너무 많은 수정 사항때문에 git 리포지토리에 활성 변경 내용이 너무 많습니다. git 기능의 하위 집합만 사용할 수 있도록 설정됩니다 이라는 오류가 뜨게 된다. 해결 git ignore파일을 사용하여 필요없는 부분은 commit하지 말자 .gitignore 이란? Project에 원하지 않는 Backup File이나 Log File , 혹은 컴파일 된 파일들을 Git에서 제외시킬수 있는.. 더보기
😤 12/15 내배캠 React 33일차 🐜 오늘 할 일 Todo-list 녹화하기 react숙련 주차 다 듣기 📆 계획표 시간 내용 결과 9:00 ~ 15:00 Todo-list 녹화 ⛈ 15:00 ~ 21:00 react숙련주차 다 듣기 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 Todo-list 녹화 todo-list녹화 중 오류가 나서 다시 찍었습니다. 몇시간을 날리고 다시 말하면서 찍다보니 어느정도 익숙해져서 공부가 더 많이 된 것 같습니다. https://www.youtube.com/watch?v=wqLycnHctuY " 항상 영상 찍기전 테스트를 해보고 진행합시다..." 제발 제발 다들 메모하세요 🥲 팀 Notion 만들기 매니저님의 조언으로 우리팀 만의 공유할 수 있는 파일을 만들어 보았습니다. 원활하고 의미있는 소통을 위해 노션을 이용하.. 더보기
😇 12/14 내배캠 React 32일차 🐜 오늘 할 일 Todo-list 만들기 원장님 유튜브 반복재생 📆 계획표 시간 내용 결과 9:00 ~ 21:00 Todo-list 만들기/ 유튜브 반복 ⛈ 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 Note that the development build is not optimized. To create a production build, use yarn build. Todo-list를 작성하던 중, 오류가 떴다...어떤 부분에서 무엇이 잘못되었는진 모르겠지만 React-app이 갑작스럽게 무한로딩에 들어갔다. 튜터님에게도 여쭤보고 구글신에게도 여쭤봤지만 답을 찾지 못했다... 여기서 배운 점은 이런 연습을 위한 작은 프로젝트라도 github에 연동하여 계속 커밋하고 푸시하자는 것이었다. 그래야만 나중에 하나하.. 더보기
😇 12/13 내배캠 React 31일차 🐜 오늘 할 일 Todo-list 만들기 원장님 유튜브 반복재생 📆 계획표 시간 내용 결과 9:00 ~ 21:00 Todo-list 만들기/ 유튜브 반복 ⛈ 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 오늘은 몸이 너무 안좋아서 오전을 거의 날리듯이 공부를 했다... 날이 갑자기 많이 추워져서 그런가 면연력이 많이 떨어져 있다는 기분을 느꼈다. 비타민 잘 챙겨먹고, 물 많이 마시자!! 원장님이 올려주신 todo-list 만들기를 마스터 하기 위해 오늘 총 5번정도 반복해서 만들어 보았다. 조금조금씩 이해하기 시작했다는게 너무 기쁘고, 그전에 조금씩 배웠던 내용들이 상기되어 방향성이 잡히기 시작했다. 먼저 계속 반복하면서 한번씩 더 보고 공부해야겠다는 부분들을 체크해가며 따라 해봤다. 그리고 작업하는 순서를 글로 작.. 더보기
😇 12/12 내배캠 React 30일차 🐜 오늘 할 일 리액트 강의 Todo-list 만들기 원장님 특강 📆 계획표 시간 내용 결과 9:00 ~ 13:00 리액트 강의 ⛈ 14:00 ~ 18:00 Todo-list만들기 (복습) ⛈ 18:00 ~ 21:00 원장님 특강 ⛈ 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 투드의 새로운 내용을 추가했을 때 input테그에 써있는 텍스트를 없애려면 어떻게 해야하는가? → setState(””) : input에 onchange가 일어날때마다(=event가 일어남) 함수를 넣어 ‘’로 만들어 준다. event안에 있는 target의 value의 값이 input창에 무언가를 입력한 값이다. handleSubmitClick이 발동했을 때, 값(value)을 초기화 해주면 된다. 써야하는 메서드는 setTitle과 se.. 더보기

티스토리툴바