코딩하는 고릴라

🦍 과정1. commands.d.ts 파일 작성하기2. jsconfig.json 파일 작성하기 1. commands.d.ts 파일 작성하기// cypress/support/commands.jsCypress.commands.add('someCustomCommand', () => { cy.get('div');});commands.js 파일에 위와 같은 커스텀 커맨드를 작성했을 때 commands.d.ts 파일은 다음과 같이 작성해준다. // cypress/support/commands.d.tsdeclare namespace Cypress { interface Chainable { /** * @description 커스텀 커맨드 */ someCustomCommand(): Chainable; }} ..

🍕 에러 발생 시점- vscode에서 code runner 익스텐션을 통해 js 파일을 실행하려 했더니, code=3221225477 메시지와 함께 정상적으로 동작하지 않음을 확인할 수 있었다.🍔 문제 해결- 최근 사이드 프로젝트를 진행하며 node.js 버전을 22.11.0으로 올렸던 것을 기억했고, 혹여 이게 문제가 될까 싶어서 아래 절차에 따라 재설치했다. 1. node.js 22.11.0 삭제2. nvm 설치 - 한 pc 내에서 여러 버전의 node.js를 설치하고, 필요에 따라 버전을 쉽게 변경해 줄 수 있게 도와주는 매니저3. node.js 16.18.1 버전 설치 및 사용 - node.js 버전을 낮춰주니 정상적으로 code runner가 실행됨을 확인할 수 있었다. REFERENCE N..

turborepo를 활용해 만든 next.js 프로젝트에서 blog 서비스에 대한 jest 테스트 실행 후 위와 같은 에러를 맞이했습니다. Page 컴포넌트 내에는 테스트용 Div 요소와 다른 패키지에서 가져온 Button 컴포넌트를 포함하고 있습니다. 에러 메시지를 토대로 예상했을 때, 서로 다른 패키지에서 작성된 컴포넌트를 하나의 패키지 내에서 렌더링 하려 했고, 각각의 패키지 내에 설치된 react의 버전이 다를 것이라 생각해 확인해 봤습니다. apps/blog/package.json "react": "19.0.0-rc-f994737d14-20240522", packages/ui/package.json "react": "^18.2.0", 페이지 컴포넌트가 존재하는 패키지와 Button 컴포넌트가 존..

🍕 에러 발생 시점 - react를 사용한 프로젝트 진행 중, 환경변수를 process.env로 접근하려 하자 위와 같은 에러가 발생했다. - 기존 프로젝트는 위와 같은 방법으로 진행했을 때 문제가 없었으나 현재 진행중인 프로젝트에서 문제가 발생했다. - 기존 프로젝트는 React 프로젝트 생성에 CRA를 사용했고 지금의 프로젝트는 직접 webpack을 설정했는데 이 차이에서 해당 에러의 원인을 찾아볼 수 있을 것이라 생각해 서치해봤다. 🍔 문제 해결 dotenv 라이브러리 설치 후 다음과 같이 코드를 작성해 해결했다. // webpack.common.js const webpack = require('webpack'); const dotenv = require('dotenv'); dotenv.config..

🍕 문제 상황 검은색 커다란 구를 생성한 후, 검은색 구 내부에 초록색 구, 노란색 구 등을 배치시켰다. 의도는 해당 초록, 노란 구들의 배경이 검은색으로 깔리는 것이였는데 외부에서는 검은색 구가 정상적으로 출력되나 검은색 구 내부에서는 검은 면이 출력되지 않았다. 🍔 문제 해결 렌더링 대상이 되는 오브젝트의 material 속성에는 오브젝트의 내부, 외부, 양면 모두 렌더링 옵션을 선택할 수 있는 속성이 존재했고, 따로 지정해주지 않으면 외부만 렌더링 하는 것이 기본값이다. 따라서 이 옵션을 내부 렌더링으로 바꿔 검은색 구 내부에서 검은 배경을 깔 수 있게 되었다. function Sphere({ position, size, color, type }) { const mesh = useRef(null);..

🍕 에러 발생 시점 새 PC에 이클립스를 설치하고 첫 Java 코드 작성, 실행 시 위와 같은 에러 창이 떴다. 🍔 문제 해결 - 프로젝트 빌드 패스에 JRE 라이브러리가 등록 되어있지 않아 발생한 에러였다.