일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 백준
- 맥북 유용한 앱
- jsx 문법
- 자바 영어면접
- node.js
- Node.js Express
- 백준 단계별로 풀어보기
- 자바 면접
- 맥북 사용법
- react jsx
- 아톰에디터
- React props
- 기술면접
- 자바 인터뷰
- tech interview
- 자바 기술면접
- 리액트
- Java tech interview
- 생활코딩
- AtomEditor
- 자바 개발자
- 알고리즘
- 맥북 초보
- 맥북 팁
- Express middleware
- 백준 알고리즘
- React
- mysql
- 맥북 필수 앱
- react state
- Today
- Total
목록생활코딩 (19)
song.log

1. Express의 Third-party middleware - body-parser : https://expressjs.com/en/resources/middleware/body-parser.html Third-party middleware는 Express가 제공하는 것이 아닌 제 3자가 만들어낸 소프트웨어를 칭하는 것이다. 그 중 post 방식으로 전송된 데이터를 body-parser라는 미들웨어를 통해 가져오는 방식에 대해서 보겠다. 우리가 지난 포스팅에 post 방식의 데이터를 가져올 때는 아래의 코드를 사용했다. app.post('/create_process', function(request, response){ var body = ''; request.on('data',function(dat..

Node.js에서 http 모듈만으로 웹 서버를 구성하게 된다면 사실 많은 것들을 직접 만들어야하고 번거로워진다. Node.js의 프레임워크 중 Express를 사용한다면 보다 편리하고 간편하게 웹서버를 구축할 수 있다. Express 프레임워크에 대한 자세한 내용은 공식 홈페이지에서 확인 가능 https://expressjs.com/ Express - Node.js web application framework Fast, unopinionated, minimalist web framework for Node.js $ npm install express --save expressjs.com Express부터는 VSCode 에디터를 사용 1. Express 설치 Terminal에 npm install ex..

1. 모듈의 형식 모듈은 그룹핑의 가장 큰 형태라고 볼 수 있음 모듈이 될 파일에 객체 하나를 작성 이 때, module.exports = '객체' 를 통해 다른 파일에서도 접근이 가능하도록 함 var M = { v: 'v', f: function(){ console.log(this.v); } }; module.exports = M; 이 객체에 접근하고자 하는 파일에서 require()를 통해 객체를 받아옴 같은 폴더 안에 있는 파일이기에 ./를 붙여서 가져오기 console.log('객체'); 를 통해 객체 안에 무엇이 있는지 확인할 수 있다. var M = require('./mpart.js'); console.log(M); M.f(); 2. 모듈의 제작 제작했던 main.js app 에서 templ..

1. 글생성: UI 만들기, Post방식으로 전송된 데이터 받기 기존 pathname '/' 이외에 pathname '/create'을 생성해 글을 작성할 수 있는 페이지를 작성 아래의 코드를 추가 기존의 template에다가 html form을 추가 else if(pathname === "/create"){ fs.readdir('./data', function(error, filelist){ var title = 'WEB - create'; var list = templateList(filelist); var template = templateHTML(title, list, ` `); response.writeHead(200); response.end(template); }); } form의 post ..

1. 동기/비동기 fs.readFile(path,option,callback) vs fs.readFileSync(path,option) 비동기 동기 동기에서는 Sample.txt를 읽고 나서 C를 실행할 수 있었지만, 비동기의 경우 Sample.txt를 읽는 것과 상관없이 C를 실행했기 때문에 순서가 다르게 나온다. 2. Callback 함수 자바스크립트에서는 변수에 함수를 할당할 수 있습니다. 따라서 변수에 할당된 함수를 다른 함수의 파라미터로 전달할 수 있습니다. 이렇게 파라미터로 전달된 함수를 다른 함수의 내부에서 호출하는 것이 콜백 함수입니다. 참조 : Do it! Node.js 프로그래밍 : 실제 서버로 구동 가능한 코드로 배운다! [전면개정판] 자바스크립트는 함수의 이름을 미리 정한 상태에서 ..

1. 파일목록 알아내기 데이터 디렉토리에 있는 파일의 수정, 삭제를 알기 위해 파일 목록을 불러내서 확인 var testFolder = './data'; var fs = require('fs'); fs.readdir(testFolder, function(err, filelist){ console.log(filelist); }) 2. 글목록 출력하기 var http = require('http'); var fs = require('fs'); var url = require('url'); var app = http.createServer(function(request,response){ var _url = request.url; var queryData = url.parse(_url, true).query;..

1. 파일 읽기 Node.js 에서 파일읽기를 익히기 위한 공식 사이트 Docs https://nodejs.org/docs/latest-v11.x/api/fs.html Everyone's talking about Node taking over the programming world and its great advantages. While all frameworks and languages come with some benefits, it's Node.js that takes over development in enterprises. The big question is... Why Node.js became a standard for large-scale apps? And in this article I ..

1. 웹서버 만들기 Node.js는 웹서버를 내장하고 있기 때문에 그 외의 웹서버 서비스가 구현하지 못하는 것들을 구현할 수 있다. 생활코딩에 있는 소스를 복사하여 main.js에 붙여넣기 윈도우키 + r > 실행창 cmd > cd 경로 변경 > node main.js 웹브라우저를 키고 localhost:3000 입력 * 여기서 기억해야하는 코드 response.end(fs.readFileSync(경로)): 보여져야하는 페이지의 데이터를 사용자에게 전송하는 역할 2. URL의 이해 3. URL을 통해서 입력된 값을 사용하는 방법 Query String을 통해서 다른 정보를 방식 - node.js url parsing + query string 으로 검색해서 정보 파악 가능 var http = requir..