Framework (22) 썸네일형 리스트형 project import가 안되었던 문제 git에서 repo를 클론받고 인텔리제이에서 open > pnpm install을 했었는데 project가 잠깐 떴다가 사라지는 문제가 지속해서 발생하고 있었다. 원인을 알고보니 프로젝트가 없어진 것이 아닌, 내 인텔리제이의 project structure에서는 가려지는 문제였다. 해결 방법은 다음과 같다. file > project structure Project Settings > Modules > + 버튼으로 module import 여기서 module을 add할 때 New Module / Import Module을 선택할 수 있는데 나는 기존의 module이 보여지지 않는 것이므로 import module을 하였다. creating module from existing sources를 선택해주었는.. quote> 인용문 빠져나가기 터미널에서 나도 모르게 어떤 키를 눌렀을때 quote> 라며 인용문이 시작된다. 이때 esc, exit 명령어 입력 등등을 해보았으나 인용문에서 못빠져나가고 있었는데,방법을 알게 되었다. quote> 일때 quote> ' ' 를 입력해주면 빠져나오게 된다. vscode에서 git 브랜치 생성하기 Git에서 Repo를 clone해오고 거기서 나만의 branch를 만드는 것이 목표였다. 기존에는 인텔리제이만 사용해오다가 vscode를 사용하려고 하니 약간 다른 것 같다..! Mac 기준 다음과 같이 작업하였다. 1) cmd + shift + p로 Code palette를 연다 2) git을 검색 3) created branch from을 선택 4) 내가 만들고 싶은 브랜치 이름으로 브랜치 만들기 5) 터미널에서 내가 만든 브랜치로 git checkout이 되었는지 확인하기 * git에 만들어진 branch의 list를 보려면 git branch -a 를 하면 된다. Method expression is not of Function type gas: this.web3.utils.toHex(new BN(Math.floor(gas * 1.2)).toString()), 에서 BN에 빨간줄이 뜨더니 Method expression is not of Function type 라는 에러가 발생하는데, 실행에는 영향을 주지 않는다. 알고보니 인텔리제이에 국한되어 발생하는 에러라고 한다. 혹시나 BN에 대하여 import가 잘 되지 않아서 그런건가 싶었는데, import BN from 'bn.js'로 import가 잘 되어있었다. Run 아이콘을 통해서 버튼만으로도 Run 할 수 있게 하기 1) cmd + 쉼표 -> preference 하위에 있는 node.js로 들어간다 (or Settings > node.js 검색해도 되긴 한다) 2) node interpreter 버전 확인 -> 우리팀의 경우 18.17.0 버전을 사용하고 있었기 때문에 18.17.0으로 싱크를 맞춰주어야 한다. 3) apply 버튼을 통해 Run 초록색 버튼을 클릭해도 터미널에서 입력한 것처럼 동작한다. IntelliJ에서 prettier 일괄적용 하는법 IntelliJ에서 prettier 일괄적용 하는 방법이다. 다른 프로젝트를 clone 해서 받았는데 prettier를 일괄 적용하기 위해 option + command + l 을 눌렀는데 일괄적용 되지 않는 문제점이 있어, Settings에서 설치해주었다. Settings에서 prettier 검색 > On 'Reformant Code' action 체크 * On save의 경우 저장할때마다 자동으로 prettier가 적용되는 옵션인듯하다. IntelliJ 강제종료 하는법 IntelliJ에 내장된 PostgresSQL DB를 쓰는데, 정말 어마무시하게 Stopping 현상이 하단에 뜬다. 특히 테이블에 컬럼 추가할때 해당 현상이 자주 발생하는데, 이럴때 정말 미치겠다 ㅜㅜ 물론 개발DB, 운영DB안에 들어있는 테이블들 다 합치면 어마어마한 양이지만, 그만큼 IntelliJ도 무거운 IDE이니,, DB 쓸때 불편한게 이만저만이 아니다. (DBeaver 같은걸 써야하나 ㅜ) 아무튼, IntelliJ에서 테이블에 컬럼 추가 시에 Stopping ~ 같은 에러가 인텔리제이 하단에 문구가 뜨며 + 프로그레스 바가 넘어갈 생각을 안한다면, 강제종료를 해보자. Mac 기준 : option + command + esc 하면 지금 실행중인 프로세스에서 IntelliJ를 강제종료 할 수 있다. Error: The invalid .proto definition IntelliJ에서 실행을 하다가 갑자기 Error: The invalid .proto definition 라는 에러가 발생하여 Postman 서버 실행이 되지 않았다. 확인해보니, 다음과 같이 해결할 수 있었다 1) package.json 파일에 가서 현재 IntelliJ에서 실행 환경 (ex. start:nft-api:dev)를 확인 2) cross-env 이런 식으로 구성된 것이 아닌 mkdir -p dist/apps/nft-api 이런 식으로 작성이 되어있었다. 3) dist 파일을 확인해보니 .proto 말고는 아무것도 없었다. 4) IntelliJ 터미널에서 yarn start:nft-api:dev 로 실행해주니 5) dist 파일에 해당 디렉토리 안에 proto 디렉토리 > .proto 파일.. Error: ENOENT: no such file or directory, scandir '파일경로' 문제 상황 라이브러리를 가져와서 npm install 후 npm run build를 하였으나 제목과 같은 오류 발생 문제 원인 1) 기존에 A 라는 디렉토리를 바탕화면에 생성 2) IntelliJ Terminal에서 hashlips-art-engine을 git clone 해오고 npm install을 해와서 A 프로젝트 안에서 사용하고 있는 상황 3) Terminal에서 디렉토리의 위치가 A로 되어있었다. 문제 해결 디렉토리의 위치가 A가 아니라 cd로 hashlips-art-engine으로 디렉토리의 위치를 한 단계 더 옮겼어야 했거나 hashlips-art-engine을 IntelliJ에서 따로 열어서 진행을 했어야 한다. -> A에서 진행되는 것이 아닌 A 디렉토리 안에 clone받은 hashlip.. IntelliJ UI - Git 연동상태 파일 색깔로 확인하기 IntelliJ를 사용하다보면 좌측 Project 패널에서 여러 디렉토리와 그 안의 파일들을 확인할 수 있다. 그렇다면 이 파란색과 초록색의 차이점은 무엇일까? 그리고 빨간색으로 표시된 파일명도 있다. 초록색 : 새로 추가된 파일 파란색 : 기존의 파일이 수정된 상태 빨간색 : 신규 파일 추가 시 - unstage 상태 merge시 - 충돌 이전 1 2 3 다음
