전체 글 (54) 썸네일형 리스트형 Node.js로 웹서비스 만들기 9일차 MongoDB에서 전체 게시물 갯수를 관리할 수 있도록 해보자 cloud.mongodb.com의 Database 에서 collection을 하나 추가한다 (ex. counter) 이 컬렉션으로 전체 게시물 갯수를 관리할 것이다. totalPost : 전체 게시물 갯수를 기록할 것 name : 이 항목의 이름이다. //server.js db.collection('counter').findOne({name: '게시물갯수'}, function(error, result){ var 전체게시물갯수 = result.totalPost; console.log(전체게시물갯수); }); counter라는 컬렉션에서 name이 게시물갯수 라는 문서의 totalPost를 가지고 온다 (현재는 0이다) 이제 게시물을 한개 올릴때.. Node.js로 웹서비스 만들기 8일차 DB에 저장된 모든 데이터를 불러오는 방법 (Mongo DB) //server.js var db; MongoClient.connect('mongodb+srv://당신의아이디:당신의패스워드@cluster0.wg0xpz1.mongodb.net/당신의DB이름?retryWrites=true&w=majority', function(error, client){ if(error){ return console.log(error) } db = client.db('todo'); //여기에서 디비를 정의했었지 }); (지난번에 작성했던 내용) //server.js app.get('/list', function(req, res){ db.collection('post').find().toArray(function(err, re.. 일러스트레이터 텍스트 안깨고 그라데이션 하기 CC버전 일러스트레이터에서 텍스트 면 색상에 그라데이션을 주면 그라데이션이 적용되지 않습니다. 그러면 텍스트를 아웃라인처리하고 그 다음에 그라데이션을 적용해야 했습니다. 이 방법을 사용하면 텍스트를 안깨고 그라데이션을 적용할 수 있습니다. 그라데이션을 적용할 텍스트 아래에 그림과 같이 그라데이션 박스를 한개 배치합니다. 그 다음 두 오브젝트를 선택하고 Object - Clipping Mask - Make (Ctrl + 7) 간단하게 그라데이션 처리가 되었습니다. Node.js로 웹서비스 만들기 7일차 서버에서 html 말고 ejs 파일 보내주는 법 //server.js app.get('/list', function(req, res){ res.render('list.ejs'); }); ejs 파일은 html파일이랑 똑같은데 html 안에다가 서버 데이터를 넣을 수 있음 이런 식으로 중요) EJS파일은 views 폴더에 넣어야 됨 ejs 확장자는 처음 알았다. 일러스트레이터 배경 숨기기 아트보드 선 숨기기 단축키 일러스트레이터 배경 숨기기 일러스트레이터에서 기본으로 깔려있는 흰색 바탕색을 포토샵의 투명 배경처럼 바꾸는 방법입니다. View - Show Transparency Grid (Ctrl + Shift + D) 다시 흰배경으로 바꾸려면 View - Hide Transparency Grid (Ctrl + Shift + D) 입니다. 아트보드 선 숨기기 작업중 아트보드 선이 눈에 거슬리는 때가 있습니다. 그럴때는 View - Hide Artboards (Ctrl + Shift + H) 다시 아트보드 선을 표시하려면 View - Show Artboards (Ctrl + Shift + H) 입니다. Node.js로 웹서비스 만들기 6일차 DB에 무언가 저장해보자 //server.js const express = require('express'); const app = express(); const bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({extended : true})); const MongoClient = require('mongodb').MongoClient; var db; MongoClient.connect('mongodb+srv://디비계정아이디:디비계정패스워드@cluster0-qaxa3.mongodb.net/데이터베이스이름?retryWrites=true&w=majority', function(error, client){ if(error){ retur.. 일러스트레이터 패턴 색상 변경하기 CC 2023 버전 일러스트레이터에서 패턴 색상 변경하는 방법을 지난 포스팅에 올렸는데 버전이 바뀌면서 변경된 내용이 있어서 추가로 작성 패턴을 선택 Edit - Edit Colors - Recolor Artwork... 선택 또는 이 버튼을 클릭해도 됨 그러면 이런 창이 나오는데 휠을 아무리 굴려도 색이 변하지 않는다. 이 때 하단에 있는 Advanced Options... 클릭 그러면 우리가 알고 있는 화면이 나온다. 1번 클릭해서 화살표 모양으로 바꿔주고 2번을 더블클릭 그 다음 원하는 색상으로 변경하면 된다. 일러스트레이터 CC 2023 패턴 색상 변경 Node.js로 웹서비스 만들기 5일차 몽고DB 연결 https://www.mongodb.com/cloud 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 우선 이곳에서 계정을 생성하고 DB를 만들어야 하는데 기억해야 할 부분은 Database User의 아이디와 패스워드 이다. 데이터베이스 생성 이후 Connect - Connect your application 선택하면 이런 URL을 얻을 수 있다. mongodb+srv://아이디:패스워드@cluster0.wg.. 이전 1 2 3 4 5 6 7 다음
