컴공생의 다이어리

[Ubuntu] -bash: /usr/local/bin/node: No such file or directory, -bash: /usr/local/bin/npm: No such file or directory 우분투에서 node와 npm을 삭제한 후, 다른 버전으로 재설치하고 나서 node -v와 npm -v 명령어를 입력해보니 -bash: /usr/local/bin/{node 혹은 npm}: No such file or directory 오류가 발생했다. 이를 아래 명령어를 통해 해결할 수 있었다. # node의 경우 sudo ln -s "$(which nodejs)" /usr/local/bin/node # npm의 경우 sudo ln -s "$(which npm)" /usr/local/bin/npm ..

[Node.js] 환경 변수(env) 관리하기 로컬에서 개발할 때와 서버에 배포할 때 DB 연결, 포트 설정 등 관련된 부분을 매번 수정해서 배포하는 것은 쉽지 않다. 또한 유출되면 안되는 secret key를 public으로 배포하면 안된다. 이러한 점을 해결하기 위해 환경 변수로 관리해주면 좋다. Node.js에서는 process.env라는 내장 자바스크립트 객체를 사용해서 환경 변수에 접근할 수 있다. .env라는 파일에 환경 변수를 설정하고 이 환경 변수를 읽어오기 위해 dotenv라는 모듈이 필요하다. 먼저 아래 명령어를 통해 dotenv를 설치해준다. npm install dotenv .env 파일에 설정하고 싶은 환경 변수를 변수명=값 형태로 아래와 같이 선언한다. # .env DB_HOST..

[React] Warning: Invalid DOM property `class`. Did you mean `className`? React에서 개발자 도구를 보니 Warning: Invalid DOM property `class`. Did you mean `className`?경고가 발생했다. React는 JSX 문법을 사용하기 때문에 기존 html 코드에서 사용했던 class가 아닌 className으로 변경해서 사용해줘야 해당 경고가 사라진다. Example 이런 식으로 코드를 작성하면 Warning이 발생한다. import React from 'react'; const Main = () => { return ( 이곳 ); }; 이를 해결하려면 아래와 같이 className을 사용해서 변경해야 한다..

[Linux] tree 명령어 리눅스에서 디렉토리 및 파일을 구조적으로 확인해보고 싶다면 tree 명령어를 활용하면 된다. 기본적으로 설치되어 있지 않기 때문에 아래 명령어를 통해 tree를 설치한다. sudo apt-get install tree 옵션을 사용하지 않고 순수하게 tree 명령어를 입력하면 현재 위치에 대한 폴더 및 파일 구조를 확인할 수 있고 마지막에 폴더/파일의 수가 출력된다. # 명령어 tree # 결과 . ├── app.js ├── bin │ └── www └── config ├── db │ ├── mysql.js │ └── test.js └── env.js 3 directories, 5 files 디렉토리만 확인하고 싶다면 -d 옵션을 사용해주면 된다. # 폴더만 확인 tree -..

MySQL 테이블 생성(CREATE) 스크립트(script) 보기 특정 테이블의 생성(CREATE) 스크립트를 보고 싶다면 아래 명령어와 같이 SHOW CREATE TABLE 명령어를 사용해서 확인할 수 있다. SHOW CREATE TABLE [테이블명]; 아래는 user라는 테이블의 스크립트를 출력하는 예시이다. # example : user라는 테이블의 create script 출력 SHOW CREATE TABLE user; 위에 형식이 보기 힘들수도 있는데 이럴 때 테이블명 뒤에 \G 옵션을 붙여주면 테이블 형식이 아닌 읽기 편한 형식으로 스크립트가 출력된다. SHOW CREATE TABLE user \G; https://zetawiki.com/wiki/MySQL_%ED%85%8C%EC%9D%B4%..

DBeaver(디비버) Public Key Retrieval is not allowed 에러 디비버에서 MySQL 데이터베이스 접속을 잘하다가 갑자기 Public Key Retrieval is not allowed 에러를 만났다. MySQL의 8.x 버전 이후부터 발생하는 문제라고 한다. 해결방법 지우고 다시 연결할 것 없이 접속하고자 하는 connection을 클릭하고 우클릭한 뒤, Edit Connection을 클릭한다. 클릭 후 나오는 창에서 Driver properties 탭에 들어가서 allowPublicKeyRetrieval의 값을 TRUE로 변경해준뒤 확인 버튼을 누르면 해결된다! https://bae9086.tistory.com/219 [에러 해결] Client 접속 시 Public Key..

JavaScript 숫자 천 단위로 콤마(,) 찍기 - toLocaleString() 자바스크립트에서 숫자의 천 단위마다 콤마 찍는 방법으로 아래와 같이 toLocaleString()을 활용하는 것이 있다. 변수가 Number 타입일 때만 천 단위로 콤마를 찍어 문자열로 리턴하고 만일 숫자 데이터가 문자열이라면 제대로 동작하지 않는다. let num = 123456789; console.log(num.toLocaleString()); // 123,456,789 // 잘못된 사용예시 let strNum = "123456789"; console.log(strNum.toLocaleString()); // 123456789 https://velog.io/@devstefancho/js-toLocaleString-..

[Git] 원격 저장소 브랜치 삭제 git bash창에서 명령어를 통해 원격 저장소 브랜치를 삭제하고 싶다면 아래 명령어를 입력해주면 된다. git push origin --delete {원격 저장소 브랜치명} # example : 원격 저장소의 temp 브랜치를 삭제 git push origin --delete temp https://www.lesstif.com/gitbook/git-delete-remote-branch-20776547.html git 원격지 브랜치 삭제(delete remote branch) www.lesstif.com

[SQLite3] 테이블 존재하는지 확인 아래 쿼리를 실행시켰을 때 0이면 존재하지 않는 것이고 1이면 존재하는 테이블이라는 의미이다. SELECT COUNT(*) FROM sqlite_master WHERE name={존재여부 확인하려는 테이블명}; # 0이면 존재하지 않음 # 1이면 존재 # example : hello라는 테이블이 존재하는지 확인하려면 SELECT COUNT(*) FROM sqlite_master WHERE name='hello'; https://bloodguy.tistory.com/entry/SQLite3-%ED%85%8C%EC%9D%B4%EB%B8%94-%EC%A1%B4%EC%9E%AC-%EC%97%AC%EB%B6%80-%EC%B2%B4%ED%81%AC-check-table-ex..

JavaScript 배열의 합 - reduce 활용 자바스크립트에서 reduce() 활용해 배열의 합계를 구하고 싶다면 아래와 같이 사용하면 된다. 아래 코드를 기준으로 acc에 누적값이 저장되고 cur이 배열의 현재 값을 의미한다. 0은 acc의 초기값이다. // example const arr = [1, 3, 5, 7]; let sum = arr.reduce((acc, cur) => acc + cur, 0); console.log(sum); // 16 https://cocobi.tistory.com/134 [JS] 자바스크립트 배열의 합계, 평균 구하기 📌 배열의 합계, 평균 구하기 자바스크립트에서 배열의 합계와 평균을 구하는 방법으로 reduce( )를 사용하면 된다. 또한, 배열의 역순으로 연산을..