일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 배열
- 리액트
- React
- 삼항연산자
- mybatis
- java
- git
- 다형성
- Sort()
- qqOperater
- 추상클래스
- Middleware
- 오류
- dart
- Spring
- 코딩테스트
- 자바
- 자바스크립트
- push함수
- Oracle
- 네임드생성자
- 생성자
- 깃허브
- js
- Node.js
- int와 integer
- DB
- app.use
- 콘솔게임
- Pug
- Today
- Total
목록Node js (15)
평행코드
1. findByIdAndUpdate()에서는 save 훅업이 발생하지 않음 => 다른 방법을 알아보자 2. Video.js에 function을 만들어서 관리하기 => 이것도 괜찮음 근데 다른것도 알아보자 3. static을 사용하면 import 없이도 Model.function()형태로 사용이 가능합니다 !! 라우터로 지정한 :id -> req.params pug파일에서 input으로 받은 내용 -> req.body(form이 POST일 때) pug파일에서 input으로 받은 url내용 -> req.query (form이 GET일 때) Q. form의 데이터를 받을 때 req.body가 아닌 req.query를 사용하는 이유가 무엇인가요? req.query is for the URL data. Quer..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/vkTqW/btsicL5pzMt/Ibm1SOwJEKH4BkMph2kKr0/img.png)
자바스크립트의 단점은 기다리는 기능이 없어서 아무리 위에서 아래로 읽어도 데이터베이스에서 불러오는 시간이 있어 순서가 뒤죽박죽 될 수 있습니다. 자바스크립트는 동기적이고 한 번에 하나의 일만 처리할 수 있습니다. 그래서 데이터를 다 불러오면 그때서야 다음에 있는 코드를 실행할 수 있는 콜백함수를 사용하였습니다. 콜백함수 (함수안에 함수) 콜백함수의 장점은 에러들을 바로 볼 수 있어서 에러관리가 쉽다는 것이있지만, 콜백지옥이라는 말이 있을 정도로 if, else로 반복이되어 코드가 지저분해지고, 유지보수가 힘들다는 단점이 있습니다. 그래서 등장한 것이 Promise입니다. Promise의 등장 Promise는 기본적으로 하는 일이 콜백함수와 같지만, 콜백처럼 특정 작업이 끝난 후 함수 실행이 아닌 Vide..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/4uJMS/btsh9GxpGCc/42VVyUjrhTk9KzwHIX6pL0/img.png)
Schemas 스키마 : 물리적인 장치로부터 논리적인 데이터 베이스 레코드를 매핑하는데 사용되는 정의 정보를 말합니다. 또한 데이터 모델에 의거하여 데이터베이스의 성질을 형식적으로 기술한 것입니다. 몽구스의 모든 것은 스키마로 시작합니다. 각 스키마는 MongoDB 컬렉션에 매핑되고 해당 컬렉션 내 문서의 모양을 정의합니다. const videoSchema = new mongoose.Schema({ title : String, description: String, createdAt: Date, hashtags: [{ type: String }], meta: { views: Number, rating: Number, }, }); 보시면, 문서의 각 항목이 어떤 형식인지 정의가 되어있습니다. 제목은 문자열 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dvkc5b/btsh4nrx9N5/CKr4wBCx9DL7rnBkLACrF1/img.png)
mongoDB 설치 choco를 이용하여 mongoDB를 쉽게 설치하려고 합니다. choco 홈페이지에서 mongoDB를 검색하면 아래와 같은 화면이 나온다. choco install mongodb 오른쪽하단에 보이는 명령어를 복사하여 PowerShell을 관리자 권한으로 실행한 뒤 복붙해주어 실행합니다. 중간에 뭐 선택하는게 나오는데 a 입력후 엔터해줍니다. 환경변수설정 설치가 다 되었으면 환경변수를 설정해줍니다. 검색창에 시스템 환경 변수 편집을 검색하여 시스템 속성창을 열어줍니다. 아래 부분에 환경 변수(N) 을 클릭해줍니다. path 부분을 선택하여 편집을 클릭합니다. 새로만들기를 눌러 경로를 입력해줍니다. 대부분 C:\Program Files\MongoDB\Server\6.3\bin 이런 경로로..
req.body req.body에는 form을 통해 submit된 데이터의 키-값 쌍을 포함합니다. 기본적으로는 undefined이며 express.json() 또는 express.urlencoded()와 같은 바디 파싱 미들웨어를 사용할 때 값을 받아옵니다. ``` // 애플리케이션/json 파싱 app.use(express.json()); // application/x-www-form-urlencoded파싱 (form데이터 파싱) app.use(express.urlencoded({ extended: true })); ``` https://expressjs.com/ko/api.html#req.body express.urlencoded([options]) Express에 내장된 미들웨어 기능입니다. ur..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cgJQOW/btsh4ncpIVk/KWyKDuP8kx5b5s4KJdWbZ0/img.jpg)
Mixin mixin은 partials와 같은 것인데, 데이터를 받을 수 있는 똑똑한 partial을 말합니다. 만약 우리가 반복해서 등장하는 HTML 블록이 필요한데, 이 블록은 같은 형태를 지니지만 서로 다른 데이터를 가져야 한다면 어떨까요? 이게 바로 우리가 mixin을 이용할 때 입니다. include partials/footer 이전에 만든 partials은 데이터가 변경되지않고 동일합니다. video 라는 파일을 mixins폴더에 만들어봅시다. 그런다음 이 video라는파일에 아래와같이 입력해줍니다. mixin한다음에 mixin이름을입력하고 mixin이 받게될 데이터를 넣어줍니다. 그런다음 우리가원하는것을 입력해줍니다. Html구조같은것을... 아래코드에서 info는 mixin이 받게 될 데이..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/d0mLCC/btshBluiVMG/OqKi7ZGhRUW5r7E5CmVOck/img.jpg)
pug에서 html의 일부분만 동일하게싶다하면 어떻게 해야할까요? 예를 들어서 footer만 변경사항이 없다고 가정했을때, include를 사용해봅시다. include doctype html html(lang="ko") head title #{pageTitle} body block content include partials/footer.pug 더보기 base.pug 파일 //매번 html을 복붙할 수 없기에 base.pug 파일을 만들어 공통된부분은 복붙안해도되게끔 만들어줌 덕분에 우리는 매번 footer들을 업데이트하지 않고, footer를 한 번만 업데이트하면 모든 파일이 알아서 업데이트를 합니다. (미리 partials폴더안에 footer.pug파일을만들었음) extends extends base..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bkFZOg/btshTwt0GZs/HW2zkO1EGga4S0uVtq1PY1/img.jpg)
Pug는 Haml의 영향을 많이 받은, Node.js 및 브라우저용 JS로 구현된 고성능 템플릿 엔진이다. https://github.com/pugjs/pug GitHub - pugjs/pug: Pug – robust, elegant, feature rich template engine for Node.js Pug – robust, elegant, feature rich template engine for Node.js - GitHub - pugjs/pug: Pug – robust, elegant, feature rich template engine for Node.js github.com doctype html html(lang="en") head title= pageTitle script(type='..