본문 바로가기

Node

 (12)
[#. Node] 관리자 패널, 대시보드를 제공하는 Admin Dashboard AdminBro upload image 이미지 업로드 추가하기 4 admin-bro 대시보드에서 이미지를 업로드하고 싶다 세팅해 보자 ① [프로젝트명]/package.json 일단 내가 설치해서 사용하는 패키지들은 이렇다 ... "dependencies": { "admin-bro": "^2.2.4", "admin-bro-expressjs": "^2.0.2", "admin-bro-mongoose": "^0.5.0", "argon2": "^0.27.2", "bcrypt": "^5.0.1", "body-parser": "^1.19.0", "cookie-parser": "^1.4.5", "cors": "^2.8.5", "express": "^4.17.1", "express-formidable": "^1.2.0", "express-session": "^1.17.1", "json..
[#. Node] Node Rest API + React 연동하기, Axios로 Node에서 React로 데이터 가져오기, cors 및 proxy 설정하기 2 developer0809.tistory.com/111 [#. Node] Node+React 시작하기, 초기 세팅하기 ① node 시작하기, express-generator 설치 mkdir node-react npm install --save express-generator express-generator 패키지를 통해서 프레임워크에 필요한 pakage.json과 기본 구조를 잡을 수 있다 express { return ( Main Page ) } export default MainPage; ⑵ frontend/src/index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App fro..
[#. Node] Node Rest API + mySQL 시작하기, 연동하기 1 developer0809.tistory.com/111 [#. Node] Node+React 시작하기, 초기 세팅하기 ① node 시작하기, express-generator 설치 mkdir node-react npm install --save express-generator express-generator 패키지를 통해서 프레임워크에 필요한 pakage.json과 기본 구조를 잡을 수 있다 express { if (error) throw error; console.log("Successfully connected to the database."); }); module.exports = connection; ② 모델 설정 ⑴ backend/model/customer.js const sql = require(..
[#. Node] Node+React 시작하기, 초기 세팅하기 ① node 시작하기, express-generator 설치 mkdir node-react npm install --save express-generator express-generator 패키지를 통해서 프레임워크에 필요한 pakage.json과 기본 구조를 잡을 수 있다 express 새 express 프로젝트를 생성한다 cd npm install 생성한 프로젝트로 이동해서 npm 모듈을 설치해 준다 이 구조로 생성이 된다! bin/www http 모듈에 express 모듈을 연결하며, 포트를 지정 서버를 실행하는 스크립트 port를 3000=>5000으로 수정함 public 각종 리소스들을 모아놓은 폴더로 외부(브라우저 등의 클라이언트)에서 접근 가능한 파일들을 모아 둔 디렉토리 routes 라우터..
[#. Node] MongooseError [MongooseServerSelectionError]: connection <monitor> to ip address closed 몽고DB 에러 해결 회사에서 작업하다 집에서 작업을 하게 됐는데 MongooseServerSelectionError를 마주했다 mongoDB에 접근 가능한 IP가 아닐 때 발생하는 에러다 mongoDB에 접근 가능하도록 등록을 해주면 해결된다 ① mongoDB 사이트 접속 cloud.mongodb.com/ MongoDB Cloud MongoDB Cloud is a unified data platform for modern applications and includes a global cloud database, search, data lake, mobile, and application services. www.mongodb.com ② Network Access->IP Access List->IP 추가 Node 서버 재실행..
[#. Node] DB에서는 Array 데이터가 보이지만 AdminBro 관리자 대시보드에서 Array 데이터가 보이지 않을 때 adminbro does not show array 쇼핑몰 웹어플리케이션을 기준으로 고객이 장바구니에 상품을 담으면 user 컬렉션에 있는 cart array에 데이터를 넣고 있다 근데 DB에는 데이터가 제대로 들어가고 확인도 가능하지만 아래 이미지에서처럼 adminbro 관리자 대시보드에서는 cart array에 데이터가 보이지 않는다 ① Model.js User 컬렉션에 cart 정보를 밀어넣고 있었기 때문에 User.js 파일을 수정한다 Cart라는 schema를 생성하고 User schema에서 Cart의 타입을 [Cart]로 수정한다 const mongoose = require('mongoose'); const Cart = new mongoose.Schema({// 추가 id: { type: String }, quantity: { type: Nu..
[#. Node] 관리자 패널, 대시보드를 제공하는 Admin Dashboard AdminBro admin login 관리자 로그인 authentication 3 localhost:8000/admin에 들어가면 이렇게 바로 사이드바에서 모델을 확인할 수 있었다 하지만 admin으로 로그인을 하고 권한이 있어야 모델들을 확인하고 CRUD를 할 수 있어야 한다 관리자 계정을 생성하고 로그인해야 대시보드에 접근할 수 있게 해보자 adminbro.com/tutorial-rbac.html An Auto-generated Admin Panel for your Node.js Application You, as a developer, provide database models, and AdminBro generates ReactJS UI which allows you (or other trusted users) to manage content. adminbro.com 08. R..
[#. Node] 관리자 패널, 대시보드를 제공하는 Admin Dashboard AdminBro 사이드바에 database, model 가져오기 add resource 2 생각보다 model 가져오는 거에서 헤맸다 localhost:5000/admin에서 왼쪽 사이드바에 모델들을 불러와보자 ① admin-bro/mongoose 설치 npm install @admin-bro/mongoose --save ② index.js에 add resource 설정 추가 const AdminBro = require('admin-bro') const AdminBroExpress = require('@admin-bro/express') const AdminBroMongoose = require('@admin-bro/mongoose')// 추가 const User = require('./models/User')// 추가 const Admin = require('./models/Admin')//..

티스토리툴바