본문 바로가기

React TIL80

[React] Day_55 팀 프로젝트 후기 말도많고 탈도많은(?) 아웃소싱 뿌로작뜨.그래도 계획했던 기능구현들은 다 해따고 한돠..그래서 말인데 나는 내 UI가 고쳐진... 친구를 PR하고 싶다...(PR 하게 해주라. . . 나 진짜 CSS만 고쳤단 말임 ㅠ)여튼 오늘은 프로젝트 정리로 TIL를 작성하겠읍니다. 가보자고.(이미지 하나하나가 오늘만큼은 쌈뽕하고 좋으니 많이들 퍼가3)  팀 프로젝트 - 아웃소싱 프로젝트 ( Mountain-Due Project)줄여서 마듀. 다들 아시죠? ^-^)b  아웃소싱 프로젝트 (1) - 프로젝트 개요추운 날씨에도 실내에서 즐길 수 있는 클라이밍!하지만 관련 정보를 찾기 어렵다는 점에 착안하여,“Mountain-Due (줄여서 마-듀.)”라는 클라이밍 정보 플랫폼을 제작했다  목표사용자 위치 기반으로 주변 .. 2024. 12. 5.
[React] Day_54 팀 프로젝트 작업 관련 트러블슈팅 (2) 오늘 한거 암것도 없는데... 왜 나는 지친거지?여튼 오늘도 정리 좀 할게요레츠고 Mypage - 마이페이지 이미지 URL 생성 및 닉네임 업데이트 오류 관련 뜨라블 슈팅 문제 상황 1. 이미지 URL 생성 오류- Supabase를 통해 프로필 이미지 업로드 후, Auth 테이블에 업데이트하려고 했지만..   잘못된 테이블 이름을 사용하여 오류가 발생 기존 코드// MyPage.jsx 내부 코오드 발췌 const { error } = await supabase .from("images") // 잘못된 테이블 이름 .update({ img_url: newImageUrl }) .eq("id", userId);  2. 닉네임 업데이트 핸들러 오류- 닉네임 업데이트 핸들러에서 data를 제대로 처리하지 .. 2024. 12. 4.
[React] Day_53 팀 프로젝트 작업 관련 트러블슈팅 (1) 오늘은 PR의 날.. 그리고 마이페이지 아직도 적용 못하는 나란 babo...간단하게 뜨라블 슈팅 적구 가야징... (총총)  Mypage - 마이페이지 모달... 뜨라블 슈팅 문제 상황   마이페이지를 요번에는 라우터를 활용한 페이지 구현이 아닌..모달을 활용하기로 한 림졍. (일단 해보자고 마인드.)여튼 우다다다 호로록 CSS 작성부터 하고....(대충 ) 나오는 것을 확인한 뒤,Nav에 옮겨 클릭 시, 마이페이지가 나오게끔 코드를 구현하였는데..  모달이 딱 해당 부분에서만 나오게끔 만들어진 것이다.!!!알고보니 Nav 컴포넌트의 DOM 구조 안에서 렌더링되었기 때문에width가 Nav의 CSS 속성을 상속받아 고정되게 되어 모달의 레이아웃이 의도치 않게 깨지게 되었달까.. 원인 분석 React의 .. 2024. 12. 3.
[React] Day_52 데일리 정리 이리뛰랴 저리뛰랴 바빴던 오늘딱히 뭐 한게 없는데 하루가 왜 다.. 가버렸지?여튼 오늘은 실습하기 전.. 간단하게 강의정리좀 해보겠습니다가보자고. 챌린지반 강의정리 - 페이지네이션, 무한스끄롤아, 이게 페이지네이션이었군! useInfiniteQueryTanStack Query에서 제공하는 무한스크롤 및 페이지네이션 구현용 훅데이터를 페이지 단위로 가져오고 효율적으로 캐싱하며 상태 관리 지원 특징data.pages: 페이지 단위 데이터를 배열에 누적 저장fetchNextPage: 다음 페이지 데이터 요청 함수페이지네이션과 무한스크롤 모두 구현 가능API의 응답에 따라 nextPage 필드로 다음 페이지 관리 응답 데이터 구조 - 필수data: 현재 페이지 데이터 배열nextPage: 다음 페이지 번호 (없.. 2024. 12. 2.
[React] Day_51 개인 프로젝트 후기 오늘 오전부터 팀 프로젝트와 챌린지 수업으로 인해 시간을 많이 써서개인 프로젝트 후기를 간단하게.. 작성해보겠습니다.트러블 슈팅은 뭐.. 저기에서 vercel 배포할 때, 또 대소문자 에러난거?아 그거 뭐더라.. git ignore 뭐시기로 했는데 까먹었다아 여튼 TIL 간단하게 갈게요가보자고.  MBTI Test 💡 링크는 이곳을 타고 가주세용 → 👉 바로가기 Intro ✨ 오늘의 TIL은 MBTI Test 프로젝트입니다.이 프로젝트는 간단한 MBTI 테스트를 통해 성격 유형을 파악하고, 결과를 저장/삭제하며,다양한 성격 설명을 제공하는 React 기반 웹 애플리케이션  🚀 주요 기능 MBTI 테스트 진행테스트 질문을 통해 자신의 MBTI를 계산하고 결과를 확인 가능결과 저장 및 삭제계산된 결과를.. 2024. 11. 29.
[React] Day_50 데일리 정리 결국 배포에서 눈물 바가지로 흘리며 누더기 골렘엔딩으로 과제 끝.챌린지반 내일 발표인데.. 밤을 샛던 림졍림졍은 너무 피곤해서한시간 자고 우다다다다다 적고..이제 드디어 쉬는중.,..내일.. 또 발제겠지?내일 ..또 바쁘겠지?내일.. 또.. 주말 사라졌겠지?잠은 또 못자겠지?하하.. 챌 스터디반 우다다 또 해보겠습니다.라쯔고.   챌린지반 스터디 정리 - HTTP vs HTTPS발표자료도 짤로 도배하는 짤생짤사 림졍.. (긁어와서 오늘은 오랜만에 존댓말입니다.)  1. HTTP ( Hyper-Tesx Transfer Protocol )웹에서 데이터를 주고받는 서버-클라이언트 모델의 프로토콜(그냥 간단하게 말하면요.. 인터넷 상에서 서버랑 클라이언트가 주고받는 대화 형식 중 하나입니다.) 요청과 응답- 브.. 2024. 11. 28.

티스토리툴바