072DATA

오류 내용 supabase에서 user 데이터를 가져왔는데전체 데이터는 출력되지만 속성을 불러오면 속성 값이 없다는 오류가 나온다..Header.jsx:11 Uncaught TypeError: Cannot read properties of null (reading 'aud') at Header (Header.jsx:11:20) at renderWithHooks (chunk-6VWAHX6D.js?v=e96a4e37:11548:26) at mountIndeterminateComponent (chunk-6VWAHX6D.js?v=e96a4e37:14926:21) at beginWork (chunk-6VWAHX6D.js?v=e96a4e37:15914:22) at HTMLUnknownEl..

안녕 안녕하세욥 오늘은 중요한 Key와 같은 값을 .env 파일 안에서 관리하는 방법을 정리하겠습니다.  .env 생성 및 사용법 1. 먼저 생성하는 방법은 프로젝트의 루트 디렉토리에 .env 를 생성합니다 2.해당 파일안에 key = value 형식으로 환경 변수를 작성합니다VITE_API_KEY=your_api_key_here 참고로 Vite에서 접근 가능한 환경 변수는 일반 환경 변수와 구분을 위해 VITE_ 라는 접두사를 붙여야 합니다 - 공식 문서 참고https://ko.vitejs.dev/guide/env-and-mode ViteVite, 차세대 프런트엔드 개발 툴ko.vitejs.dev  3. 환경 변수 사용const SUPABASE_KEY = import.meta.env.VITE_API_K..

안녕 오늘은 팀 프로젝트를 기획한 내용을 토대로 요약 정리 하겠습니다. 프로젝트 제목 / 간단 설명프로젝트 제목어?그로그램프로젝트 설명유저간의 취미를 공유할 수 있는 웹페이지뉴스피드 형식으로 게시 글을 자유롭게 읽을 수 있음프로젝트 제목과 프로젝트의 주제를 설정하여 취미 공유 커뮤니티를 만들어 볼 예정입니다. 기능정의 및 폴더 구조( 간단하게)`로그인 / 회원가입 로그인 기능 회원가입 기능 게시판 CRUD 글 작성 글 삭제 글 조회 글 수정 마이페이지 프로필 수정 나만의 게시 글 src/├── components/│ ├── commons/│ │ ├── BoardList.js│ │ ├── BoardCard.js│ ├── Auth/│ ├── Lo..

안녕하세요 오늘은 개인과제였던 포켓몬 도감 만들기에 대해 소개하겠습니다.  컴포넌트 및 페이지 구조src/├── pages/│ ├── Home.jsx│ ├── Detail.jsx│ └── Dex.jsx├── components/│ ├── Dashboard/│ │ └── DashBoard.jsx│ ├── Pokemon/│ │ ├── PokemonList.jsx│ │ ├── PokemonCard.jsx│ │ └── PokemonDetail.jsx├── contexts/│ └── PokemonContext.jsx 라이브러리 및 Context API 활용 import React from "react";import Home from "./pages/Home";im..

오류 내용부모 div의 onClick 이벤트에 상세페이지로 이동할 수 있도록 기능을 부여헀는데해당 div안에 다른 기능을 하고 있는 버튼을 눌렀을 때도 상세페이지로 이동하는 버그가 생겨버렸다 아무래도 부모 요소의 onClick이 자식 요소에게 까지 전파가 되어 버려서일어난 버그인 것으로 유추가 되지만 좀 더 자세히 알아볼 수 있도록 정보를 캐왔다 오류 원인HTML 문서에서 요소들은 "중첩 관계"라는 것을 가질 수 있다고 하는데 어떠한 요소가 또 다른 요소안에  존재할 수 있고 해당 요소의 클릭 이벤트는부모-> 자식 혹은 자식-> 부모로 계속 전파된다고 함 이를 "이벤트 버블링"이라 함 해결 방법그리하여 stopPropagation이라는 메소드를 사용해서현재 요소에 등록된 이벤트 리스너만 실행되고 상위 요..