웹_프론트_백엔드/프론트엔드 (37) 썸네일형 리스트형 2021.03.07 1. 파일 업로드 ** /public/write.html 파일 업로드 제목 : 내용 파일 : ** 2_multer.js const express = require('express'); const bodyParser = require('body-parser'); const static = require('serve-static'); // npm i serve-static const path = require('path'); const logger = require('morgan'); // npm i morgan const multer = require('multer'); // npm i multer const port = 3000; const app = express(); const router = exp.. 2021.03.06 1. document sort(정렬) db.컬렉션명.find().sort(); 2. 객체 : {key:value} 형태의 데이터로, key는 데이터 field 이름이고, value의 값은 1 또는 -1이다. 1로 설정하면 오름차순이며, -1로 설정하면 내림차순이다. 또한 여러 key를 입력할 수 있고, 먼저 입력한 key가 우선권을 갖는다. ** 회원 가입한 순으로 내림차순(최근 가입순)으로 정렬한다. db.member.find().sort({"_id":-1}).pretty(); 1) document 개수의 제한 ** limit() - 출력할 데이터 개수를 제한할 때 사용한다. └ db.컬렉션명.find().limit(출력할_개수).pretty(); ** 회원가입한 순으로 내림차순으로 정렬한 뒤 3명의 .. 2021.02.28 1. cookie-parser 모듈 : 요청된 쿠키를 쉽게 사용할 수 있도록 도와주는 모듈이다. express(req, res) 객체에 cookie를 사용할 수 있도록 기능을 부여한다. cookieParser() - 일반 쿠키를 사용하는 경우 cookieParser('암호화하기 위한 문자') - 암호화된 쿠키를 사용하는 경우 ** 쿠키 설정하기 res.cookie('키', '값', { 쿠키 생성 옵션 }); ** 쿠키 생성 옵션 maxAge - 만료시간을 밀리초 단위로 설정한다. expires - 만료시간을 GMT 시간으로 설정한다. path - cookie의 경로를 설정한다. 기본 설정은 "/"이다. ** 쿠키 조회하기 req.cookies.cookie_키 :일반 쿠키 req.signedCookies... 2021.02.27 1. 메일 보내기 보안 수준이 낮은 앱의 액세스 : https://myaccount.google.com/lesssecureapps 계정 액세스 사용을 허용 : https://accounts.google.com/DisplayUnlockCaptcha ** 1_Mail.js const express = require('express'); const bodyParser = require('body-parser'); const fs = require('fs'); const nodemailer = require('nodemailer'); const app = express(); const port = 3000; const router = express.Router(); app.use(bodyParser.urlenc.. 2021.02.21 1. 어제 수업할 때 만든 package를 이용하여 복원하기 : 복원할 package + 터미널에 npm install 명령어 2. 포스트맨 다운로드 www.postman.com/downloads ** 국비 수업 + 라이징 프로그래밍 수업을 진행하면서 다운받은 상태 -> https://shine94.tistory.com/85 3. 1_Express1.js const express = require('express'); const bodyParser = require('body-parser'); // post 데이터를 전달받기 위해 사용 const app = express(); const port = 3000; // body-parser를 이용하여 application/x-www-form-urlencode.. 2021.02.20 1. Node.js ① 백엔드 개발자가 사용하는 언어이다. ② 서버에서 실행되는 자바스크립트이다. ③ Google V8 JavaScript 엔진을 사용하여 코드를 실행하고 기본 모듈이 자바스크립트로 사용된다. ④ node.js에는 웹 서버 소프트웨어가 필요없이 웹 서버 역할을 할 수 있는 내장 라이브러리가 있다. ⑤ NPM이라는 패키지 관리자가 포함되어 있다. NPM은 node..js의 프로그램을 설치하고 관리하는데 사용된다. 2. Node.js 다운로드(LTS 버전으로 받기!) https://nodejs.org ** 국비 수업에서 다운받았음 -> https://shine94.tistory.com/107 [node.js 버전 확인] cmd 창에서 node -v 명령어, [npm 버전 확인] cmd 창에서.. 2021.02.07 1. Ajax(Asynchronous JavaScript and XML) : Ajax는 웹 페이지 전체를 다시 로딩하지 않고 웹 페이지의 일부분만을 갱신할 수 있게 한다. Ajax는 백그라운드 영역에서 서버와 통신하여 그 결과를 웹 페이지 일부분에 표시한다. 2. Ajax의 장점 ① 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신 할 수 있다. ② 웹 페이지가 로드된 후에 서버로 데이터 요청을 보낼 수 있다. ③ 웹 페이지가 로드된 후에 서버로부터 데이터를 받을 수 있다. ④ 백그라운드 영역에서 서버로 데이터를 보낼 수 있습니다. 3. Ajax의 단점 ① Ajax는 클라이언트가 서버에 데이터를 요청하는 클라이언트 풀링 방식을 사용하므로 서버 푸시 방식의 실시간 서비스를 만들 수 없다.. 2021.02.06 1. 게시글 수정 ** view.php 변경 글보기 글쓴이 : 날짜 : 조회수 : 추천수 : 제목 : 내용 글수정 제목 : 글보기 글쓴이 : 날짜 : 조회수 : 추천수 : 제목 : 내용 3. 첨부파일 추가 글쓰기 변경 ** upload 폴더 생성 ** write.php 글쓰기 아이디 : 제목 : 내용 파일 : ** write_ok.php ) 2021.01.31 1. 로그아웃 ** 3_logout.php 2. 로그인과 회원가입 연결 ** 3_login.php 수정 로그인 아이디 : 비밀번호 : 님 환영합니다. 로그아웃 ** 3_regist.php 수정 회원가입 아이디 : 비밀번호 : 비밀번호 확인 : 이름 : 휴대폰 번호 : ('-' 을 포함) 이메일 : 취미 : 드라이브 등산 게임 영화감상 쇼핑 주민등록번호 : - 우편번호 : 주소 : 상세주소 : 참고항목 : 3. 회원정보 수정 ** 3_login.php 수정 로그인 아이디 : 비밀번호 : 님 환영합니다. ** 3_modify.php 회원 정보 수정 아이디 : 비밀번호 : 비밀번호 확인 : 이름 : 휴대폰 번호 : 2021.01.30 1. SQL 문법 1) frontenddb 사용, 테이블 확인 2) 전체 필드 확인 3) 특정 필드 가져오기 4) 특정 조건에 따라 필드 가져오기 5) SQL insert 이용하지 않고 데이터 삽입하는 방법 6) NULL 비교 7) 범위 비교 8) 데이터 정렬 9) 그룹 10) 별명을 지어줄 수 있음! 11) tb_profile 테이블, 2개 데이터 삽입 12) INNER JOIN 13) LEFT JOIN 14) RIGHT JOIN 2. SQL 실습 USE frontenddb; -- 테이블 확인 SHOW TABLES; -- 전체 필드 확인 SELECT * FROM tb_member; -- 특정 필드 가져오기 SELECT mem_idx, mem_userid, mem_name, mem_hp FROM tb_m.. 이전 1 2 3 4 다음
