Front-End 64

[Node.js] json(JavaScript Object Notation)

1) json(JavaScript Object Notation)이란? - 데이터를 교환하고 저장하기 위해 만들어진 텍스트 기반의 데이터 교환 표준 포맷입니다. { "apple": { "name": "김사과", "password": "1111", "gender": "여자" }, "banana": { "name": "반하나", "password": "2222", "gender": "여자" }, "orange": { "name": "오렌지", "password": "3333", "gender": "남자" }, "melon": { "name": "이메론", "password": "4444", "gender": "남자" } } ** json 문법 검증하는 사이트 https://jsonlint.com/ The JS..

Front-End/Node.js 2021.08.14

[Node.js] node.js를 사용하여 메일 보내기 실습 예제

1) nodemailer 모듈 - 메일서버를 통해 메일을 보낼 수 있도록 하는 모듈이다. - cmd창에 npm i nodemailer 실행해주기 2) nodemailer 모듈 설정하기 createTransport({ service: '메일서버', auth: { user: '계정', pass: '비밀번호' }, host: '메일서버도메인', port: '포트' }); 3) nodemailer 모듈 내용 설정하기 const 객체명 = { from: '이름', to: '이름', subject: '제목', text: '내용' //html 'html코드' } ** 하단의 url 접속하여 메일을 보내주기 위한 보안설정 허용해주기 더보기 보안 수준이 낮은 앱의 액세스 https://myaccount.google.co..

Front-End/Node.js 2021.08.14

[Node.js] 템플릿 엔진 알아보기(EJS 모듈, PUG)

1) 템플릿 엔진 - view를 구현하기 위한 템플릿 2) EJS(Embedded javaScript) 모듈 - 특정한 형식인 파일로 부터 HTML 페이지를 생성하는 모듈을 말한다. - cmd 창에 npm i ejs 실행하여 설치해주기 - EJS 파일 형식의 특수코드들 - 자바스크립트 코드를 입력하는 영역 - 데이터를 출력 - ejs 파일 전체를 전달 - EJS 데이터 전달 render( ) : 메소드의 매개변수에 전달하고자 하는 데이터를 입력 ejs.render(data); 3) PUG(Jade) 모듈 http://jade-lang.com/ Jade - Template Engine jade-lang.com - cmd 창에 npm i jade 실행하여 설치해주기

Front-End/Node.js 2021.08.08

[Node.js] router 미들웨어 알아보기

1) router 미들웨어 - 사용자의 다양한 요청이 들어왔을 때 use( ) 메소드로 설정한 미들웨어가 항상 호출되는 불편한 점을 개선해준다. 2) Router 객체 const 객체명 = express.Router( ); 객체명.route('/member/login').get({실행할 함수}); 객체명.route('/member/login').post({실행할 함수}); 익스프레스에 Router 객체 미들웨어 등록 app.use('/', 객체명); const express = require('express'); const bodyParser = require('body-parser'); const app = express(); const router = express.Router(); const por..

Front-End/Node.js 2021.08.08

[Node.js] Express 모듈, body-parser, Postman 알아보기

1) express 모듈 1. get( ) - get으로 사용자 정보를 전달 받는다. 2. use( ) - 미들웨어를 등록한다. 3. redirect( ) - 웹 페이지의 경로를 강제로 이동시킨다. 4. write( ) - 클라이언트에게 전송할 데이터를 작성해준다. 2) express 모듈 내 이벤트 1. request - 클라이언트가 서버에 요청할 때 발생하는 이벤트 2. connection - 클라이언트가 서버에 접속할 때 발생하는 이벤트 3. close - 서버가 종료될 때 발생하는 이벤트 3) express 모듈 내 내장객체 1. server 객체 - createServer( ) 메소드를 사용하여 생성한다. 2. request 객체 - 클라이언트가 서버에게 전달하는 메시지(정보)를 담는 객체 3...

Front-End/Node.js 2021.08.08

[Node.js] 이벤트 루프, http모듈, 메소드

1) 이벤트 루프 - node.js는 서버가 실행되면 변수들을 초기화하고 함수를 선언하고 이벤트가 발생할 때까지 기다리게 된다. - 이벤트가 감지되었을 때 call back함수를 호출한다. - node.js 사이트 내 about 탭에 있는 코드 복사하여 붙여넣기 const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World'); }); server.listen(port, hostname..

Front-End/Node.js 2021.08.07

[Node.js] Node.js 기본 모듈, 메소드, 동기식과 비동기식 알아보기

1) 기본 실행 console.log('node.js의 시작'); cmd창에서 node 파일명.확장자 명령어 실행해주기 2) fs 모듈 - 파일처리와 관련된 모듈(기능을 모아둔 파일)을 말한다. - node.js에서 가장 중요하고 기초가 되는 모듈이다. 3) 메소드 1. readFile( ) - 파일을 비동기적으로 읽어준다. const fs = require('fs'); //파일을 다루는 모듈 fs.readFile('text1.txt', 'utf-8', (err, data) => { //err가 났을 때 err결과가 data변수에 값이 들어가고 잘 실행되면 바로 data변수에 값이 들어감 if(err){ console.log(err); }else{ console.log(`비동기식으로 읽음 : ${data..

Front-End/Node.js 2021.08.07

[Node.js] node.js 개요,설치/ package.json 설치

1) node.js 란? - 백엔드 개발자가 사용하는 언어로 서버에서 실행되는 자바스크립트를 말한다. - Google V8 JavaScript 엔진을 사용하여 코드를 실행하고 기본 모듈이 자바스크립트로 사용된다. - node.js는 웹서버(아파치, iis, zeus, ...)과 같은 소프트웨어가 필요없이 웹 서버 역할을 할 수 있는 내장 라이브러리가 존재한다. - NPM이라는 패키지 관리자가 포함돼있다. 2) node.js 다운로드하기 1. https://nodejs.org/en/ 접속하기 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 보다 안정적인 LTS 버전 설치하기 3. nex..

Front-End/Node.js 2021.08.07

[PHP] Ajax개요, 특징, XHR 알아보기

1) Ajax란? - 웹 페이지 전체를 다시 로딩하지 않고 백그라운드 영역에서 서버와 통신하여 그 결과를 리턴받고 웹 페이지 일부를 갱신할 수 있게 하는 기술을 뜻한다. 2) Ajax의 장점 - 웹 페이지의 전체를 다시 로드하지 않아도 일부분만을 갱신할 수 있다. - 웹 페이지가 완전히 로드된 후에도 서버로 데이터 요청을 보낼 수 있다. - 백그라운드 영역에서 서버로 데이터를 전송한다. 3) Ajax의 단점 - 바이너리 데이터를 전달할 수 없다. - 서버 푸싱 방식의 실시간 서비스를 만들 수 없다. 4) XMLHttpRequest(XHR) 객체 1. 객체 생성하기 서버에 접속할 수 있는 객체 const XHR객체명 = new XMLHttpRequest( ); 을 생성하면 readyState라는 상태pro..

Front-End/PHP 2021.07.24
반응형