공부하는 개발자 핑구 🐧 공부하는 개발자 핑구 🐧

# 에러 사항 MockMvc Bean 을 주입 받지 못함 org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 'com.bookmarkmanager.bookmarkmanager.main.login.LoginApiTest': Unsatisfied dependency expressed through field 'mockMvc'; nested exception is org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying bean of type 'org.springframework.test.web.servlet..

리액트 프로젝트와 스프링 프로젝트를 같이 엮어서 Git 에 연동 하려다 엄청고생했다....😥 submodule 관련 에러나, embedded git 에러가 나는 이유는 (changes not staged for commit 또한 같은 원인일 수 있다.) 우리가 git init 을 할 때, .git 이 생성되는데 하위 디렉토리에도 .git 이 있기 때문이다. (* submodule 의 .git 정보도 필요한 경우에는 다른 방법을 검색해보셔야 합니다 ㅠㅠ...) # 해결책 1 (하위의 .git 을 삭제하고, 상위의 .git에 저장된 하위디렉토리 정보도 지워준다) rm -rf .git // 하위 .git 이 있는 위치에서 git rm -r --cached // 상위의 .git 이 있는 위치에서 # 해결책 2 ..

로그인 기능을 구현하기 위해 인증작업 구현을 하다가 이리저리 치이다 정신차려보니 이 친구를 만나게 되었다. # 리덕스란 무엇일까? Redux 는 JS App 을 위한 전역변수 관리자라고 보면 된다. (전역변수 관리자를 Store라고 Redux는 정의하고있다.) Augular, JQuery 등 다양한 JS framework와 작동되게 설계되었다. action에 반응하여 상태(전역변수)를 변경한다. 프로젝트가 복잡해지면 관리가 힘들어지는 props 들을 Store에 담아, 모든 페이지(컴포넌트)에서 접근할 수 있다는 것 하나로도 너무 매력적인 것 같다. 여태 Provider를 직접만들어서 사용했는데, 그에 비해 무슨 장점이 있는 건지 공부해보면 알겠지... 😭 공부할게 하나 더 생겨서 너무 좋다 ㅎㅎㅎㅎㅎㅎ..

# react-error-boundary 컴포넌트간 fetch 에서 에러가 발생하면 에러페이지로 fallback 시켜준다. npm i react-error-boundary # 사용법 // 컴포넌트들을 ErrorBoundary 로 감싸준다.

ㅋㅋㅋㅋㅋㅋㅋㅋ 에러문구가 시키는대로 로 감싸주었는데도 해결 못하셔서 찾아오신분들 환영합니다. 'react-router-dom' 라이브러리가 버전 업데이트가 됬어요...! 의 매개변수 이름이 변경되었습니다..! # 해결방법 (2021. 11. 25 기준) 1. 최신버전에 맞게 작성한다. (공식 doc 이나, 설치된 라이브러리 코드를 뜯어본다.) //home1 은 작동안하고 //home2 는 작동한다.. // :D......... 2. 이전 버전을 설치하여 사용한다. # React-router-dom V6 React Router | Overview Declarative routing for React apps at any scale reactrouter.com

오랜만에 리액트를 쓰려고 하다가 404 에러를 직면했다. (404 에러는 요청한 페이지가 없다는 http response 이다.) 즉, 해당 레파지토리 주소를 찾을 수 없어서 생기는 현상인데 그새 주소 이전이 발생한 것 같다. # 해결방법 1. npm config set registry [변경된주소] // 변경된 주소를 정확히 안다면 해당커멘드로 해결가능하다. 2. npm cache clean--force 후, npm rebuild // 이 후, npx create-react-app 이 정상적으로 작동한다. # 추가 지식 1. npm install -g 로 cra 를 설치해놓으면 저런 현상을 마주할리 없다. // 해당시기 최신버전을 다운받아 라이브러리를 전역으로 이용 2. 대신 npm 은 버전 업데이트 ..

직역하면 [ 'react-router-dom'을 찾을 수 없습니다 ] 정도 인데, 라이브러리 파일을 찾을 수 없어 나타나는 현상이다. react-router-dom 은 리액트(create-react-app) 패키지에 포함되어 있지 않다. 리액트와는 다른영역을 다루는 라이브러리기에 추가 설치를 해주어야 한다. 설치만 하면 해당 현상은 해결된다. # 설치법 npm i -s react-router-dom # react-router-dom 변경사항 (2021. 11. 25 기준) 1. Route 컴포넌트를 이제는 Routes 컴포넌트로 필히 감싸주어야 한다. 2. Route 컴포넌트의 매개변수 compent 가 element 로 바뀌었다. (이건 선넘었지...) //home1 은 작동안하고 //home2 는 작..

하하하하하핳하하하 풀었다 이 말이야 하하하하하하!!!! 😘 # 문제 설명 입력은 3^1 에서 3^7까지 이다. [작은 사각형부터 k=1, k=2, k=3] # 규칙 찾기 k=1 인 사각형을 만들 수 있다면, k=2 를 만들때 k=1을 사용하면 될 것 같은 느낌이다. 즉, k=1인 사각형을 dp[1]이라 부른다면, dp[2]는 8개의 dp[1] + 중앙이 빈 형태이다. k=n 일때의 사각형을 만들려면, k=n-1 사각형의 크기가 9개가 필요하다...! 그리고 9개 중, 5번째 사각형은 공백이어야한다. String으로 저 로직을 처리하려면, 개행문자 때문에 상당히 복잡하다. (한번 해봤다가 피봤다...) 그리고 이전의 부분구조가 다음의 부분구조에 쓰이므로 DP문제임이 암시되기에, 배열로 선언하고 사용하는게 ..