전체 글 썸네일형 리스트형 🌞 12/27 내배캠 React 40일차 더보기 🌞 12/26 내배캠 React 39일차 더보기 12/28 내배캠 4기 react 심화 프로젝트 KPT회고 - 5분 대기조 팀명: 5분 대기조 : 팀원이 어려워하거나 늦잠을 잔다면 누구보다 빠르게 달려가서 도움을 주자는 마음으로 팀명을 정했습니다. 팀원: 임재영(팀장), 김동한, 박유진, 송지현, 최지원 팀 목표 막히거나 모르는 거 있으면 바로 도움 요청하기.🤙🏽 Git merge 할 때는 실수 없이 하기 위해 다 함께 하기. React와 친해지기. 컨디션 관리 잘하기. 💪🏻 기본 기능 구현하기. 프로젝트명 5G = Balance (오지는 밸런스) 배포: https://5-g-balance.vercel.app/ GitHub: GitHub - Imjaae/5G-balance 시연 영상: [Team] A반 5조- 5분 대기조 밸런스 게임 프로젝트 시연 KPT 회고 김동한 Keep 무한 소통 기본 통일.. 더보기 🌞 12/23 내배캠 React 38일차 프로젝트 진행 redux에 익숙하지 않아 조금이라도 익숙한 react만을 사용하여 먼저 구성 틀을 잡아보기로 했다 (이후 redux적용) 내가 맡은 파트 : 상세페이지의 메모창 부분 메모(Comments) 구성요소 input 창 : contents 입력 댓글 작성 버튼 : contents 전송 nickName : 로그인 id의 nickName contents : input창 contents 수정 버튼 : 해당 id관리자 input 수정창 삭제 버튼 : 해당 id관리자 데이터 삭제창 [스토리] input창 : userid 확인 후 userid가 있다면 접근 가능 / 아니면 alert창 띄우기(로그인 페이지 이동) , 유효성 검사 글자 수 제한 (시간 있을 때 할 것 ) 댓글 작성 버튼 .. 더보기 🌞 12/22 내배캠 React 37일차 🐜 오늘 한 일 프로젝트 발제 및 프로젝트 시작 리엑트 심화 강의 보충 👩🏼🌾 오늘의 줍줍 " " 🌾🌾 1. 프로젝트 시작 : 팀원들과 프로젝트를 시작하고 SA를 작성하였다. SA파일: https://calm-arthropod-9ba.notion.site/Team-A-5-5-43eae683129a4dcea6078378278bf6c9 순으로 진행하였다. 어려웠던 점 해결 방안 아이디어 공유 : 필수기능을 효과적으로 구현할 수 있는 프로젝트 아이디어 구현에 브레인 스토밍이 부족 브레인 스토밍을 진행하고, 꼬리에 꼬리를 물며 아이디어들을 방출 역할분담 : 개인의 능력이 다르고, 어떤 기능이 어려울.. 더보기 😤 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.. 더보기 이전 1 ··· 4 5 6 7 8 9 10 ··· 13 다음
