cha123hein 님의 블로그

1.  문제점- 마이페이지에서 좋아요 목록을 불러와야하는데 불러오지는 못하고 좋아요 목록이 없다는 글만 뜸.2. 해결방안- 확인해보니 User 테이블에서 사용자 ID가 습관적으로 post_id라 생각하고 코드를 짰었는데, supabase에서 확인해보니 board_id로 되어있었다. 데이터베이스와 코드 간의 불일치로 인해 사용자 정보를 제대로 가져올 수 없었다.3. 수정된 코드interface User { email: string; board_id: string; // 사용자 ID를 board_id로 변경 user_name: string; profile_url: string; }const { data: userProfile, error: profileError } = await su..

1.  문제점- next.js에서 미리 만들어둔 데이터를 불러오기위해 supabase와 연결하려 하였으나, 자료를 불러오지 못했다.2. 해결방안- console.log를 사용하여 data의 내용을 출력해본다.- Supabase에서 직접 쿼리 테스트를 해본다. => 계속 fetch에서 자료를 못불러온다는 오류가 떠서 이상해서 supabase에서 미리 입력해둔 자료를 확인해보니.. postId가 1부터 시작하는게 아닌 10부터 시작하고 있었다. 다시 맞는 postId를 입력해보니 제대로 자료를 불러왔다.3. 수정된 코드const fetchPost = async () => { const { data, error } = await supabase .from("Post") .sele..

프로젝트 명 : Code404소개한 줄 정리 : 개발자들을 위한 학습과 커뮤니티 플랫폼내용 : Code404는 개발자들이 실력을 향상시키고 문제를 해결할 수 있는 온라인 학습 커뮤니티 입니다. 튜토리얼과 학습 자료를 통해 새로운 기술을 배우고, 좋아요 기반의 랭킹 시스템으로 유용한 자료를 쉽게 찾을 수 있습니다. 또한, 관리자 기능을 통해 커뮤니티의 질서를 유지하고, 부적절한 콘텐츠와 사용자 관리를 원활하게 할 수 있습니다. 초보부터 전문가까지, 누구나 참여할 수 있는 열린 공간에서 성장의 기회를 발견하세요!기술 스택관련클라이언트 상태관리 도구, Zustand서버 상태관리 도구, TanStack Query주요 프레임워크, Next.js더욱 더 안전한 개발을 위한 Language, TypeScript효율적..

1.  문제점- 라이엇에서 api key를 가져오는데 api 호출에 실패하면서 계속 404 오류가 발생하였다.찾아보니 api 호출 실패하는 원인으로 아래와 같은 원인이 있다고 한다.잘못된 API URLCORS 정책에 의한 차단네트워크 문제API 서버의 응답 문제 (예: 서버 다운)잘못된 요청 형식2. 해결방안1) 우선 라이엇 api key를 24시간만 쓸 수 있기 때문에 새로 발급 받아보았으나, 해결되지않았다.2) API URL이 잘못되었는지 확인을 해보았는데, 알고보니 잘못된 경로로 api 호출을 하고 있었다.3. 수정된 코드export async function fetchItemList(): Promise { const apiUrl = 'https://ddragon.leagueoflegends...

★ 문제행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요.(행렬 arr1, arr2의 행과 열의 길이는 500을 넘지 않습니다.) ★ 문제 해결 과정이중 for문을 사용하여 풀었는데 첫번째 for문은 i를 빈배열로 초기화하여 답을 answer에 각 행의 결과를 추가할 수 있도록하고,2번째 for 문에서 arr1과 arr2의 더한 값을 추가하였다.★ 제출한 문제 답안function solution(arr1, arr2) { var answer = []; for (let i = 0; i

보호되어 있는 글입니다.

★ 문제새로 생긴 놀이기구는 인기가 매우 많아 줄이 끊이질 않습니다. 이 놀이기구의 원래 이용료는 price원 인데, 놀이기구를 N 번 째 이용한다면 원래 이용료의 N배를 받기로 하였습니다. 즉, 처음 이용료가 100이었다면 2번째에는 200, 3번째에는 300으로 요금이 인상됩니다.놀이기구를 count번 타게 되면 현재 자신이 가지고 있는 금액에서 얼마가 모자라는지를 return 하도록 solution 함수를 완성하세요.단, 금액이 부족하지 않으면 0을 return 하세요.(놀이기구의 이용료 price : 1 ≤ price ≤ 2,500, price는 자연수처음 가지고 있던 금액 money : 1 ≤ money ≤ 1,000,000,000, money는 자연수놀이기구의 이용 횟수 count : 1 ≤ ..

★ 문제문자열 s에 나타나는 문자를 큰것부터 작은 순으로 정렬해 새로운 문자열을 리턴하는 함수, solution을 완성해주세요.s는 영문 대소문자로만 구성되어 있으며, 대문자는 소문자보다 작은 것으로 간주합니다.(str은 길이 1 이상인 문자열입니다.)★ 문제 해결 과정1. split로 배열을 쪼깬다.2. sort를 사용하여 기본 배열로 정렬하도록 하고3. reverse를 사용해 그 배열을 역순으로 변경한다.4. join을 사용해 문자열로 넣는다.★ 제출한 문제 답안function solution(s) { return s.split('').sort().reverse().join('');}

★ 문제두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요.(1 ≤ left ≤ right ≤ 1,000)★ 문제 해결 과정1. left부터 right까지 모든 숫자에 대해 1부터 i까지 나눠 떨어지는 숫자(약수)를 찾는다(i로 나눴을 때 나머지가 0)2. 약수의 개수가 짝수면 더하고, 홀수면 빼도록 한다. 다른 사람들의 답변 중 가장 신기했던건 "약수는 대칭을 이루는데 제곱근만이 자기 자신과 대칭을 이루기 때문에 제곱근이 정수면 약수의 개수가 홀수다." 라는 사실을 이용해서 푼 답변이다.확실히 수학적인 지식이 없어도 풀 수가 ..

메인페이지- 스켈레톤 ui가 들어갔으면 좋겠다. (로딩시)=> 넥스트 ui 사이트 사용 - 약국 검색 시 자동완성이나 추천검색어가 떴으면 좋겠다.- 글자수 제한, 디바운싱 기술(?)- 검색 시 글자가 돋보기 아이콘에 침범하지 않도록 영역 가르기- 검색 시 지역별 검색/약국명 검색 나눠서 할 수 있도록 분류- 유튜브 비디오 페이로 바꾸고 싶으면 썸네일을 가져와야한다. 마이페이지- 삭제 시 정말 삭제할 건지 물어보기- 프로필 업데이트가 안됨- 프로필 변경 시 입력했을 경우에만 저장하기 버튼 활성화 되도록 하기(기존 id === 변경id, 비활성화되도록)- 프로필 이미지 업로드 시 미리보기로 보여주도록 하기- 프로필 변경 저장안하고 다른 페이지로 가려고 할 때 저장안했는데 정말 나갈건지 묻기- 닉네임에 아무것..