소셜 로그인 닉네임 작성 로직 추가 구글/카카오 각각 callback 페이지를 만든다.callback 페이지에는 로그인한 사용자의 닉네임 여부에 따라, 메인페이지로 갈지 nickname 페이지 갈지를 정한다.nickname 작성 페이지를 만든다.구글/카카오 로그인 로

로그인 확인 유효성 검사 비밀번호 일치 여부 개인정보 수집 동의 이메일 중복 검사 구글 로그인 1\. supabase 세팅 Clinet Id & Client Secret은 Google Clouds에서 받아오기2\. Google API 세팅 Google Clo

회원가입 1차 ui 구현비밀번호 일치 여부 확인

중간에 에러가 발생했는데genTypes를 yarn으로 업데이트 하면서 바뀐 테이블명이 생겼는데그 부분을 사용하는 코드에서 바뀐 테이블명을 적용 시키지 않아서 에러 발생해당 부분 수정하니 회원가입 정상 작동Code Conventionfetch or axios 선택핸들러

최종 프로젝트 3일차 이메일 회원가입 기능 구현 중간에 에러가 발생했는데 genTypes를 yarn으로 업데이트 하면서 바뀐 테이블명이 생겼는데 그 부분을 사용하는 코드에서 바뀐 테이블명을 적용 시키지 않아서 에러 발생 해당 부분 수정하니 회원가입 정

커뮤니티 탭 세분화 온보딩 넣기 회원가입 -> 온보딩 페이지 -> 로그인 -> (마이페이지로 정보 전달)희귀동물, 소동물까지 포함해서 동물 범위 넓히기 헤더바 헤더바로 넣고, 반응형으로 줄어들면 왼쪽 탭으로 들어가게 산책 메이트 강아지종강아지 몸무게위치시간메이트 신청

프로젝트 주제 정하기 (아래 내용 참고)피그마 : 아이디어 회의 | 피그잼 : user flow 제작팀명 : Next Level5분 기록보드 작성 여부 : O기술 스택ReactTypescriptNext.jsTailwind CssSupabaseZustandReactQ

스터디 새 프로젝트 시작 [ 프로젝트 세팅 ] repo clone 하기 git clone [레포지토리 주소] todoList 폴더로 이동 cd todoList/ react, typescript, next.js, tailwind css 프로젝트 세팅 git co

2번째 사진 코드에서 컴포넌트를 memo로 묶지 않으면changeTodo와 changeSomethingElse 어느 버튼을 누르던 i am child가 불림memo를 사용하면 changeSomethingElse를 눌렀을때 호출되지 않음"i am Child"는 todo의

useRef

발표 당일

팀프로젝트 마무리

useContext 란?context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있다.Context란?전역적인 데이터를 전달하기에 편리함App 안에서 전역적으로 사용되는 데이터들을 여러 컴포넌트들끼리 쉽게 공유할 수

useContext 란?context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있다.Context란?전역적인 데이터를 전달하기에 편리함App 안에서 전역적으로 사용되는 데이터들을 여러 컴포넌트들끼리 쉽게 공유할 수

useLayoutEffect란?useLayoutEffect는 브라우저가 화면을 다시 채우기 전에 실행되는 useEffect 한 버전이다useLayoutEffect 기본 형태useLayoutEffect(setup, dependencies?)setup : Effect의 주

useReducer란?useReducer는 useState와 같은 상태 관리, 상태 업데이트 훅이다.변경할 값이 많을 때, 즉 상태 관리 할 데이터가 많아질 때 사용을 고민해야 한다.useReducer 기본 형태\[ const state, dispatch = useR

useReducer란?useReducer는 useState와 같은 상태 관리, 상태 업데이트 훅이다.변경할 값이 많을 때, 즉 상태 관리 할 데이터가 많아질 때 사용을 고민해야 한다.useReducer 기본 형태\[ const state, dispatch = useR

리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 HookuseEffect는 컴포넌트가 mount 됐을 때, 컴포넌트가 unmount 됐을 때, 컴포넌트가 update 됐을 때, 특정 작업을 처리할 수 있다.useEffect의 기본 형태 u

오늘은 새로운 개인 과제가 나갔고, Redux와 axios를 다뤄야하는 과제이다.이번 과제는 주어진 시간이 짧아서 강의 먼저 빠르게 듣고 화요일부터 과제 수행에 들어가야겠다. 그리고 오늘은 개인 일정으로 스터디 참여를 못해서 스터디 TIL 작성을 건너뛰지만 내일 모두

반응형 의존성 지정Effect의 의존성을 "선택"할 수 없다는 점에 유의해야 한다.Effect의 코드에서 사용되는 모든 반응형 값은 의존성으로 선언해야 한다.Effect의 의존성 목록은 주변 코드에 의해 결정된다.serverUrl 또는 roomId가 변경되면 Effec