오늘도 맑음

문제 설명아래 그림과 같이 사이클을 찾는 문제이다.그림 1, 2 모두 사이클이 있는 경우로 "Yes" 를 출력하고, 만약 존재하지 않다면 "No"를 출력한다. 문제 풀이기본적으로는 dfs 코드를 차용했다. 하지만 방문했던 곳을 어떻게 또 방문을 할까?에 대해 생각했고, 내가 얻은 답은 다음과 같다. ✨ visited 배열 -> 시작 노드부터 현재 노드까지의 거리를 저장한 배열 첫번째 그림사이클을 찾고자 한다면, 4 -> 1로 돌아가야한다.현재 노드가 (r, c) 이고, 다음 노드가 (nr, nc) 일 때visited[r][c] - visited[nr][nc] >= 3 일 때, 사이클이 발생한다. --- (1) 두번째 그림시작노드를 포함해서는 사이클이 없지만, 이동하다보면 뒤에 사이클이 발견되는 경우이다...

svg 아이콘을 포함한 컴포넌트의 스토리북을 만들때 반드시 오류가 난다.Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. 👉 "엘리먼트 타입이 유효하지 않습니다: (기본 내장 컴포넌트의 경우) 문자열이거나 (합성 컴포넌트의 경우) 클래스나 함수여야 하는데, 객체를 받았습니다." Icon을 컴포넌트처럼 사용하고 있는데, 에서 Icon이 클래스나 함수여야 하지만, 객체라서 컴포넌트로 만들수 없다. 즉 엘리먼트 타입이 유효하지 않다는 오류가 나온것이다. webpack은 .svg 파일을 보면 기본적으로 파일 경로를 문자열로..

보통 next에서는 svg 파일을 사용하기 위해서는 @svgr/webpack 을 설치한다.import Component from './star.svg' -> svg를 컴포넌트로 import하기import url from './star.svg?url' -> svg를 url로 import하기 1. svg를 컴포넌트로 import 하기webpack.config.js 혹은 next.config.js 에 @svgr/webpack 을 사용한다고 명시한다./**next.config.ts*/module.exports = { module: { rules: [ { test: /\.svg$/i, issuer: /\.[jt]sx?$/, use: ['@svgr/webpac..