inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

노드 리액트 기초 강의 #29 로그인 페이지 (1)

json

130

hyewon981019

작성한 질문수 9

0

안녕하세요, 지난 번에 질문 두 번 남겼는데 친절하게 답변해주셔서 너무 감사합니다!
다름이 아닌 이 강의에서는 간단한 서버 구축을 해서, 클라이언트가 혼자 코드를 작성할뿐만 아니라 백엔드와 통신이 되는지도 알수있는 강의라고 알고 있는데요.
제 생각이 맞다면 프론트앤드쪽에서는 node 관련 파트가 아닌 react 관련 파트들만 알고 있으면 되는 걸까요? (제가 로그인 회원가입을 사용하는 공부용 프로젝트를 하고 있는데, 프론트를 맡았습니다. 그런데 node 관련 강좌 내용은 제가 관여할 것이 아닌지에 대한 확신이 잘 안섭니다..)
또한, node 관련 파트에서는 json이라고 하는 익히 들어본 형식이 코드 상에서 보이는데, 리액트 관련 파트에서는 그냥 변수(예를들어 email, password를 body에 한 번에 묶어서 전달 등)를 전달하지 json이라는 형식에 실어서(?) 보내는 코드는 못봤어서
리액트를 사용하면 json은 어떻게 처리하는건지, 강좌 내에서 사용한 함수들이 내부적으로 json을 이용하는건지 너무 궁금합니다. 구글링 해도 잘 모르겠어서요..
좋은 강좌 너무너무 감사합니다.

nodejs react

답변 1

1

John Ahn

안녕하세요 !!!   

우선 회원 가입하는 부분을 보시면 

const onSubmitHandler = (event) => {
event.preventDefault();

if (Password !== ConfirmPassword) {
return alert('비밀번호와 비밀번호 확인은 같아야 합니다.')
}

let body = {
email: Email,
password: Password,
name: Name
}
dispatch(registerUser(body))
.then(response => {
if (response.payload.success) {
props.history.push("/login")
} else {
alert("Failed to sign up")
}
})
}

백엔드로 요청을 보낼 때 Body 를 만들어주는걸 볼 수가 있습니다 ! 
그 때  key값과 value 값을 넣어주는게 Json 형식으로 body를 만들고 있는것입니다 !!! ㅎㅎ 

let body = {
email: Email,
password: Password,
name: Name
}

이 부분이요 ㅎㅎㅎ 
수고하세요 ^^ 

깃 이메일이랑 비번이 필요하다고 하네요

0

54

1

404 에러

0

120

1

34강 인증 체크에서 element 사용 때문에 에러나시는 분들 이렇게 하심 됩니다.

0

138

1

로그인, 로그아웃, 토근 작동 안 함

0

256

0

9강 오류 어떻게 해결하나요?

0

198

1

localhost 에서 연결을 거부했습니다.

0

1970

4

포스트맨에서 true가 안떠요

0

157

1

왜 안되나요

0

133

1

몽고db 연결 오류가 납니다 위에껀 입력한 코드, 아래껀 터미널이에요

0

250

1

로그아웃 401 에러(Unauthorized)

0

519

2

암호가 해싱되지 않고 입력값 그대로 db에 저장되는 문제

0

158

1

7강중에서

0

176

2

User.findByToken is not a function

0

215

1

루트 디렉토리

0

281

1

useState

0

570

1

프록시 잘 설정했는데도 404 오류 뜨는 분들

5

905

6

webpack 관련 에러 질문

0

225

1

리액트 관련 질문

0

282

1

14강 로그아웃 안됨

0

325

1

mongoDB 데이터 확인하는 법

0

414

1

postman 에러

0

297

1

선생님 리덕스를 사용하면 어떠한 부분이 좋은지 알 수 있을까요?

0

239

1

다음과 같은 에러들이 발생합니다.

0

282

1

14강 로그아웃 기능 구현시 postman에서 Cannot POST 오류가 뜹니다.

0

385

1