본문 바로가기
반응형

분류 전체보기295

NodeJS mongoose DB 커넥션 오류 - SyntaxError: Invalid or unexpected token NodeJS mongoose를 활용해서 어플리케이션 올리는 중에 아래와 같은 에러가 발생했다. 개발 환경은 NodeJS 버전은 18.17, mongoose 7 버전으로 개발이중이었다. .../node_modules/mongodb/lib/collection.js:74 pkFactory: db.options?.pkFactory ?? utils_1.DEFAULT_PK_FACTORY, ^ SyntaxError: Invalid or unexpected token at Module._extensions..js (node:internal/modules/cjs/loader:1310:10) Node.js v18.17.1 [nodemon] app crashed - waiting for file changes before .. 2023. 9. 17.
VSCode Auto Import - import문 자동 생성 vscode에서 react나 node.js로 개발 시 import문 작성하는게 많이 귀찮은데 Auto Import 확장프로그램을 설치해서 사용하면 편리하다. vscode 좌측 메뉴 중 확장프로그램에서 "auto import"라고 검색하고 설치해주면 된다. 그리고 vscode를 재기동 한다. 아래 예시와 같이 Router라고 입력하면 하단에 import 대상들이 표시되고 선택만 하면 상단에 import문이 추가 된다. 혹시 잘 안되는 경우 프로젝트 Root에 jsconfig.js 파일을 생성하고, 아래와 같이 넣어준 후 해보자 { "compilerOptions": { "target": "es6", "module": "es2015" } } 연관 글: VSCode Reactjs code snippets(코드 .. 2023. 9. 17.
네 인생 우습지 않다 - 전한길, 행복과 삶의 자세 학원가에서는 예전부터 일타강사로 유명하셨지만 요즘 유튜브, 방송 등에서도 정말 유명하신 분이다. 이분의 책을 이번에 한번 읽어보게 되었다. 수험생들의 멘탈 관리나 위로에 많이 도움이 되는 책이라 생각할 수 있지만 학생들, 일반인들 모두가 읽어봐도 인생을 살아가는데 많은 도움이 되는 삶의 자세에 대한 책인 것 같다. 힘들다고? 누가 시킨 사람없다. 자신이 원하는 걸 얻기 위해 본인이 선택한 길이다. 사실 더 잘하려고, 열심히 하려고 하기에 힘든 것 아닌가. 본인이 선택해서 자신의 운명을 결정할 수 있다는 것은 굉장히 행복한 일이다. 매번 힘들다고 얘기하는 것은 결국 남 탓만 하는 것이다. 내 인생이다 누구를 탓할 것인가. 졸지 않고, 시계를 보지 않고 집중해서 공부하는 방법이 뭘까? 계획표를 세우면 된다... 2023. 9. 16.
MongoDB mongo: command not found 오랜만에 MongoDB로 테스트 하기 위해 MongoDB를 설치하고 접속을 확인하는 중에 아래 같은 에러가 떴다. mongo: command not found 처음에는 설치에 문제가 있었나 했는데 찾아보니 MongoDB 6.0부터 "mongo" 라는 명령어는 remove되었다. 대신 "mongosh"라는 명령어를 사용해서 shell에 접속해야 한다. $ mongosh 사용방법은 예전의 mongo와 다른것이 없다. use 데이터베이스명 데이터베이스 사용(없으면 새로 생성) db 현재 사용중인 데이터베이스 확인 show dbs 데이터베이스 리스트 확인(최소 한 개의 Document를 가진 DB만 출력) db.컬렉션명.insertOne({key:value, ...}) 컬렉션 안에 Document 추가 db.데.. 2023. 9. 16.
MongoDB docker 설치 테스트나 학습 용도로 로컬에 MongoDB를 설치해서 사용하는 경우가 종종있는데 로컬에 직접 인스톨하는 방법보다는 Docker를 활용하면 관리하기가 편리하고 간단하다. MongoDB Docker 실행 다른거 다 생략하고 아래와 같이 docker run 명령어만 실행하면 Docker로 mongodb가 실행이 된다. 로컬에 mongodb이미지가 없으면 이미지 pull 부터 실행된다. docker run -d --name mongodb \ -v ~/data:/data/db \ -p 27017:27017 \ mongo 각 옵션에 대한 설명은 아래와 같다. - -d: 백그라운드 실행 - -v: 볼륨 마운트, 로컬 파일 경로를 컨테이너 내부의 파일경로로 마운트, - -p: 로컬 포트 포워딩 - 도커 이미지: 위와 .. 2023. 9. 16.
VSCode 터미널 출력 버퍼 라인수 늘리기 VSCode 터미널의 기본 출력 버퍼가 작아서 전체 로그가 다 안보이는 경우가 있다. 설정을 통해서 VSCode 터미널의 출력 버퍼 사이즈를 늘려본다. 먼저 설정 화면을 실행시킨다. 설정 단축키 "CMD ,"(CMD와 콤마)를 눌러준다. 또는, VSCode의 좌측하단에 톱니바퀴 모양의 아이콘을 클릭한다. 또는 아래처럼 기본설정 > 설정을 클릭해도 된다. 설정 화면에서 "scrollback" 키워드로 검색한다. 그리고 기능 > 터미널에서 Terminal > Integrated: Scrollback 항목의 값을 원하는 값으면 입력한다. 기본값은 1000으로 되어 있을 것이다. 2023. 9. 14.
react 함수형 컴포넌트 생명주기(LifeCycle) 이해 react 함수형 컴포넌트는 이전에 포스팅 했던 클래스형 컴포넌트와 다른 생명주기(라이프사이클) 메소드를 사용한다. 클래스형 컴포넌트 생명주기 메소드에 대한 내용은 다음 링크를 참조하고, 이번에는 함수형 컴포넌트 생명주기에 대해 정리해 본다. https://happy-jjang-a.tistory.com/251 아래는 함수형 컴포넌트와 클래스 컴포넌트 생명주기 메소드를 비교한 내용이다. 함수형 컴포넌트에서는 메소드가 여러개로 분리되어 있지 않고 react Hook 메소드 중 하나인 useEffect가 주요 메소드라고 할 수 있다. 생명주기(라이프사이클) 클래스형 컴포넌트 함수형 컴포넌트 Mount/Update render() return() Mount componentDidMount() useEffect(.. 2023. 9. 10.
React Redux 크롬 개발자 도구(Redux DevTools) 설치 및 활용 Redux 크롬 개발자 도구를 설치하면 현재 Store의 상태를 개발자 도구에서 편리하게 조회 가능하고 액션 Dispatch, 액션에 따른 상태 변화 등도 쉽게 확인이 가능하다. 1. 크롬 확장 프로그램 설치 먼저 아래 링크로 접속하여 크롬 웹 스토어로 접속한다. https://chrome.google.com/webstore/category/extensions Chrome 웹 스토어 Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요. chrome.google.com 좌측의 검색창에 "redux devtools"를 입력하여 검색하면 오른쪽에 Redux DevTools 프로그램이 결과로 나오게 되는데 이를 클릭한다. 다음 화면에서 우측 상단의 "Chrome에 추가" 버튼을 클릭해서.. 2023. 9. 9.
반응형

티스토리툴바