목록전체 글 (119)

개발노트

back 서버실행

front server backend server 요청 응답 REST API (HTTP API) 를 사용 예정 Graph QL REST API의 다섯가지 요청방법 GET - 웹사이트 접속, 새로고침 도 get주소요청임 POST PUT (전체수정) PATCH (일부분수정) DELETE //index.js const express =require('express'); const app = express(); app.get('/', (req,res)=>{ res.send(' hi server'); }); app.get('/about', (req,res)=>{ res.send('hi about'); }) app.listen( 3003, ()=>{ console.log(`server is running :3003..
React/project 2020. 8. 20. 15:33
back 세팅

DB, backend server 를 만든다 frontend server(next, customServer) 사용할 패키지들 설치 node http모듈로 쓸수있지만, 편의를 위해 express라는 프레임워크를 얹어서 사용하도록 한다 npm i express http요청보낼때 npm i axios 비밀번호암호화 위함 npm i bcrypt (로그인) 쿠키 세션 npm i cookie-parser express-session 환경변수(비밀번호 관리) npm i dotenv 백서버랑 프론트서버랑 주소다를때, 요청보낼때 보안때문에 제약이걸리는데 (cross origin)그 제약풀어주는 cors npm i cors node, express의 보안 담당 npm i helmet hpp 서버에 로그남겨줌(누구한테요청왔..
React/project 2020. 8. 20. 15:02
eslint 추가

airbnb가 문법엄격한편 npm i -D eslint-config-airbnb 웹접근성. npm i -D eslint-plugin-jsx-a11y //.eslintrc "extends":[ "airbnb" ], "rules":{ "no-underscore-dangle": "off" //끄고싶을때 } 바벨최신버전을 쓴다 npm i -D babel-eslint { "parser":"babel-eslint", // "parserOptions":{ "ecmaVersion":2019, "sourceType":"module", "ecmaFeatures":{ "jsx":true } }, "env":{ "browser":true, "node":true, "es6":true // }, "extends":[ // "es..
React/project 2020. 8. 12. 14:18
redux-saga / all, fork, takeLatest, call, put 메서드 설명

import { all, fork, takeLatest, call, put } from 'redux-saga/effects'; function loginAPI(){ } function* login(){ try{ yield call(loginAPI); yield put({ type: LOG_IN_SUCCESS }) }catch(E){ console.error(e); yield put({ type:LOG_IN_FAILURE }) } } function* watchLogin(){ yield takeLatest(LOG_IN, login); } export default function* userSaga(){ yield all([ fork(watchLogin), ]); } fork는 함수 비동기적 호출 takeL..
React/project 2020. 8. 11. 17:13
이전 Prev 1 ··· 18 19 20 21 22 23 24 ··· 30 Next 다음