2021년07월09일

Note

Node.js에서 MongoDB 사용하기

• https://cloud.mongodb.com/

1. Create Cluster
2. SECURITY > Network Access > ADD IP ADDRESS
3. SECURITY > Database Access > Add New Database User

• Database User Privileges: Read and write to any database
  • User Name과 password 설정

4. Clust의 connect 버튼 클릭 > Connect your application 클릭connection string 복사

const db = mongoose.connection;
db.on('error', console.error.bind(console, 'MongoDB connection error:'));
mongoose.connect(
  'connection string 입력',
  {
    useNewUrlParser: true,
  },
);

Vue.js

• webpack dev server 오류 시 덮어지는 창 끄기

// vue.config.js 
module.exports = {
  devServer: {
      overlay: false
  }

• ESLint
  // .eslintrc.js 
  module.exports = {
    ...
      rules: {
        "no-console": "error", // 코드에 콘솔이 있으면 에러
      }

  • 자동으로 수정되게 하려면 settings.json에 "eslint.validate" 속성을 추가한다.
  "eslint.validate": [
        {
            "lauguage": "vue",
            "autoFix": true
        },
        {
            "language": "javascript",
            "autoFix": true
        },
        {
            "language": "javascriptreact",
            "autoFix": true 
        },
        {
            "language": "typescript",
            "autoFix": true
        },
        {
            "language": "typescriptreact",
            "autoFix": true
        }
    ],
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },

• Prettier
  • ESLint에서 Prettier를 설정해야 하는 이유
    • .prettierrc.js의 설정파일이 .eslintrc.js의 rules와 충돌날 수 있기 때문
  • .eslintrc.js에 Prettier 설정하기
    module.exports = {
      rules: {
          "prettier/prettier": ['error', {
              printWidth: 80 // prettier의 속성 
            }]
        }
    }

    • 코드가 해당 속성의 규칙에 맞지 않으면 에러가 나게 된다.
  • VSCode Extension인 Prettier을 사용하고 있다면 Disable 처리를 하고, Settings에서 "format on save"를 검색해서 체크가 해제되어 있어야 한다. ESLint와 충돌이 날 수 있기 때문이다.

Visual Studio Code에서 파일을 절대경로 불러올 수 있도록 설정하기

• root에 jsconfig.json 파일 생성 후
  {
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "~/*": [
        "./*"
      ],
      "@/*": [
        "./src/*"
      ],
    }
  },
  "exclude": [
    "node_modules",
    "dist"
  ]

log

• ipTIME-UC306SD을 구매했다.