전체보기 (286) 썸네일형 리스트형 express에서 status code 넣는 방법 app.get('/', (req, res) => { res.status(404).send('존재하지 않는 요청입니다.'); }); express의 Route Parameters 사용법 const express = require('express'); const app = express(); app.get('/api/:arg', (req, res) => { // :arg 함수의 인자와 같다. res.send(req.params.arg); // req.params 객체에서 인자 값을 얻을 수 있다. }); app.get('/api', (req, res) => { // /api?id=1 이라고 입력하면 res.send(req.query); // req.query = { id: 1 }; }); app.listen(3000, () => console.log('서버가 가동 중입니다.')); node.js의 express 모듈 기본 사용법, GET const express = require('express'); const app = express(); app.get('/', (req, res) => { // GET 요청, 기본 URI res.send('환영합니다.'); }); app.listen(3000, () => console.log('서버가 가동 중입니다.')); 리액트 라이프 사이클 리액트에는 각 컴포넌트가 mounting, updating, unmounting 될 때 자동적으로 호출되는 메소드들이 있다. 이를 라이프 사이클 메소드라고 부른다. Mounting 1. constructor 컴포넌트가 생성될 때 제일 먼저 호출되는 함수다. constructor를 쓰려면 먼저 super(props);를 호출해야 한다. 이로써 React.Component를 상속하게 된다. state 값을 초기화하는 곳이기도 하다. constructor(props) { super(props); this.state = { color: 'red' }; } 2. getDerivedStateFromProps render 메소드 바로 직전에 호출 된다. props에서 받은 값으로 state를 초기화하기 좋은 위치다... 서버에 접근할 때 simple request인 경우 다음의 조건들을 모두 갖출 때 simple request가 요청되고 그렇지 않은 경우에는 preflighted request가 요청돼 OPTIONS 메소드를 보내게 된다. 1. GET, HEAD, POST 메소드일 때 2. 아래의 헤더일 때 accept accept-language content-language content-type DPR downlink save-data viewport-width width 3. content-type 헤더를 쓸 경우에는 아래의 값만 허용된다. application/x-www-form-urlencoded multipart/form-data text/plain 4. request에서 쓰는 XMLHttpRequestUpload 객체에 이벤트 리스너가 등록되면 안 된다. .. node.js의 http 모듈 기본 사용법 const http = require('http'); // 이벤트 이미터와 비슷하게 요청이 있을 때마다 호출 된다. const server = http.createServer((req, res) => { if(req.url === '/') { // http://localhost:3000/ res.write('환영합니다.'); res.end(); } if(req.url === '/get') { // http://localhost:3000/get res.write(JSON.stringify([1, 2, 3])); // [1, 2, 3]이라는 데이터를 string으로 변환해서 보낸다. res.end(); } }); server.listen(3000); console.log('서버가 가동 중입니다.'); res.. node.js에서 module.exports와 require 이해하기 1. module.exports node에서 module에 뭐가 들어 있는지 console.log로 확인해보면 다음과 같은 속성들이 여럿 나온다. Module { id: '.', exports: {}, parent: null, ... } 이 중 exports를 보면 node로 작성된 자바스크립트 언어에서 흔히 보이는 module.exports 이하가 뭘 의미하는지 파악할 수 있다. 하나의 파일 안에서만 유효한 함수나 변수를 module.exports 객체에 담아 다른 파일에서 참조할 수 있게 하는 것이다. function func() { } module.exports.func = func; 위에서는 func라는 함수를 exports 객체에 func라는 이름으로 담는다. 아래처럼 되는 것과 같다. Modu.. node.js 이벤트 이미터 기본 사용법 대부분 node.js의 클래스들은 아래의 이벤트 이미터 클래스를 상속한다고 한다. 알아두면 node.js 모듈들의 동작 원리들을 좀 더 이해할 수 있다. const EventEmitter = require('events'); const emitter = new EventEmitter(); // 이벤트가 동작될 때 호출되는 리스너를 정의한다. emitter.on('messageLogged', function(name) { // on = addListener console.log(name + '이 로그인 했습니다.'); }); // messageLogged라는 이벤트를 동작시킨다. emitter.emit('messageLogged', 'socratone'); // emit = 발생 이전 1 ··· 22 23 24 25 26 27 28 ··· 36 다음