전체 글 (28) 썸네일형 리스트형 Express + MovaXterm Seting 2. Riuting part init.js 파일생성 index.js 를 app.js 로 파일명 변경 맨아래 export default app; = 누군가가 import 하면 app object를 주겠다는 의미이다 app object 는 app덩어리를 말함 그리고 app.js에 있던 코드를 작성 router 설치 router.js 파일생성 app.use("/user", useRouter); 에서 use는 useRouter를 사용하겠다는 의미다 MVC = Model = data(데이터) View = how does the data look (데이터가 어떻게 생겼는지) Control = that looks for rhe data (데이터를 찾는 함수) 페턴이라고 할수 있으며 일종의 구조이다 router.js 파일을 userRouter.j.. Express + MovaXterm Seting 1. Middleware part movaxterm 실행 $ node -v 로 node가 깔려 있는지 확인 없다면 nodejs 사이트에서 다운및 설치 npm은 nodejs설치시 자동으로 깔린다 $ node -v 버전확인 기본 디렉터리 안에 /index.js. 파일생성 $ npm init 로 package.json 파일 생성 Express 설치 $ npm install express node_modules 도 자동설치됨 .gitignore 파일생성 표준 gitignore nodejs 검색해서 표준 gitignore 붙여넣기 git clone 은 이부분에서 해준다 Express routing 설정 (index.js 붙여넣기) var express = require('express'); var app = express(); // respond.. #5 Styling #5.0 SCSS and Making the Header header css 부분 코드 작성 #5.1 Footer and Login / Join Footer and Login / Join 부분 코드작성 #5.2 Everything else! 나머지 코드 작성 #4 Webpack #4.0 Introduction to Webpack $ npm install webpack webpack-cli webpack.config.js 파일을 만든다 package.json start 부분을 "dev:server로 변경하고 두번째 줄도 입력 assets/js/scss 폴더 3개 생성 시작 명령어 $ npm run dev:assets $npm install extract-text-webpack-plugin@next $ npm install css-loader postcss-loader sass-loader $ npm install autoprefixer $ npm install node-sass $ npm install --save-dev cross-env 윈도우는 필요한파일 #4.3 ES6 wi.. 크롬 콘솔에러 Unchecked runtime.lastError: The message port closed before a response was received. 로컬에서는 문제 없으나 콘솔에서만 에러나는 증상 구글 확장프로그램과 충동하는 증상이라고 함 크롬에서 chrome://extensions/ 로 들어가서 하나씩 지워보면서 확인하거나 하면 오류 없어짐 나는 보안프로그램 빼고 대부분 다 off시켰고 해결 #3 MongoDB #3.0 MongoDB and Mongoose 1 mongdb 설치 2 mongoose 설치 (npm) $npm install mongoose #3.1 Connecting to MongoDB 1. $ npm install dotenv 설치 #3.2 Configuring Dot Env dotenv 를 활용하여 보안관련 정보를 숨김 #3.3 Video Model model 폴더생성 Video.js 파일 생성 #3.4 Comment Model model 폴더 Comment.js 부분작성 #3.5 Home Controller Finished async,catch 사용법 #3.6 Uploading and Creating a Video middleware multar 다운로드 $ npm install multar .. 윈도우10 mongodb 설치 및 환경설정 https://www.mongodb.com/download-center/community 에서 윈도우용을 다운로드 후 설치한다 고급에서 환경변수로 들어간다 변수중에 path 를 찾아서 편집으로 들어가서 "설치경로 + \bin" 으로 경로설정을 해줘야한다 예) C:\Program Files\MongoDB\Server\4.2\bin 경로 추가 후 vscode 나 cmd창 껏다 키고 $ mongod 입력 $ mongo 입력 실행 완료 윈도우 포트죽이기 Error: listen EADDRINUSE: address already in use :::4000 [nodemon] app crashed - waiting for file changes before starting... 포트를 이미 사용중이라는 에러가 계속 나온다 $ netstat -a -o 를 쳐서 주소 끝자리 포트 번호를 찾고 PID번호를 기억했다가 $ taskkill /f /pid 12428 내가 찾던 포트 번호는 4000=122428 입력해서 포트를 죽이고 다시 $ netstat -a -o 로 내가 죽인 포트가 사라졌는지 확인 후에 죽었다면 $ npm start 하면 정상 작동한다 이전 1 2 3 4 다음 목록 더보기
