072DATA

https://0723-0725.tistory.com/110 깃 허브 계정 플래그 및 일시 정지 (Your account has been flagged,Your account is suspended)최근 TIL이나 깃허브 잔디를 심지 못했던 이유가 있었는데 바로 깃허브 쉑 때문이다. 멘탈이 가출해버렸기 때문에 이 무기력함은 말로 설명하기 어렵다. 쨌든... 내가 겪었던 썰을 풀어보겠슴다0723-0725.tistory.com 이전에 깃허브 측에서 계정에 대한 제한이나 일시 정지가 풀렸다는 답변을 받아도 깃허브의 레포지토리에 push 하려고하면 Your account is suspended라는 오류가 나왔는데이러한 내용을 다시 문의 했더니 새로운 해결책을 주었다. echo url=https://github...

깃 허브 계정 플래그 및 일시 정지  2https://0723-0725.tistory.com/111 깃 허브 계정 플래그 및 일시 정지 2 (Your account has been flagged,Your account is suspended)https://0723-0725.tistory.com/110 깃 허브 계정 플래그 및 일시 정지 (Your account has been flagged,Your account is suspended)최근 TIL이나 깃허브 잔디를 심지 못했던 이유가 있었는데 바로 깃허브 쉑 때문이다. 멘0723-0725.tistory.com   최근 TIL이나 깃허브 잔디를 심지 못했던 이유가 있었는데 바로 깃허브 쉑 때문이다. 멘탈이 가출해버렸기 때문에 이 무기력함은 말로 설명하기 ..

🚨 문제 상황 Modal 컴포넌트에 Tailwind CSS로 스타일을 적용했을 때의도한 대로 스타일이 적용되지 않는 현상이 발생했다.// 적용이 잘 안되는 Tailwind 스타일 {/* 모달 내용 */}  하지만 같은 스타일을 인라인으로 적용했을 때는 정상적으로 작동했다.// 정상 작동하는 인라인 스타일 {/* 모달 내용 */} 🔍  원인 분석 JIT 컴파일러 이슈Tailwind CSS의 JIT 컴파일러는 빌드 시점에 사용된 클래스만 생성함동적으로 생성되는 모달의 경우 컴파일 시점에 해당 스타일이 포함되지 않을 수 있음.스타일 적용 시점의 차이인라인 스타일: 런타임에 직접 DOM에 적용됨Tailwind: 빌드 타임에 생성되어야 함 인라인 스타일이 적용되는 이유     런타임 vs 컴파일타임인라인 ..

🔍 문제 상황사용자가 하루에 한 번만 챌린지를 제출할 수 있어야 하는데 중복 제출이 가능한 문제가 발생했습니다.  발생한 구체적인 문제점 같은 날짜에 여러 번 챌린지 제출이 가능시간대(Timezone) 처리로 인한 날짜 계산 오류DB의 timestamptz 타입과 프론트엔드의 날짜 처리 불일치캘린더 데이터 표시 불일치동일한 시간대 이슈로 인해 캘린더에 챌린지 데이터가 잘못된 날짜에 표시되거나 누락되는 현상 발생월별 통계 데이터 계산 시 날짜 기준이 불명확한 문제  문제의 원인 1. 복잡한 시간 범위 쿼리 접근초기 해결 시도에서는 다음과 같은 복잡한 쿼리를 사용했습니다...const { data: todayChallenge } = await supabase .from("challenges") .sel..

에러 사항  "Rendered more hooks than during the previous render" 오류는React에서 훅을 호출하는 규칙을 위반했을 때 발생한다고 함 규칙을 위반했다는 뜻은 조건부로 훅을 호출하거나, 반복문 안에서 훅을 호출할 때를 의미하는데 CommentItem 컴포넌트에서 useDeleteComment 훅을 사용하는 방법에 문제가 있었음 문제 원인 useCommentNickname 훅을 map 함수 내부에서 호출했기 때문에 에러가 발생했고React Hooks는 컴포넌트 함수의 최상위 레벨에서만 호출되어야 하며 그렇지 않으면 렌더링이 반복될 때 Hooks 호출 순서가 변하게 되어 에러가 발생함 문제 코드 {data.map((comment) => { const { data: ..

롤 관련 정보를 보여주는 사이트를 next.js와 타입 스크립트로 프로젝트를 진행하던 도중  Vercel로 배포하는 과정에서 나서 403 에러코드가 나왔다..  일단 API Key가 제대로 입력되지 않은 건 아닐까 하는 마음에 API Key를 재등록 해보았다  하지만 그럼에도 해당  오류는 계속 유지되고 있는데 엔드포인트를 읽지 못하는 건지 ..    혹시 몰라서 try catch문을 제거하고 다시 빌드해보기로 했다 그러다.. 갑자기 라이엇에서 제공하는 API Key에는 유효기간이 있었다는 사실을 정말 깜빡 있고 있었다.. 혹시 몰라서 찾아보니 빨간 글씨고 유효 기간이 만료되었다는 것을 목격했다    새로운 API로 재발급 받고 썬더 클라이언트를 사용해 API를 호출해보니 데이터가 나오는 것이다!!yar..

오류 파티가 열렸다...  useContext에서 zustand로 리팩토링 하는 과정에서 나타난 오류인데로그인 하는 과정에서 분명 token을 set해주었는데도 찾을 수 없다는 오류가 나온다..const useAuthStore = create((set) => ({ user: JSON.parse(localStorage.getItem("user")), isAuthenticated: !!localStorage.getItem("token"), token: null, profile: null, newNickname: "", fetchProfile: async () => { try { if (token && isAuthenticated) { const userData = awa..

useContext를 사용하여 isAuthenticated를 가져오니까 값이 undifined가 나오면서 오류가 나타남 원일을 추측해보면 Context에서 isAuthenticated가 존재하지 않음 = 오타?,value로 내보내지 않음, Provider로 감싸지 않음,  Context를 import하지 않음과 같은 이유들 때문이라고 생각이 든다.   1. Context에서 isAuthenticated 오타 혹은 잘 존재하는지 확인import React, { createContext, useState, useEffect } from "react";import { getUserProfile } from "../api/auth";export const AuthContext = createContext();e..

오류 내용 로그인된 상태에서 새로고침하면 클라이언트가비로그인 상태로 인식하여 로그인 페이지로 보내는 오류가 발생했음 useEffect도 사용해보고 로직도 새로 다시 짜보고 useState로 loading을 만들어서 user 데이터 값이 들어올 때까지 기다려보아도 해결할 수 없었는데 context 파일을 살펴보니 user의 초기 값이 null 인 것이었다그러하여 3가지 상태를 정의하여 오류를 해결하기로 했다 해결 방법1. 초기값이 존재하면 로딩중인 상태2. null이면 비로그인 상태3. 데이터 값이 존재하면 로그인 상태 2, 3번은 데이터베이스에서 전달된 값에 따라 상태가 null 혹은 데이터가 전달되지만초기 값은 직접 커스텀 해줘야 한다 만약 컴포넌트 어딘가에서 user에 대한 데이터 값에접근한다면 해당..

오류 내용 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..