전체 글

[code runner] /bin/sh: node: command not found (node.js 환경에서 코드 실행 결과 보기 오류)

1. 에러❗️ /bin/sh: node: command not found 2. 상황 백준 코딩 테스트 문제를 풀고, 실행을 시켰는데, 예전엔 '출력 탭'에 잘만 출력되어 나오는 게 갑자기 위의 메시지가 뜨며 실행이 안 된다. 3. 시행착오 가장 먼저 발견한 해결책. settings.json 파일에 다음을 추가하니 터미널에서 실행되었다. 아니 근데 나는 출력 탭에 찍히는 게 더 편한걸… { "code-runner.runInTerminal": true } 4. 해결💡 code runner의 설정을 바꿔주면 된다. 1. 터미널에 which node 를 쳐서 내 node 경로를 찾는다. (나는 대략 이렇게 나왔다.) /Users/[사용자명]/.nvm/versions/node/v16.15.0/bin/node 2...

📁 파일 트리 txt 뚝딱! 만들기(mac)

이렇게 자동으로 파일 트리를 뚝딱 뽑아보자! 1. mac은 기본적으로 tree 명령을 제공하지 않는다. brew 로 tree를 설치해주자. $ brew install tree 2. 이제 내 root 폴더에서 터미널을 열어서(혹은 cd 로 이동) 해서 tree 명령어를 쓰자. txt 로 추출하는 명령어도 유용하다. $ tree > tree.txt //기본 출력 $ tree //깊이 2만큼 출력하라 $ tree -L 2 //tree.txt 파일에 저장 //파일에 저장하지 않으면 그냥 cmd 창에 출력된다. $ tree > tree.txt //node_modules 파일(폴더)는 제외하라 $ tree -I "node_modules" //node_modules 와 README.md는 제외하라 $ tree -I ..

[구글 미트(Google Meet)] “화면을 공유할 수 없음” 해결

2022.5.9 (월) 작성 코드 에러는 아니지만, 해결책 찾는데 애먹었어서 정보 공유 목적으로 올립니다. 1. 에러❗️ 2. 상황 크롬에서 Google Meet로 페어 프로그래밍을 하는데, 화면 공유가 안되는 문제를 생겼다. 아무리 공유버튼을 눌러도 ‘화면 공유를 사용하는 중 오류가 발생했습니다.’라는 창만 떠있는 것이다. 구글링 해보니 인터넷 사용 기록과 쿠키를 제거하면 된다길래 바로 삭제했지만 여전히 미해결😢... 3. 해결💡 몇 분째 해결방법을 찾다가, 웨일 브라우저 사용자가 같은 문제로 OS 관리자에게 문의한 글을 보았다. 해당 글에는 ‘해당 이슈는 처리되었으니 업데이트를 해달라’라는 관리자의 답변이 달려 있었다. 그래서 내가 쓰는 크롬 브라우저도 혹시...? 하는 생각해 크롬 업데이트를 진행했..

[React] TypeError: Cannot read properties of undefined (reading 'map')

2022.8.9 (화) 작성 1. 에러❗️ TypeError: Cannot read properties of undefined (reading 'map') 2. 상황 function Management({products, setProducts}) { ... {products.map((el, idx) => ( {el.product} {el.price} {el.count} ))} products 라는 state는 props로 받아온 것으로 초기값은 []이다. npm run start 해서 브라우저로 앱을 볼 때는 에러가 없었지만, test 실행시 다음과 같이 프로퍼티가 undefined 라서 ‘map’을 찾을 수 없다는 에러가 뜬다. 3. 해결💡 해당 오류는 첫 렌더시, 아직 구조분해할당으로 가져온 prod..

[Webpack] optimization 의 minimizer 적용 시, js 번들 파일 경량화(minimize) 가 풀려요

2022.7.28 (목) 작성 1. 에러❗️ mode: “production” 으로 번들링 했는데, js 번들 파일(app.bundle.js) 이 한줄로 경량화 되지 않는다. 2. 상황 // webpack.config.base.js const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin'); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); module.exports = { entry: './src/index.js', output: { path: path.join(__dirname, 'dist'), filename: 'app.bundle.js' ..

[React] Uncaught ReferenceError: require is not defined

2022.7.27 (수) 작성 1. 에러❗️ Uncaught ReferenceError: require is not defined 2. 상황 script.js 에 다음 코드를 넣었는데 index.html을 브라우저로 열어보니 require 가 정의되지 않았다는 오류가 떴다. const { agoraStatesDiscussions } = require('./data.js'); 3. 시행착오 "type" : "module" 부분 제거하라. 해당 오류를 검색하면 가장 많이 나오는 해결책이 package.json의 "type" : "module"을 제거하라는 거였다. "type": "module"이라고 설정되어 있기 때문에 모듈 단위로 import/export 하는 문법만 이해할 수 있어서 생기는 에러라는 것...