React-Query "Query data cannot be undefined" 해결 방법
·
프론트엔드/React
문제 더미 데이터를 임시로 fetch하여 불러오는 코드를 사용하던 중 문제가 발생했다. Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ["popular"] Error: undefined at Object.onSuccess (webpack-internal:///(sc_server)/./node_modules/@tanstack/query-core/build/lib/query.mjs:263:29) at resolve (webpack-internal:///(sc_server)/./node_modules/@tanstack/..
Typescript "'e.target.parentNode'은(는) 'null'일 수 있습니다." 해결 방법
·
프론트엔드/Typescript
문제 다음과 같이 이벤트 객체의 부모 태그 (className이 parent인 div 태그)에 접근하려고 하니 다음과 같이 에러가 뜨며 빨간줄이 뜬다. 'e.target.parentNode'은(는) 'null'일 수 있습니다. 해결 1. 조건문을 사용해 e.target.parentNode가 null 인 경우 예외 처리를 한다. 하지만 별로 Awesome하지 못한 방법이다. 2. 타입 선언 (Type Assertion)을 해준다. as 키워드를 통해 타입을 추론할 수 있도록 해준다. vscode에서 이벤트 객체에 마우스를 올리면 정확한 타입명을 알 수 있다. HTMLInputElement 또는 Element 타입으로 타입 선언을 해주자. { const parent = e.target.parentNode a..
(Java) 백준 1283 단축키 지정
·
알고리즘 (Java)
문제 링크 https://www.acmicpc.net/problem/1283 나의 기록 ✅ 알고리즘 분류 : 문자열, Set ✅ 성공 여부 : ✔ ✅ 문제 난이도 : 실버1 ✅ 체감 난이도 : Normal 접근 방법 알고리즘에 대한 어려움이라기보단 구현 방법에 대해 조금 고민할 수 있었던 문제. 제일 바깥의 for문에 pointA라는 별명을 붙여 조건 만족 시 continue로 다음 글자로 바로 넘어갈 수 있게 했다. Set을 통해 현재 등록되어 있는 문자들을 확인할 수 있도록 했는데, A와 a (대문자와 소문자)는 같은 문자 취급하므로 Uppercase와 Lowercase 각각 생성해 Set에 등록했다. 코드 import java.io.BufferedReader; import java.io.IOExce..
(Java) 백준 10808 스택
·
알고리즘 (Java)
문제 링크 https://www.acmicpc.net/problem/10808 나의 기록 ✅ 알고리즘 분류 : 스택 ✅ 성공 여부 : ✔ ✅ 문제 난이도 : 실버4 ✅ 체감 난이도 : Very Easy 접근 방법 스택의 각 함수들을 체험하는 느낌의 문제. 스택 연습하기 좋다. import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.Stack; public class bj10828_스택 { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(n..
(Java) 백준 2178 미로 탐색
·
알고리즘 (Java)
문제 링크 https://www.acmicpc.net/problem/17086 나의 기록 ✅ 알고리즘 분류 : BFS ✅ 성공 여부 : ✔ ✅ 문제 난이도 : 실버1 ✅ 체감 난이도 : Normal 접근 방법 평범한 2차원 배열 탐색 문제에 함정 살짝 추가한 느낌. DFS로는 시간초과 나고 BFS로 시간초과 없이 풀린다. 도착점에 도착했을 경우 바로 탈출해야 하며, 그렇지 않을 경우 불필요한 추가 탐색으로 오답이 나온다. 코드 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.LinkedList; import java.util.Queue; import java..
(Java) 백준 17086 아기 상어 2
·
알고리즘 (Java)
문제 링크 https://www.acmicpc.net/problem/17086 나의 기록 ✅ 알고리즘 분류 : BFS ✅ 성공 여부 : ✔ ✅ 문제 난이도 : 실버1 ✅ 체감 난이도 : Hard 접근 방법 코드 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.*; class Point{ int x,y; public Point(int x, int y) { this.x = x; this.y = y; } } public class bj17086_아기상어2 { static int[] di = {-1,-1,0,1,1,1,0,-1}; static int[] dj = {..
고치불
Gochibul's Note