삽질블로그 삽질블로그

※ 목표 : 트리구조가 들어가있는 TREE TABLE tree 구조의 테이블을 적용하는 화면이 있어 찾던 중 primeVUE라는 좋은 라이브러리를 발견했다. 없는게 없는데 적용 중에 자꾸 같은 에러가 발생한다. error in ./node_modules/primevue/treetable/treetable.esm.js Module parse failed: Unexpected token (285:25) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | (openBlo..

auto install을 시킨 후 사이트를 실행시켰는데 정상적으로 실행되지 않는다. node sass 버전이 업데이트 되면서 node 버전과 안맞는 문제가 발생 이전에는 그냥 자동설치 후 실행하면 바로 실행이 됐었는데, 몇달있다가 다시 install해보니까 문제가 발생한다. package.json 에 라이브러리가 최신버전으로 정의되어있는 경우 이런 문제가 발생하는 것 같다. terminal에 뜨는 console오류를 확인하고 그에 따라서 검색하면 각 에러에 따라 대응방법이 잘 나와있다. 그렇게 한단계씩 해결했다. 오류를 전부 쓰지는 않았다. 내가 실행시켰던 console history 보면서 블로그 기록중.. ㅠㅠ 1. react-scripts 수동설치 $ npm install -g react-scrip..

mssql 쿼리문을 실행 중 #counts 테이블이 이미 존재합니다. 라는 문구가 떴다. #counts 와 같이 임시테이블 중 #으로 시작하는 임시테이블은 쿼리문이 실행된 이후에도 drop 시켜줄 때까지 데이터베이스 공간에 남아있다. @temp 와 같이 @로 시작하는 임시테이블은 쿼리문이 실행완료 되고 나면 자동으로 삭제된다.

현재 나는 react "학습중"이다. 메모하려고 블로그를 쓰고있지만 부족한 부분이 많을 수도 있다. 생각보다 인강을 듣고 검색하고 해도 배운것과 다른 또다른 방식에 접하면 변경하기가 쉽지는 않은 것 같다. inflean 강의에서는 function component 로 정의하고, redux-thunk로 action을 실행시키는 dispatch에 함수를 전달할 수 있도록 하여 callback 방식을 자주 사용하던 나에게는 구현이 매우 간단한데 현재 사용하는 템플릿은 class component로 컴포넌트를 정의하고, redux-saga를 사용하여 firebase에서 데이터를 가져오곤 한다. redux-saga의 러닝커브가 꽤나 높다고 하는데 내가 어려웠던 이유는 생각보다 인터넷에 예제가 별로 없었다. ㅠㅠ ..

No tests found for given includes: [패키지명](filter.includeTestsMatching), Execution failed for task ':test'. > No tests found for given includes: [com.article](filter.includeTestsMatching) 이와 같은 에러가 발생했다.. 라이브러리 추가도 해보고 이것저것 해봤는데 계속 안되다가 인프런에 누군가의 질문과 답글에 의해서 해결했다. File - Settings - Build, Execution, Deployment - Build Tools - Gradle에서 Run tests using 을 IntelliJ IDEA로 변경해주면 된다. 기존에는 Default인 Gradl..

jpa에 연동하여 데이터 삽입 테스트 중 다음과같은 에러가 발생하였다. Incorrect string value: '\xED\x85\x8C\xEC\x8A\xA4...' for column 'content' at row 1 해결 : 테이블 charset을 변경 ALTER TABLE '테이블명' CONVERT TO CHARSET UTF8;

* ant design 라이브러리 추가$ npm install antd --save  * 고유 css를 적용시키기 위해 index.js에서 antd.css를 importimport 'antd/dist/antd.css'; * ant design의 사용하는 기능을 import> 현재 적용하려는 것은 Pagination적용하려는 컴포넌트에 Pagination 기능을 importimport {Pagination} from "antd";...  > 그밖에 input box 등 기능들 사용하기 (버튼, input, form 등... )import {Typography, Button, Form, message, Input, Icon} from "antd";function loadPage() { const {Ti..

내가 듣는 강의의 강사님이 컴포넌트 생성 시 항상 사용하는 단축키가 있다. 강의에서는 Visual Studio를 사용하고 있으며, 생성된 javascript 파일에서 "rfce"를 치면 컴포넌트 생성 구조가 자동으로 완성된다. 하지만 난 webstorm을 사용중이라서 ES7 등 VSCode에서 지원해주는 플러그인 같은 것을 따로 찾아봐야했다. Settings - Plugins 에서 React snippets 를 검색해서 install한다. 그리고 rccp 를 입력 후 VSCode처럼 자동완성이 가능하다 VSCode의 rfce -------> Webstorm의 rccp 참고로 rccp 이외의 추가 단축키는 아래에서 확인하면 될 것 같다. 참조 : plugin document github.com/jinsih..