https://dive-into-frontend.tistory.com/192
6. Validation 아웃소싱
기본적으로 Validation 은 서버의 전유물이다. 유저로부터 로직을 숨길수도, 함부로 유저가 코드를 만질 수 도 없으며, 최종적으로 요청을 받고 응답을 보내는 곳도 바로 서버이기 때문이다. Validati
dive-into-frontend.tistory.com
https://dive-into-frontend.tistory.com/193
7. module.exports 와 exports
하나의 메인 함수를 exports 할때, module.exports 를 사용했다. ex) module.exports = router; 파일 안에 여러개의 함수를 exports 하고 싶을때 하나씩 exports 를 써서 export 했다. ex) exports.diaryValidation = diaryValidation
dive-into-frontend.tistory.com
https://dive-into-frontend.tistory.com/194
8. bodyparser 의 파싱과, 컨트롤러에서 GET 과 POST 에 대한 응답로직
결과적으로 node.js 로 들어오는 요청과 응답이 어떻게 이루어지는지 확인해보자. 1. index.js 1) 들어오는 요청이, 다른 오리진이라도 상호작용 할 수 있게, cors 를 미들웨어로 추가한다. 2) 들어오는
dive-into-frontend.tistory.com
https://dive-into-frontend.tistory.com/195
9. DB 연결 ( mongoDB ), 환경변수의 사용 Feat. POSTMAN,dotenv
이제 실제로 DB 를 연결해보도록하자. 우선 DB 에 연결하기 전에, DB에 연결하는 API Key 를 숨기기 위하여, .env 에 설정하여 코드를 숨기도록 하자. 1. env 설정 2. database 를 연결할 함수, 실제로 데이
dive-into-frontend.tistory.com
https://dive-into-frontend.tistory.com/196
10. 클라이언트에서 서버에 요청하기 ( 클라이언트와 서버의 연결 )
Database 와 서버를 연결하고, Postman 을 통하여 확인했다. 1. 이제 실제로 클라이언트에서 요청하고 확인하도록 하자. 2. 리액트로 클라이언트를 생성해두었다. 클라이언트 측에서 fetch 로 요청을 해
dive-into-frontend.tistory.com
'메인-프로젝트 > MERN - 다이어리 프로젝트' 카테고리의 다른 글
9. [ Oauth, Node.js, React] Naver Oauth 로 로그인하기 - (1) 이론 (0) | 2023.02.23 |
---|---|
8.[클라이언트] - Redux-Toolkit ( Typescript )을 이용해, DB의 값 가져오기 (Thunk 액션 생성자 ) (0) | 2023.02.21 |
6. [서버] 서버설정 (1) - 기본부터 라우터와 컨트롤러, 오류처리까지 (0) | 2023.02.21 |
5.[클라이언트] - WEB SPEECH API 기반, 음성 인식 라이브러리 사용하기 (0) | 2023.02.21 |
4.[클라이언트] 캘린더 라이브러리, 풀 캘린더 사용하기 [ Fullcalendar ] (0) | 2023.02.14 |
댓글