For Programmer

*리액트란? * 간단히 말하면 Facebook에서 개발한 자바스크립트기반의 새로운 프론트엔드 라이브러리 이며 실제DOM과 가상DOM을 가지고 있는데 JSX문법을 이용하여 화면에 보여줄 view 부분을 코딩한다. 이러한 view 부분을 실제DOM에 담아놓는데 만약 변경사항이 있을 경우 가상DOM에 변경사항을 담아 실제DOM과 비교 후 다른부분만 실제DOM에 적용시켜주는 방식이다. 1.리액트 설치하기(npm vs npx) * npm: node package manager -> npm을 사용하게되면 locally 로 다운을 받게된다.(해당 프로젝트 폴더내 node_module에저장) 만약 npm install -g create-react-app 으로 실제 컴퓨터내부에있는 폴더 global 디렉토리에 다운을 받..

* 로그아웃 기능은간단하다. auth 미들웨어에서 로그인이 되어있으면 해당 user정보를 request정보에 담아주고 만약없다면 다음으로 넘어가지 않는다. 따라서 로그인이 되어있다면 해당 user정보가 request에 담겨있기 때문에 그 user정보를 이용하여 토큰만 지워주면 된다. (routes-user.js) app.get("/logout", auth, (req, res) => { User.findOneAndUpdate( { _id: req.user._id }, { token: "", tokenExp: "" }, (err, doc) => { //1st:찾고자하는 데이터 2nd:변경할 데이터(토큰을지워줌) , 3th:데이터반환 if (err) return res.json({ success: false,..

1.nodejs서버 - config 폴더만들기 2. ket.js , dev.js , prod.js 3가지파일을 만들어 다음과 같이 설정 3.index.js 에서 key.js 파일을 import후에 다음과 같이 몽구스DB설정을 암호화해준다. 4. .gitignore에 dev.js등록(개인의 몽고DB 정보가담긴 파일은 gitHub에 올리지않음) *실제로 헤로쿠로 배포를 할 경우 몽고DB의 사용자아이디,비밀번호가 담긴 정보를 따로 지정하는 곳이 있다. 이렇게 지정한 값을 서버내의 process.env.MONGO_URI 에 저장이된다. 동영상 강의

1. nodemon 모듈 다운로드 2. package.json 내 Script 추가 3. nodejs 서버를 시작할 때 backend 명령어 이용 해당강의