Node.js
1.Node.js / pm2
pm2 >PM2는 연중무휴로 애플리케이션을 관리하고 온라인 상태로 유지하는 데 도움이 되는 데몬 프로세스 관리자입니다. 설치방법 npm install pm2 -g 명령어 pm2 -version : 버전 확인 명령어 pm2 start example.js : PM2를
2.Node.js / express
Node.js를 위한 웹 프레임워크의 하나로,웹 애플리케이션, API 개발을 위해 설계되었다.NodeJS를 사용하여 서버를 개발하고자 하는 개발자들을 위하여 서버를 쉽게 구성할 수 있게 만든 프레임워크 HTTP 통신 방법도 배워야 하고, 패킷에 정보를 실어보내야 하니까
3.node.js 및 express로 서버구축
간단한 설치 및 내용은 이곳에 자세히 설명되어있다.node_modules(자동 생성)datadata.jsondb.jspublicjs ○ app.jsindex.htmlindex.jspackage.json (자동 생성)http://127.0.0.1:3000/api
4.Heroku 사용법 및 Node.js 설치 및 Express와 CORS 대처하기
PaaS(Platform-as-a-service) 클라우드 서비스무료로 호스팅 할 수 있도록 해주는 서비스기본적인 가입 (이메일 인증 등)Create new App 클릭원하는 App name을 적고 진행해당 App에 들어가서 Heroku CLI 설치Heroku 저장소
5.Heroku 날짜 서버 올리고 fetch로 수정할 수 있게 하기
현재 진행하는 내용은 아래 2개의 url에 있는 내용을 통합한 것입니다.node.js expressheroku 사용/api/covidDate url로 fetch를 통해 접속하여 PUT 메소드를 이용해 해당 서버의 날짜 데이터를 수정할 수 있게 만들기기존에 data.js
6.npm 내용들
기존의 npm install은 node_modules 내에 패키지를 설치 후 어떠한 dependencies에도 추가되지 않았었다.현재는 npm 5버전 이후부터는 npm install만 적어도 dependencies에 추가가 된다(현재 최신은 6.xx 버전이다). =>
7.Node.js 동기 / 비동기
어떤일이 실행되기 전까지 다른 일이 실행되지않고 기다린다.어떤일이 실행되기 전까지 다른 일이 기다리지않고 먼저 실행된 후 다른 일이 끝나면 그 일이 실행된다.
8.fs 내용 정리
readFilewriteFileappendFilecopyFilemkdirreaddirex)ex)기존에 a.js에 있는 내용이 khw970421로 바뀐다.ex)khw970421이 기록되고 그 후 misaka0421이 또 기록된다. 마지막 text만 저장되는 writeFi
9.Server setHeader / writeHead , readFile / createReadStream
html 형태의가 type이 text/html로 나온다. 브라우저 출력에 단지 hi만 뜨는 것이 아닌 <html><body><h1>hi</h1></body></html> 형태의 text가 출력된다. request.setHeader(nam
10.JSON 서버 다루기
JSON 다루기 GET / POST 코드
11.ES6 모듈 / COMMONJS
type에 modules를 추가하면 1.js파일에서의 import export가 가능하다. package.json"type" : "module"을 추가시켜 import export가 가능하게 한다.ex)"package.json"의 "type" : "module"을 제거
12.express req
req.pathreq.headersreq.paramsreq.query주어진 code의 첫번째 매개변수 url에 따르는 값들을 처리주어진 브라우저 url에 대한 ?로 관련한 쿼리app.jsurl : http://localhost:8080/animation/sch
13.express next 함수 / use vs all / error
기본코드 >실행하면 1밖에 콘솔 출력이 안된다. >response나 next를 사용하지 않아 서버가 반응을 하지 않는다. 수정코드1 >next()를 통해 다음 대상인 1.1이 출력된다. 수정코드2 >현재 경로에서 다음 미들웨어로 넘어가게 하는 next('ro
14.CORS 완전 정복하기
app.js해당 내용을 실행하면 http://localhost:8080/에 {"msg":"This is CORS-enabled for a whitelisted domain."}가 존재한다. 요청하는 헤더에 붙여주는 역할을 한다. 'Access-Control-A
15.Get / POST 메소드 사용하기 (postman / 구글 콘솔)
app.js >실행할 코드이다. 여러곳에서 접속가능하게 하기위해 cors() 사용 >get메소드를 통해 getResult를 반환 post메소드를 통해 해당 객체를 반환 GET 메소드 사용하기 1) postman >get요청으로 받아온 JSON형태를 확인 할 수
16.put 메소드 사용 ( async await / writeFileSync writeFile / readFileSync readFile 전부 사용 )
put 메소드 동작 구현하기app.js => express 코드1.json => 객체형태를 저장한 파일app.jswriteFileSync 와 readFileSync를 사용해 해당 내용이 다 와서 write하기 전까지 다음 내용을 실행하지않고 read하기 전까지 다음 내
17.heroku 실습 복습하기
아래 내용은 해당 코드를 따른다. 아래 내용은 해당 명령을 따른다. heroku app하나 만들기 => exam0421로 만듬폴더 하나 만들기heroku login 명령어를 통해 heroku 연결하기 (웹사이트로 간단히 접속)git init 명령어 사용 =>git pu
18.stylelint 다루기
css및 scss를 코드를 분석하는 도구package.json.stylelintrc.jsonnpm init -y => pacakge.json 파일 생성npm install --save-dev stylelint stylelint-config-standard => 필요한
19.🥝 webpack 총정리 (+vue)
번들러 중 하나로 여러 파일을 압축해주는 번들링 역할을 하는 대상사이트를 들어가면 기본적인 package.json부터 전부 작성되어있다. babel부터 시작해서 css에 sass 그외에html-webpack-plugin에 webpack관련도 준비되어있다. webpack