전체 글

ERROR

[story book/msw/error] Cannot read properties of undefined (reading 'get')

에러 내용react에서 story book에 msw를 연결하는 과정 중 다음의 에러를 마주했다.Cannot read properties of undefined (reading 'get') 해결 과정검색을 해도 적합한 자료를 찾지 못했다.그러다가 npm run storybook명령어 실행시 뜨는 warning를 보았다. 'export 'rest' (imported as 'rest) was not found in 'msw'...'이는 현재 버전에서는 msw패키지의 rest가더이상 지원되지 않는다는 안내문인듯 했다. 코드 확인기존 코드// src/mocks/handlers.jsimport { rest } from "msw";export const handlers = [ rest.get(경로 및..

LANGUAGE/CSS

[css/react] 리액트 페이지 배경 전체를 채우기 위한 높이 설정하기

모든 곳이 아닌지정한 한 페이지의 배경만 가득 채우고자 했다.     🤔 정하려는 페이지의 외각 태그의 높이 설정해보면import "./test.css";function Test() { return Test;}export default Test;일단 페이지의 구성은 태그 하나로 채워져있다.       Test 간단하게 보면 이런 구조다.   .testContainer { height: 100%; background-color: aqua;}페이지를 가득 채우기 위해 높이값을 100%로 설정했다.    그러나 문자 사이즈 만큼만 배경이 적용된 것을 볼 수 있다.    왜 적용이 안되었을까?.testContainer의 height: 100%;는 부모 요소의 크기를 기준으로 10..

CODING TEST/Beakjoon

[백준 / 파이썬 /17039] Sleepy Cow Herding (Bronze)

문제 사용언어: python알고리즘 분류: 수학, 구현난이도: 실버5 (2025.01.11 기준)     문제 보러가기[백준] 17039 - Sleepy Cow Herding (Bronze)      문제 정리소 3마리는 서로 다른 위치에 존재한다.소를 이동시켜 연속된 3개의 위치에 배치하고자한다.이동 방법끝점(최소 숫자 또는 최대 숫자 위치)에 있는 소만 이동할 수 있다.이동한 뒤에는 더 이상 끝점에 위치해서는 안된다.(= 소와 소 사이로 이동시켜야 한다.)이동횟수는 몇 칸을 이동했느냐가 아니라, 몇번을 이동했느냐다.(ex) 1번에 3칸 이동 => 이동 횟수 1번으로 카운트 ✨ 3마리 소의 간격을 모두 1로 만들기 위한 이동횟수를 구하면된다.    입출력입력소 세마리의 위치출력최소 이동횟수최대 이동횟수..

ERROR/Web

[react error] npm start시 Module not found: Error: Can't resolve 'web-vitals' in

문제  Module not found: Error: Can't resolve 'web-vitals' in 리액트에서npm start를 했는데 위와 같은 에러가 발생했다.  import React from 'react';import ReactDOM from 'react-dom/client';import './index.css';import App from './App';import reportWebVitals from './reportWebVitals';const root = ReactDOM.createRoot(document.getElementById('root'));root.render( );reportWebVitals();프로젝트 폴더의src 폴더 내에 있는 파일인index.js를 살펴보..

ERROR/Web

[react error] create-react-app 시 ERESOLVE unable to resolve dependency tree 호환성 문제

문제   Installing packages. This might take a couple of minutes.Installing react, react-dom, and react-scripts with cra-template...added 1315 packages in 1m261 packages are looking for funding run `npm fund` for detailsInstalling template dependencies using npm...npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: react-for-beginners2@0.1.0np..

CODING TEST/Code Tree

[코드트리] L, R 그리고 B 문제 코드 풀이

문제   [코드트리] L, R 그리고 B   풀이문제 접근10 * 10의 격자에서L에서 시작해 B 에 도착하는최단 거리를 구한다.이때, R을 거치지 않아야한다. 최단 경로에서R을 마주치게 되는 경우는L, R, B가 가로 또는 세로에일직선상으로 위치하는 경우다. 따라서 총 3가지 케이스인가로 겹침, 세로 겹침, 안 겹침을생각해볼 수 있다.    알고리즘편의상 설명에서는 격자 사이즈를 5*5로 했다. case1L, R, B가 일직선으로 있지 않은 경우(각자 다른 줄에 위치하는 경우)최단 거리를 구하면어느 경로에서든 4가된다.    case2같은 세로줄에 위치하는 경우최단 거리를 구하면R이 없을 경우 2다. 하지만 R이 길을 막고 있어돌아 가야함으로+2가 되어 4가된다.     case3같은 가로줄에 위치하는..

Self-improvement

[코드트리 조별과제] 6주간 진행을 마치며

코드트리 조별과제 페이지 코드트리 | 코딩테스트 준비를 위한 알고리즘 정석국가대표가 만든 코딩 공부의 가이드북 코딩 왕초보부터 꿈의 직장 코테 합격까지, 국가대표가 엄선한 커리큘럼으로 준비해보세요.www.codetree.ai  6주 동안 진행되었던코드트리 조별과제 이벤트가 종료되었다. 코드트리 블로그 챌린지 때의이벤트 이후로다시 한 번양질의 코딩테스트 컨텐츠로 무료로이용할 수 있던 좋은 시간이었다. 매주 블로그에 기록해야하는규칙이 있다보니까좀 더 열심히 참여할 수 있던 것 같다.앞으로도 이런 이벤트가자주 있었으면 좋겠다. 👍   개인기록   오늘을 제외하고 38일동안 참여했으며 오늘을 제외하고 36일 동안최소 1문제씩 꾸준히 해결했다. 최종적으로 144개의 문제를 해결했다.문제 풀이수가 아쉽다. 약 2..

CODING TEST/Code Tree

[코드트리 조별과제] 6주차 정리 (악수와 전염병의 상관관계 2 / 작은 구슬의 이동)

벌써 6주차가 끝나다니아쉽다.이전에 풀었던 유형의 문제를오랜만에 다시 푸니쉽지가 않다.이래서 꾸준히하는 것이중요한 것 같다.앞으로도 화이팅 ~        학습내용악수와 전염병의 상관관계 2 [코드트리] 악수와 전염병의 상관관계 2 문제 정리1. N명의 개발자 존재 2. 처음 전염병에 걸려 있는 개발자의 번호 P3. T번에 걸쳐, t초에 x개발자가 y개발자와 악수3.1) 테스트케이스가 시간순으로 입력되는 것이 아닌랜덤된 시간순으로 입력된다는 것을 유의4. K번의 악수 동안만 전염4.1)K번 이후에는 악수해도 전염되지 않음 4.2) 점연된 사람끼리 악수해도 점연된 걸로 간주▷ (전염 + 전염 = 전염)5. 출력내용- 최종적으로 누가 전염병에 걸리게 되었는지 출력👉 출력방식:  0(전염x) or 1(전염o..

CODING TEST/Code Tree

[코드트리 조별과제] 5주차 정리(흰검 칠하기 / 신기한 타일 뒤집기)

생각보다 시간이 소요되었던문제였다.명령어 하나 실수로완전 다른 기능인코드가 될 수 있다.실수하지 말고 꼼꼼하게 살피자   학습내용흰검 칠하기 [코드트리] 흰검 칠하기 문제가 길어서 형광펜으로 칠해봤다.(더 복잡해진 것 같기도..😅) 문제 정리1. 무한이 나열된 타일1) 문제의 입력 최대 범위을 확인한다.1 ≤ n ≤ 1,0001 ≤ x ≤ 1001.1) 최대 1,000번 x값으로100을 받는 경우가 있다.→ 1,000 x 100 = 100,0001.2) 방향은 L인 -(마이너스), R인 +(플러스)가 있다.배열은 마이너스가 존재하지 않기 때문에,100,000을 더하여 마이너스를 없애 보정한다.👉 최종 타일의 범위 0 ~ 200,000 2. 아무 타일에서 시작L 방향으로 최대 -100,000R방향으..

728x90
더라
WINSOME