2020.코딩일지

(macOS) 또는 (Ubuntu MySQL설치) Homebrew를 이용한 MySQL설치 brew install mysql brew info mysql MySQL시작 brew services start mysql //또는 mysql.server start MySQL접속 mysql -u root MySQL root계정 비밀번호 세팅 비번 1234라도하자ㅏㅏㅏㅏ MySQL 설치에러(맥북M1) Cannot install in Homebrew on ARM processor in Intel default prefix (/usr/local)! 에러 핸들링 방법 (brew install mysql 후에) $ /opt/homebrew/bin/brew doctor $ echo 'export PATH="/opt/homeb..

im-sprint-mini-node-server app.use(express.json({ strict: false })); —>이게있어야 JSON을 알아듣는다!⭐️매우중요! (false면 배열,객체 이외에 값도 JSON으로 읽을 수있다) app.use(express.urlencoded({ extended: true, }) ); —>요즘은 거의 제이쓴이라 app.use(bodyParser.json()); 이걸 선호하고 위와같은 방식은 잘안쓰긴하는데 POST, PUT 요청의 headers에 "Content-Type”이 application/x-www-form-urlencoded 일 때 필요한 기능 extended: true, 는 인코딩 방식을 설정 true라면 qs 모듈 -> 배열및객체 모두 입력가능하고 f..

im-sprint-mini-node-server CORS미들웨어를사용하여 모든 요청에 대해 허용. `/upper`는 ""로담았고 `/lower`는 []로 담아보았다. body를 만들어서 한번에 담느냐, end()안에서 해도되는가 --> 모두OK 응답할때 `res.writeHead(200, defaultCorsHeader);` 헤더설정을 꼭 해줘야했고, `res.end(body)`를 실어서 보내야한다. 에러처리는 res.statusCode = 404; res.end(); 그래서 코드는 ... 작동은 잘하고, 이걸 곧 리팩토링 해볼것이다! const express = require("express"); const router = express.Router(); const cors = require("cors..

Refactor Express javaScript 생태계에서 인기있는 프레임워크 MERN stack. (MongoDB, Express, React, Node) 이중 Express.js는 node.js환경에서 웹서버, 또는 API서버를 제작하기 위해 사용되는 가장 있기있는 프레임워크 npm install express framework (다시확인) express로 구현한 서버가 http모듈로 작성한 서버보다 좋은점! 미들웨어 추가가 편리 2. 자체 라우터 제공한다. (분기가능) 직관적인 코드로 사용가능하다 case1. 모든 요청에 대해 url이나 메소드를 확인 할 때, //endpoint가`/`면서, 클라이언트로부터 GET요청을 받았을때 적용하는 미들웨어 app.get('/', funtion(req, re..

코드스테이츠 블록체인 부트캠프 6기 웹 어플리케이션에서는 HTTP메소드를 이용해 서버와 통신한다. (GET으로 요청하고 POST로 새로운글,데이터전송 DELETE로 삭제) REST API란, 2개이상의 서비스가 인터넷을 통해 정보를 교환할때 사용하는 인터페이스. 요청과 응답을 할 때, '제대로 보내고 받을 수 있는' 일종의 규약. 데이터를 주고받기위한 규약. 약속된 HTTP프로토콜을 사용한다. REST(Representational State Transfer) 로이필딩 박사학위 논문에서 웹(http)의 장점을 최대한 활용할 수 있는 아키텍쳐로 소개 되었다. REST API는 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP프로토콜을 통해 요청과 응답을 정의하는 방식을..

코드스테이츠 블록체인 부트캠프 6기 SPA를 만드는 기술 : AJAX란? Asynchronous JavaScript And XMLHttpRequest (핵심기술)JavaScript, DOM, Fetch, XMLHttpRequest, HTML등의 다양한 기술 사용된 '웹 개발 기법' AJAX의 장점1 : 웹 페이지에 필요한 데이터만 비동기적으로 받아와 렌더링 하는데 AJAX기술이 쓰임 **특징** (이전에는 서버에서 HTML을 완성해 보내줘야 화면에 렌더링을 할 수 있었는데, ) ex. 검색창(한글자입력시마다 추천검색어), 무한스크롤(서버로부터 Fetch가져와 업데이트하여 렌더링) •XHR(XML Http Request)의 단점을 보완한 새로운 WepAPI Fetch. Cross-Site이슈 등 XML보다..

코드스테이츠 블록체인 부트캠프 6기 2Tier Architecture 클라이언트: 리소스를 사용하는 앱 (결제기능, 상품조회기능 등) 서버 : 리소스가 존재하는 곳 (상품목록) + DB 추가시 (3Tier) 요청이 있어야 응답이 온다. API란(Application Programming Interface)? 메뉴판! 리소스를 활용할 수 있도록 인터페이스 제공. (그냥막 요청하면안되고 양식에따라) 서버는 리소스 전달을 위한 메뉴판 API문서를 작성해야 클라이언트가 활용가능하다. + Query String으로 파라미터 추가가능 (물음표? 앤드& 기호) 프로토콜이란(Protocol)? 통신규약, 즉 약속 = HTTP (외계어로는 주문불가) 인터넷에 있는 데이터를 요청할 때에는 HTTP프로토콜을 사용하여, 주소..