본문 바로가기

티스토리챌린지16

[React] Day_37 데일리 정리 포깟몬 프로젝트를 어쩌다보니 useContext까지 끝내버린 림졍.학구열이 갑작스럽게 높아진(?) 그녀는 자기도 모르게 TIL를 써버리게 되었는데...(실은 오블완 챌린지 다 해치우고.. 싶달까..? 후후..)빠르게 가시죠. 일단 고.  React (리액트) 강의 정리 - 숙련 ver. (이이이어서)리덕스... 리덕수... 이덕수씨...!!!!  redux 흐름  View 에서 액션 발생dispatch action 발생reducer 실행(by action) 전, middleware 작동middleware 에서 명령 수행 후, reducer 함수 실행 (3, 4번은 아직 몰라도 된다!)reducer 실행결과, store에 새로운 값으로 저장store의 state, subscribe 하고 있던 UI에 변경된.. 2024. 11. 10.
쉬어가는 TIME - 개인과제 중간점검(?) (feat. 꿀팁) 조금 멍청하게 코딩하는 거 같은 느낌이 들어작성해보는 몇가지 꿀팁과 기타 등등... 조금 적어보고자 한다 11 / 9 - Props Drilling 구현 완료터미널에서 간단하게 생성하는 법 (VsCode 구우우욷이 들어가지 않아도 되는 방법임)pwdcd 파일경로(림졍의 경우 Desktop/React)yarn create vite 파일명 --template react  결과는 어떻게 나오냐구요?폴더 변경 실은 저기서 해도 되긴 함 ㅇㅇ근데 폴더 열려있는 상태에서 하면 안됨. 매우 곤란.  개인과제 파일구조 개인과제 구현은 대애충 단계별로 나누면 아래와 같다1단계 props drilling2단계 context로 관리3단계 이덕수 (Redux입니다) 그래서 일단 1-2단계를 위한 파일구조를 대충 짜본 모습.... 2024. 11. 9.
[React] Day_36 데일리 정리 스낀다드에서 성장한 림졍! 그녀의 첫 챌린지반 후기는요? 챌린지반의 장점 : 어라라 하더니 갑자기 TIL이 뚝-딱 만들어지는 매애애애애애zic ⭐️(그렇다고 강의정리 안한다는거 아님. 개인과제도 안 한다는 거 아님)챌린지반의 단점 : .. 이걸 이해하는데 조오큼(?)의 시간이 걸림. 뭐 여튼 오랜만에 과제 같은걸 하니 학부시절 돌아간 거 같고 재밌네요 ^-^여튼 정리 한 건 아까우니까.. 오늘 TIL은 이 친구로 어디 한번 써내려 보도록 하죠 라쯔고.  챌린지반 스터디 정리 - 반응형 effects 의 생애주기음... 다음에는 그냥 한국어 대신 원서를 봐야겠당 ^-^..Introeffects는 컴포넌트와 다른 생명주기를 가짐. (알아두자.)컴포넌트, 마운트, 업데이트 or 언마운트 가능cf. 용어정리마운.. 2024. 11. 8.
[React] Day_35 데일리 정리 네.. 오늘은 새로운 친구랑 함께하는 림졍입니둥.일단 후기요? 너무 좋아요.일단 백틱이 너무나도 잘되구요. 타건감은 말해뭐혀.무엇보다 손꾸락에 느껴지는 피로도도 조금 많이 줄어든 느낌?(이래서 다들 키보드에 돈을 많이 쓰는군요.. 이제서야 알았습니다)여튼 오늘도 빠르게 강의내용 정리좀 해보겠습니다.가시죠.  React (리액트) 강의 정리 - 숙련 ver. (이이이어서)리덕스를 너무나도 우습게 보았다.. 큰났네 이거 🤦🏻‍♂️  Custom Hooks컴포넌트에서 구현해온 useState & 핸들러, 추출해서 따로 빼놓은 것 - input 갯수만큼 늘어나는 useState, event handler[src/App.jsx]//input 구현 + useState로 각 input value 관리하는 코오드... 2024. 11. 7.