| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- 따라하며 배우는 노드 리액트 기본 강의
- 모두의 파이썬
- Spring-Framework
- 리액트
- react오류
- 인프런
- 타자 게임 만들기
- 웹 게임을 만들며 배우는 리액트
- 거북이 대포 게임
- 계산맞추기 게임
- 노드에 리액트 추가하기
- react
- ReactDOM.render is no longer supported in React 18. Use createRoot instead
- 자바스크립트
- node.js 설치
- spring-boot
- You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client"
- googleColaboratory
- intellij
- DB Browser
- Do it 자바스크립트 + 제이쿼리 입문
- node.js로 로그인하기
- vs code 내 node
- Colaboratory 글자 깨짐
- 모던자바스크립트
- Concurrently
- JS 개념
- intllij 내 Bean을 찾지 못해서 발생하는 오류
- Python
- props
- Today
- Total
목록node.js로 로그인하기 (2)
프로그래밍 삽질 중
client(react)와 server(node.js) 연결하기 - 로그인 하기(클라이언트 부분)
* 인프런의 "따라하며 배우는 노드, 리액트 시리즈 - 기본 강의" 내용 중 정리 client 부분 : react를 이용해 로그인 부분 만들기 1) 리덕스(redux, redux-promise, redux-thunk, reducer 사용해 로그인 진행) 설치 2) index.js에 리덕스 연결하기 3) App.js에서 LoginPage 연결하는 링크 만들기 4) component/views단에 loginPage.js 만들기 - 강의에선 먼저 진행됨 5) _reducers 부분 - 로그인 여부 확인 만들기 6) _action 부분 - axios를 이용해 server의 로그인 여부 확인하기 7) 구글 크롬의 "Redux DevTools"로 확인하기 1) 리덕스(redux, redux-promise, redu..
client(react)와 server(node.js) 연결하기 - 로그인 하기(서버부분)
* 인프런의 "따라하며 배우는 노드, 리액트 시리즈 - 기본 강의" 내용 중 정리따 server 부분 : node.js를 이용해 로그인 부분 만들기 1) mongoDB와 연결 2) users.js라는 스키마가 포함된 값 만들기(mongoDB와 연결됨) 3) 로그인 시 user.js값 확인 후 정보 가져오기 4) 정보가 맞는지 확인하기 5) 정보가 맞으면 logSuccess : true, 맞지 않으면 false 6) Postman으로 확인하기 1) mongoDB와 연결 - [index.js] const express = require("express"); const app = express(); const bodyParser = require("body-parser"); const User = requir..