프로그래밍(주력)/JAVASCRIPT(8)
-
리엑트 네이티브) XMLHttpRequest를 활용한 서버 통신
리엑트 네이티브 내의 app.js123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112import React, { Component} from 'react'; import { StyleSheet, Text, View, Image, FlatList, Dimensions, ActivityIndicator } from 'react-native'; const sc..
2018.01.04 -
소수전공 Bonus회차) async와 Promise 기초
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 async 예제 html, body{ width: 100%; height: 100%; margin: 0; padding: 0; } #result{ width: 100%; height: 100%; } //IE를 쓰고 싶으면 자바스크립트 컴파일러인 BABEL사용 const a = () => { console.log('a'); }; const b = () => { console.log('b'); };..
2017.12.28 -
소수전공 6회차) Joi를 활용해 로그인 규칙 정하기, LOL api로 request 해보기
request를 활용해소환사 이름을 가지고 정보를 가져오는 코드 r.js 123456789101112131415161718192021222324252627const request = require('request');const qs = require('querystring');// request.post(// { url : 'http://127.0.0.1:4321/api/user',// form: {userId : 'blgada12', userPw: '12321232'},// },// (err, res, body) => {// console.log(err);// console.log(body);// });let url = "https://kr.api.riotgames.com";let apiKey = "R..
2017.12.21 -
소수전공 5회차) socket.io를 활용한 채팅, room구현
app_room.js12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849const express = require("express");const app = express();const http = require('http').Server(app);const fs = require('fs');const io = require('socket.io')(http); app.use(express.static(__dirname + '/public_room'));app.get('*', (req, res) => { res.status(404).end();}); let client_list = { room1: []..
2017.12.20 -
소수전공 4회차) mariaDB연동, 로그아웃, 세션 구현
app.js12345678910111213141516171819202122232425262728293031323334const express = require('express');const bodyParser = require('body-parser');const expressSession = require('express-session');const multer = require('multer'); const passport = require('passport');const passport_local = require('./passport'); const app = express(); // 미들웨어 설정 app.use('/', express.static(__dirname + '/public'));app..
2017.12.20 -
소수전공 3회차) passport, mariadb연동 준비
passport.js12345678910111213141516171819202122232425const passport = require('passport');const localStrategy = require('passport-local').Strategy; module.exports = () => { passport.serializeUser((user, next) => { next(null, user) }); passport.deserializeUser((user, next) => { next(null, user) }); passport.use(new localStrategy({ usernameField : 'userID', passwordField : 'userPW', session : true,..
2017.12.18 -
소수전공 2회차) express를 활용한 웹서버 열기
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879//미들웨어 받아오기const express = require('express')const bodyParser = require('body-parser')const multer = require('multer') const app = express() //multer - diskStorage -> 하드에 저장함 (보통 이거 씀)//multer - memoryStorage -> 램에 저장함 (용량 제한을 해서 사용하고, 서버에 저장할 필요가 없..
2017.12.18 -
소수전공 1회차) ES6의 기초와 node js로 간단한 웹서버 열어보기
es6 연습12345678910111213141516171819202122232425262728293031323334353637383940414243444546//es6 기초 //지역변수, 전역변수 구분이 확실한 자료형let a = 0; //자바스크립트의 일반 자료형var b = 0; //객체 자료형let o = {a : 1, b : 2, c : 3} //배열 자료형 let arr = [1, 2, 3, 4, 5] //포문 바깥에서 c를 참조하려고 하면 정의되지 않았다고 오류가 난다.for (let i = 0; i { console.log("B")}B() //중괄호를 제거하고 바로 리턴값을 적는 경우let C = () => "C" console.log(C())cs노드를 사용한 간단한 웹서버(같은 경로에 i..
2017.12.14