🐹's tory

1. 업무파악 : UI 그려보기, 기획 2. 개념적 데이터 모델링 : 개념들을 찾고 관계 찾기, ERD 정보-그룹-관계 ex) 이름, 학번 - 저자, 글 - 작성, 참석 🥞 ERD (개체-관계 모델) RDB는 내포 관계 허용 x 거대 단일 테이블 → 중복 발생 → 주제에 따라 표 쪼개기, JOIN 사용 Entity → table: 댓글, 글, 저자 Attribute → column: 이름, 학번 Relation → PK, FK, JOIN: 작성, 소속 (1) Entity, Attribute 찾기 (2) Identifier 식별자 지정(중복 x) → PK(기본키) : 식별자는 중복 없이 사용자를 구분할 수 있어야 한다 그러한 것을 기본키(primary key)라고 한다 candidate key = prim..

Session : cookie를 조금 더 개선한 방법 쿠키와 서버의 데이터베이스를 잘 조합해 세션을 만든다 cookie는 id나 비밀번호를 다루기에는 위험하다 → 보안 문제 세션은 서버가 쿠키 방식으로 클라이언트에게 데이터를 저장하는데 이때 쿠키와 다르게 사용자의 식별자 id 값만을 저장한다 → 실제 데이터는 서버의 database에 저장되어 있다 그렇기 때문에 클라이언트가 id를 갖고 서버에 접속할 때 서버가 해당 id 값에 해당하는 data를 읽어와 사용한다 ↓↓ 실제로 세션의 set-cookie에는 connect.sid의 값만 있고 쿠키의 set-cookie에는 count의 정보가 담겨있는 것을 볼 수 있다 다시 말하면 session은 클라이언트에 사용자의 id 값만 저장하고, cookie는 클라이..

HTTP : 브라우저와 서버가 소통(request, response message)하는 통신 방법 - stateless Cookie : 서버에서 전의 기록을 저장 → session → 인증으로 확장될 수 있음 이제 Nodejs를 이용해서 count의 수를 늘려가면서 response 헤더를 통해 브라우저에서 세팅하라고 명령한다 그리고 브라우저는 서버의 명령에 따라 다음에 방문했을 때 count를 2로 바꾼다 !! 쿠키를 사용하기 위해 어떤 게 필요한지 알아보면 !! https://expressjs.com/en/4x/api.html#req.cookies Express 4.x - API Reference Express 4.x API express() Creates an Express application. T..

이번 수업에서는 저번 수업까지 짰던 코드에서 fs를 이용했던 부분을 database를 이용하도록 바꿀 것이다! 그전에 app_file.js의 복사본 app_mysql.js를 만들었는데 저번까지 짰던 코드와 달라서ㅜㅜ(multer 부분만) 따로 추가해줬다 더보기 추가한 multer 부분 let multer = require('multer'); let _storage =multer.diskStorage({ description: function (req, file, cb){ cb(null, 'uploads/') }, filename: function (req, file, cb){ cb(null, file.originalname); } }) let upload = multer({_storage: _storag..

자바스크립트로 MySQL 제어하기 : Node-MySQL 먼저 node-mysql 설치! https://github.com/mysqljs/mysql mysqljs/mysql A pure node.js JavaScript Client implementing the MySQL protocol. - mysqljs/mysql github.com 깃헙에 방문을 하면 'MySQL 프로토콜을 구현하는 순수한 node.js JavaScript 클라이언트.' 라는 뜻이라는 걸 알 수 있다 let mysql = require('mysql'); // node-mysql(객체)을 mysql(변수)에 담기 let connection = mysql.createConnection({ // node-mysql(객체)의 함수 호출, ..

데이터베이스 database는 많이 사용되는 관계형 database(Oracle, Mysql, Sql server)와 그 외의 다양한 NoSQL로 나뉜다. MySQL 설치 및 사용 https://bitnami.com/stack/wamp WAMP Bitnami WAMP Stack provides a complete, fully-integrated and ready to run WAMP development environment. In addition to PHP, MySQL and Apache, it includes FastCGI, OpenSSL, phpMyAdmin, ModSecurity, SQLite, ImageMagick, xDebug, Xcache, OpenLDAP, ModSecurity, bitn..

글 목록 만들기 저장된 data를 읽어오는 법 *GET에 대한 라우트 app.get('/topic', function(req, res){ // get 방식으로 /topic 라우트 fs.readdir('data', function(err, files){ if(err){ res.status(500).send('Internal Server Error'); } res.render('view', {topics: files}); }) }) 템플릿엔진을 이용한다 app.set('views', './views_file'); app.set('view engine', 'pug'); 전 수업에서 작성했던 이 코드가 있어야 함 readdir을 이용해서 data를 읽어온다 그때 callback 함수는 err와 file 목록(f..

쿼리스트링 http://a.com/topic?id=1 protocol / domain / path / query string 쿼리스트링에 따라 같은 path에서도 다른 페이지를 보여줄 수 있다 app.get('/topic', function(req, res){ let topics = [ 'Javascript is...', 'Nodejs is...', 'Express is...' ]; let str = ` JavaScript Nodejs Express ` let output = str + topics[req.query.id]; res.send(output); }); a태그를 이용해서 쿼리스트링을 바꿔준다 더보기 app.get('/topic',function(req, res){ let topics = [ '..

동기화 비동기화 let fs = require('fs'); // Sync console.log('1'); let data = fs.readFileSync('data.txt',{encoding:'utf8'}); console.log(data); //Async console.log('2'); fs.readFile('data.txt', {encoding:'utf8'}, function(err, data){ console.log('3'); console.log(data); }); console.log('4'); Express express를 설치한 후! let express = require('express'); let app = express(); app.get('/', function(req, res){ r..

아래의 더보기는 처음으로 강의에서 진행한 부분! 더보기 폴더를 만든 후 hello.js 파일에서 alert를 띄우도록 작성 후 저장 [윈도우에서] 터미널을 열 땐 윈도우 키 + r cmd를 선택 후 열고 cd를 통해 파일에 접근 dir/w로 파일 목록 확인, 무엇이 있는지 알고 싶으면 dir node hello.js를 입력하면 nodejs로 hello.js 파일 실행 아래는 node.js 홈페이지에 나와있는 간단히 서버를 만드는 코드 const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res..