React에서 .svg 아이콘 파일 사용하기 component.js중요 declare module ".svg" {}export default src => export default ReactComponent;바꿔줌 src를 기본으로 export 하면 fill / wi

Error: listen EACCES: permission denied 0.0.0.0:80백엔드 서버 node app 으로 구동할 때 에러가 발생프론트 서버 npm start 으로 구동할 때 에러가 발생"start" : "next start -p 80" 해결법sudo

EC2 설정 font 서버 || back 서버 각각 설정함. 폴더 구조 nodebird-front instance ┌ front ├ back└ react-nodebird.pemconnect root폴더에 keypair .pem 파일을 위치시킴 root 폴더에서 아래를

passport & passport-local 로그인 미들웨어 감안하지 않고 진행 순서에 포커싱 POST : /login 으로 호출 req.body안에 {email : 'abc@gmail.com' , pwd : 'abc' } prop 명에 신경쓸 것.

Session > 사용자가 처음 사이트 접속할 경우(세션아이디 없음) 새로운 임의의 세션아이디를 쿠키에 넣어서 사용자에게로 전송 response headers에 아래 값포함해서 사용자 브라우저에 보냄 Set-Cookie: connect.sid=s:lNAiD0

CREATE TABLE • NULL과 NOT NULL은 빈칸을 허용할지 여부를 묻는 옵션입니다. comment 컬럼만 NULL이고, 나머지는 모두 NOT NULL입니다. 자기소개를 제외한 나머지 컬럼은 반드시 로우를 생성할 때 데이터를 입력해야 합니다.• id 컬럼에는

프론트 파일 설정 with pugnpm i pug

메서드 체이닝(method chaining)을 지원함 REQUEST• req.app: req 객체를 통해 app 객체에 접근할 수 있습니다. req.app.get('port')와 같은 식으로 사용할 수 있습니다.• req.body: body-parser 미들웨어가 만

Multer이미지, 동영상 등을 비롯한 여러 가지 파일을 멀티파트 형식으로 업로드할 때 사용하는 미들웨어멀티파트 형식이란다음과 같이 enctype이 multipart/form-data인 폼을 통해 업로드하는 데이터의 형식을 의미body-parser로는 처리할 수 없고

Npm Dependenciesnpm iexpressexpress - sessionmorgancookie - parserdotenvbody-parser : 필요한 경우npm i express express-session morgan cookie-parser dotenv

JSON은 JSON 형식의 데이터 전달 방식 URL-encoded는 주소 형식으로 데이터를 보내는 방식폼 전송은 URL-encoded 방식을 주로 사용urlencoded({extended: false}) : extended:false면 노드의 querystring 모듈

cluster 모듈은 기본적으로 싱글 프로세스로 동작하는 노드가 CPU 코어를 모두 사용할 수 있게 해주는 모듈예로 들어 코어가 여덟 개인 서버가 있을 때, 노드는 보통 코어를 하나만 활용함.cluster 모듈을 설정하여 코어 하나당 노드 프로세스 하나가 돌아가게 할

헤더 내부에 한글로 된 정보 입력할 때 리디렉트 "Set-Cookie" : "name=홍길동 ..." => "Set-Cookie" : name=${encodeURIComponent(홍길동)} ...헤더에는 한글을 설정할 수 없음 한글을 encodeURIComponent

Http 상태코드 const http = require("http") 200이나 500과 같은 숫자는 HTTP 상태 코드입니다. res.writeHead에 첫 번째 인수로 상태 코드를 넣었는데, 브라우저는 서버에서 보내주는 상태 코드를 보고 요청이 성공했는지 실패했는지

배포 포트 http: 80 http: 443

/\* all(함수,함수들) : 함수들을 동시에 실행한다. fork(함수) : 비동기 함수를 실행한다.(non-blocking) call(api 함수) : 동기 함수 호출 (blocking) (asynchronous -> synchronous) take : 1회성 동작

window.scrollY, // 스크롤 값 document.documentElement.scrollHeight, // 전체 스크롤 높이 document.documentElement.clientHeight // 사용자가 현재 보고 있는 화면의

typescript redux-toolkit or immer

npm i next/@9 npm i prop-types : typescript 쓰면 필요없음.Eslint npm i eslint -D npm i eslint-plugin-import -D npm i eslint-plugin-react -Dnpm i eslint-plug

KOTLIN : coroutines : asynchronouslaunch : a coroutine builder that launches a new coroutine concurrentlyrunBlocking : a coroutine builder that bridge