전체 글85 [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. [React] Day_49 개인 프로젝트 중간점검 No 신이나.. 프로젝트 진행보고...유효성 검사에서 막혀버리니.. 페이지 자체가 안떠가지고...갑자기 눈물이 앞을 가리고 있고yo.. ye... 이거 할 짓이 못되는군요?아 일단 그래도 CSS 전까지는 누더기 골렘마냥 만들어놔야하니까...그 전까지의 이야기.. 바아로 공유드리겠습니다.레츠고. 개인 프로젝트 진행 상황발제 코드 때문에 어지럽네요. (ft. 유효유효성 검사야 왜그러니.) 이번 프로젝트는 바로 MBTI 테스트 페이지 만들기..이 프로젝트는 단순한 테스트 기능을 구현하는 것뿐만 아니라..회원가입/로그인부터 프로필 관리, 테스트 결과 저장까지 구현해야하는..그야말로 살까말까를 조금 작게(?) 만들어서 구현한다고 생각하면 편하...다 하하 날짜별 일정은 이랬거든요?초기 설정 및 인증 구현테스.. 2024. 11. 27. [React] Day_48 데일리 정리 아니 눈떠보니 시간이 다 사라져있는거.. 나만 그런건가요?아 근데 진짜 사람이 진짜 할일이 너무 많아지면 어디에 손댈지 몰라서 가만히 있는거..이번에 너무 뼈져리게 느끼는중... 흑흑 ㅠㅡㅠ오늘은 그래도 과제에 인스턴스 쓸거니까.. 이 친구라도 정리해서 올려볼게요가보자..go 챌린지반 강의정리 - Fetch와 Axios??? : 안돼, 뒤로 물러서 림졍 ..! Fetch브라우저에 내장된 네트워크 요청 전용 함수로 Promise 기반으로 동작추가 설치 없이 바로 사용할 수 있어서 정말 간편, 벗-뜨 응답 처리에서 조금 신경 써야 할 부분 있움 특징Promise를 반환 → .then, .catch, async/await 활용 가능.요청 헤더, 메서드, 바디 설정도 쉽게 할 수 있음응답 데이터 respons.. 2024. 11. 26. [React] Day_47 데일리 정리 오늘은 무려 과제 발제날... 시작하려는데무려 오늘 한 일 = 과제 질문지 맘에 안들어서 다시 만들기죠?이게 끝이긴 해서.. 밤 샐거 같고요?일단 강의 정리로 오늘 TIL를 대체해보도록 하죠...레쯔고 React (리액트) 강의 정리 - 심화 ver. 오랜만이야 미디아꿔리... 비동기 처리- 비동기 처리가 필요한 EU 서버에서 데이터를 가져오거나, 이미지를 다운로드하는 작업처럼 시간이 오래 걸리는 경우 존재∴ 이때 화면이 멈추지 않게 하고 싶다? → 비동기 처리가 필수! - Promise(프로미스)비동기 작업의 성공 여부를 알려주는 객체!성공 → .then()에서 처리실패 → .catch()에서 에러 잡음[사용법]const promise = new Promise((resolve, reject) =.. 2024. 11. 25. [React] Day_46 팀 프로젝트 후기 오늘부터 새로운 조, 새로운 팀원들을 만나고강의도 새롭게 올라와서 나아름 열심히 들었지만?그래도 팀 프로젝트에 대해 적기는 적어야 할 것 같아서..(가뜩이나 시간도 없는데 이것저것 넣을 것은 많아 정말 힘들었어서..🥲)이렇게 적어봅니다 팀 뿌로작뜨 후-기console.log(가보작호); 팀 프로젝트 - 뉴스피드 프로젝트 ( '살까 말까' Project)우리 살카(살까말까의 캐릭터) 한번씩 봐주세요. 귀엽죠? 뉴스피드 프로젝트 (1) - 프로젝트 개요이번 프로젝트는 내 게시물을 포함된 모든 게시물을 볼 수 있는 공간인 뉴우스피드 제작 프로젝트이다. 주제는 유용하고 저렴해보였던 물건이 우리 집에만 오면 예쁜 쓰레기가 되는다이소나 쿠팡에서 사는 칭구들..을 보다 현명하게 소비하고자 만들었다.이름하야 살까.. 2024. 11. 22. 이전 1 2 3 4 5 6 7 ··· 10 다음
