7 o'clock 7 o'clock

17번째 줄 combineReducer(state, action)값을 넣어주니 서버사이드 렌더링이 제대로 작동했다.

const fullComment = await Comment.findOne({ where: { id: comment.id }, include: [{ model: User, attributes: ['id'], }], }) user 라우터 fullComment를 만드는 과정에서 include 속성을 잘못 줘서 발생된 오류.

API가 뭐냐? Application Programming Interface 다른 애플리케이션에서 현재 프로그램의 기능을 사용할 수 있게 함. 웹 api: 다른 웹 서비스의 기능을 사용하거나 자원을 가져올 수 있게 함. 다른 사람에게 정보를 제공하고 싶은 부분만 api를 열고 제공하고 싶지 않은 뿐은 api를 만들지 않으면 됨. api에 제한을 걸어 일정 횟수 내에서만 가져가게 할 수도 있음. 그럼 API를 왜써? 사용자들이 서버에 직접적으로 요청사항을 전달할 경우, 각자 다른 방식으로 전달된다. 해당 과정을 매우 비효율적이며 서버에 부하가 걸릴 수 있다. 해당 과정을 방지하고자 API를 통해 일종의 rule을 정하고 효율적으로 정보를 주고받을 수 있도록 도와주는 것이다.

express http 모듈로 웹 서버를 만들 때 코드가 보기 좋지 않고, 확장성도 떨어짐. - 프레임 워크로 해결. - 대표적인 것이 Express(익스프레스), Koa(코아), Hapi(하피). - 코드관리도 용이하고 편의성이 많이 높아짐. 미들웨어 클라이언트에게 요청이 오고 그 요청을 보내기 위해 응답하려는 중간에 목적에 맞게 처리를 하는 함수(?). 라우터에서 중복되는 코드 제거 가능. const express = require('express'); // express서버 const path = require('path'); // 경로처리를 위해 const app = express(); app.set('port', process.env.PORT || 3000); app.use((req, res, ..

npm i -g rimraf (rimraf 글로벌 설치, 명령어로 사용할 수 있음 ex)rimraf) 뭔가를 삭제하는 모듈. 다만 이 방식으로 하면 package.json에 추가가 되지 않음. 아래의 방식으로 설치하는게 좋다 1. npm i rimraf -D (rimraf 설치) 2. npx rimraf node_modules (글로벌 명령어로 사용하기 위함) # 글로벌 설치는 지양하자!

npm Node Package Manager - 노드의 패키지 매니저 - 다른 사람들이 만든 소스 코드들을 모아둔 저장소 - 오픈 소스 생태계 - 이미 있는 기능을 다시 구현할 필요가 없어 효율적 package :npm에 업로드된 노드 모듈 npm init - package.json 만들기 npm -v (버전확인) npm run test (에러를 발생시키고 종료하는 코드) npm i express (오픈소스 서버 설치) npm i cookie-parser body-parser (각종 패키지 설치) npm i -D nodemon (각종 패키지 설치) dependencies - 배포할때까지 사용되는 패키지 devDependencies - 개발할때만 사용되는 패키지 { "name": "npmtest", "ve..

프로미스 자바스크립트 비동기 처리에 사용되는 객체. - 서버에서 받아온 데이터를 화면에 표시할 때 주로 사용한다. 프로미스의 상태 new Promise() - 프로미스를 생성 이후 3가지의 상태를 가짐. pending(대기) - 비동기 처리 로직이 아직 완료되지 않음. fulfilled(이행) - 비동기 처리 완료. 결과 값이 반환됨. rejected(실패) - 비동기 처리중 오류가 발생하거나 실패한 상태. new Promise(); 해당 메서드를 호출하면 대기 상태로 전환됨. 해당 메서드를 호출할 때 콜백함수를 선언할 수 있다. ex) new Promise(function(resolve, reject) { }); -------- new Promise(function(resolve, reject) { r..

쿠키의 필요성 - 누가 요청을 보냈는지 모름(IP 주소와 브라우저 정보 정도만 앎). - 로그인을 구현하면 됨. - 쿠키와 세션이 필요. 쿠키: 키 = 값의 쌍 - name = zerocho - 매 요청마다 서버에 동봉해서 보냄. - 서버는 쿠키를 읽어 누구인지 파악. 쿠키 넣기 구현 writeHead : 요청 헤더에 입력하는 메서드. Set-Cookie : 브라우저에게 쿠키를 설정하라고 명령. 쿠키: 키 = 값의 쌍 name = john 매 요청마다 서버에 동봉해서 보냄. 쿠키 서버 만들기 cookie.js const http = require('http'); http.createServer((req, res) => { console.log(req.url, req.headers.cookie); res...