🚀 Today I Studied 기술면접: useEffect Savers 프로필 이미지 올리기 회원정보 바꾸기 회원탈퇴 ⚡️ Today I Learned 기술면접: useEffect ==> https://terryehlee.tistory.com/180 🕰️ 오늘의 공부시간/07:22 오늘의 회고: 컨디션 관리에 실패했다. 원하는대로 되지 않을 때가 더 중요하다 의지를 불태우고 동기부여를 하려고 하기보다 아무 생각 없이 묵묵히 하던 것을 이어하는게 중요하다

useEffect : 외부컴포넌트(react에서 지원하지 않는 것들)를 동기화 작업 할 수 있게 해주는 리액트 훅! 사용: useEffect(setup, dependencies?) setup: 컴포넌트가 mount 될 때 실행되는 함수, 필요하다면 cleanup 함수를 추가할 수 있음. 이후에 dependencies가 있을 경우 해당 값이 rendering 될 때마다 cleanup func 실행 후 setup func를 실행함. 컴포넌트가 unmount 될 때 cleanup func가 마지막으로 실행됨. dependencies?: 필수로 포함시켜야 하지는 않음, 없을 경우 component가 리랜더링 될 때 마다 setup이 호출되어 성능이 저하될 수 있음 포함시킬경우 해당 값이 변할 때만 setup f..

🚀 Weekly I Studied 기술면접 준비 상태관리(State Management) Redux 전역상태관리 라이브러리 Savers wireframe: 디자이너와 의논하여 업데이트 api 명세서(db table): 1차 가완성, 프로젝트 진행하며 꾸준히 업데이트 예정 Header 구성요소와 페이지 연결 login/logout 버튼 다크모드버튼 login 여부에 따른 로그인/화원가입 vs 로그아웃/마이페이지 버튼 로그인 소셜로그인 카카오 로그인 랜덤아이디 만들기 로그인 후 Db에 uid, email 넣기 google 로그인 ID/PW 로그인 회원가입 유효성 검사 기술면접 롤플레잉 상태관리 전역상태 Redux란? React 사용하는 이유 useRef ⚡️ Weekly I Learned 기술면접 준비 상태..

🚀 Today I Studied Savers Header에서 getUser()값에 따라 버튼 바뀌는 오류 해결 ==> 뒤로 미룸 FaceBook Social Login 구현 기술면접대비: useRef ⚡️ Today I Learned Savers: 오류 수정에 너무 많은 시간을 낭비하였다. 우선 Skip하고 다음에 리팩토링을 마치고 다시 도전하여 문제를 해결하겠다. 기술면접대비: useRef ==> https://terryehlee.tistory.com/177 🕰️ 오늘의 공부시간/11:50

useRef : 특정 DOM 요소에 접근하거나 컴포넌트 내에서 변수를 관리하는 데 사용되는 React Hook. JS에서는 특정 DOM을 선택하기 위해 querySelector를 사용하지만 React에서는 useRef를 사용함. useRef를 이용하여 변수를 업데이트하면, 해당 컴포넌트가 리랜더링 되지 않음. 반환된 객체는 전 생애 주기를 통해 유지됨. 컴포넌트 업데이트 감지 Reference https://teamsparta.notion.site/9313f88baa71470d974477198ae11ee2 chat-gpt

🚀 Today I Studied Savers 회원가입 구현 ID/PW 로그인 구현 진행중 Social 로그인 시, db에 유저 정보 저장 ==> 랜덤으로 만들어준 닉네임 부여하기 진행중 유효성 검사 구현 기술면접 롤플레잉 상태관리란? 전역상태관리란? Redux란? ⚡️ Today I Learned 기술면접 롤플레잉: Virtual DOM과 Real DOM의 차이 ==> https://terryehlee.tistory.com/175 🕰️ 오늘의 공부시간//9:24