2022-03-28(TIL)

• 오늘해야할일

1. [오전] 회원가입,로그인 연결하기, 로그인 검사까지

1번 닉네임 대소문자 구성 미흡

2번 완료

3번 미흡

1. [오후] 로그인 검사

1번 완료

2번 완료

3번 미흡

4번 미들웨어 작동유무 확인 필요!!

1. CS스터디 오후2시 [완료]
2. CODE Chapter 16 읽기
3. 운동 ⇒ 팔굽혀펴기 100개 [60개] / 스쿼트 100개 / 턱걸이 20개 [23개 완료] / 달리기 4km [4.3km완료]

오늘은 기존에 만들어두었던 블로그에다가 회원가입&로그인 화면을 연결하는 작업을했다.

작업을 하면서 알게된 사실을 적어보려고한다.

html 이 아닌 view engine ejs로 해야한다는 사실에 처음에는 막막했다.

하지만 팀원들 덕분에 방법을 찾았고 결국에는 연결할수있었다.

render 폴더중에 index.js 파일을 만들었고 해당파일에 내가 연결하려고하는 ejs(html)을 불러온다는 내용을 기재했다.

const express = require('express')
const viewRouter = require('./view')
const modifyRouter = require('./modify')
const mainRouter = require('./main')
const writeRouter = require('./write')
const loginRouter = require('./login')
const registerRouter = require('./register')
// 이중에서 view,modify,main,write,login,register 이렇게 ejs파일을 만들었고 동작할수있게
// 불러왔다
const router = express.Router() //계속 써왔지만 정확하게 어떤의미로 사용하는지는
// 모르고있었는데 해당 코드가 express(웹서버) 로 연결하겠다는 의미이다.

router.use("/", mainRouter)
router.use("/login", loginRouter)
router.use("/register", registerRouter)
router.use("/view", viewRouter)
router.use("/write", writeRouter)
router.use("/modify", modifyRouter)
// 단어를 자세히 보면 use 사용한다는 뜻이다 불러오고 사용하겠다는 의미이다.

module.exports = router
// 최종적으로 사용할수있게 모듈을 내보내겠다는 뜻이다.

그리고 view,modify,main,write,login,register 이파일모두 공통적으로

const express = require('express')
const router = express.Router()

module.exports = router
//해당 코드를 모두 공통적으로 쓰고있다 
// 이는 사용하고자하는 ejs페이지는 모두 express로 연결되어있고 연결되어있는
// 웹서버에서 동작하기 위해서는 express.Router이라는 코드를 사용해야한다는 의미이다.

오늘 새롭게 알게된 사실

• express.static(path) : path에 입력한 경로에 있는 파일을 그대로 서빙해주는 기능을 수행하는 미들웨이이며 router의 기능을 일부 가지고 있다.
• express.json : HTTP Request에서 Body에 담긴 JSON 형식의 데이터를 express 서버에서 사용할수있게 해주는 미들웨어입니다.
• express.urlencoded : 이것도 HTTP Request에서 Body에 담긴 Form(URL Encoded)형식의 데이터를 express 서버에서 사용할 수 있게 해주는 미들웨어입니다.
• 구조 분해 할당(Destructuring assignment)문법 : const { email, password } = req.body;

오늘도 시간을 너무 낭비했다.

요즘에 시간을 너무 소홀히하는 나쁜 습관이 생기는거같다.

더욱더 철저하게 자기관리하자!