inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[React 1부] 만들고 비교하며 학습하는 React

[구현하기 2] 조합: 컴포넌트 담기 1

교수님 로그인 페이지를 만들고 싶은데 만들지 못하겠습니다.

587

bbanggyu
1

제가 로그인 페이지를 같이 만들어보고 싶은데 id와 password를 지정하고 그거만 맞으면 메인 페이지인 검색창으로 넘어가는걸 한번 교수님 강의를 듣고 만들고 있는데 도무지 만들어지지가 않습니다. 혹시 어떻게 하면 좋을지 알려주시면 안될까요? app과 loginform 사진입니다. 알려주세요 ㅠㅠ스크린샷 2024-05-09 오후 4.09.57.png스크린샷 2024-05-09 오후 4.10.01.png스크린샷 2024-05-09 오후 4.11.50.png스크린샷 2024-05-09 오후 4.11.58.png스크린샷 2024-05-09 오후 4.12.09.png

react mvc

답변 1

1

김정환

검색 페이지에 로그인 컴포넌트를 추가하려고 하시는 것 같아 보입니다. handleInputChange 함수가 없어서 어떻게 동작할지는 잘 모르겠습니다.

다만 LoginForm에서 id와 password 필드가 바뀔때 마다 props.onChange로 바뀐 값을 넘겨주는 게 문제가 될 것 같아요. id와 password 상태를 각각 관리하려는 의도같은데 onChange 함수로 하나의 값만 받기 때문입니다.

이미지보다는 전체 코드를 알려주시면 제가 더 잘 파악할 수 있습니다. 깃헙 링크를 주시면 더 빠르게 볼수 있고요.

0

bbanggyu

https://github.com/BBangGy/Sw_Project-3-1/tree/main

한번만 봐주세요

0

김정환

LoginForm에서 입력한 필드가 어떤 상태로 저장되나요?  프롭으로 받은 id, password를 연결하고 있지만 변경 이벤트가 발생할 때 onSubmit 함수로 전달하는데요. 부모 컴포넌트에서 딱히 상태를 관리하지는 않는 것 같습니다.

오타도 발견했어요.

이전에 말씀드린것 처럼 필드 상태를 어디선가 관리해야 입력이 될텐데요. 이 부분은 먼저 해결하신 뒤에 인증 쪽을 연결해 보시면 좋을 같습니다.

--

두 번이나 말씀 주셨는데 늦게 확인했습니다. 많이 기다리셨을 것 같아서 죄송합니다.

0

bbanggyu

해봤는데 모르겠어서 혹시 한번만 고쳐서 알려주시면 안될까요? ㅠㅠ 죄송합니다..

0

김정환

각 컴포넌트 별로 역할을 잘 수행하도록 구성하시면 문제를 해결하는데 도움이 되시지 않을까 싶습니다. 제가 수업 내용에 한해서만 답변드릴 수 있는 점 양해 부탁드립니다.

MVC 패턴을 정확히 익힐려면 어떻게 해야할까요?

0

361

1

일렉트론으로 앱을 하나 만들었는데

0

292

0

비전공 국비수료생이 볼 수 있을까요?

0

384

1

로드맵으로 프론트엔드 전향이 가능할까요?

0

404

1

스프링 백엔드 개발 로드맵

0

456

1

Spring 공부 어떤 강의 순서로 듣는게 좋은가요?

0

636

1

페이지네이션 랜더링 질문

0

441

1

요즘시장에 MERN스택으로 개발하는 프로젝트가 많이 있는지 궁금합니다.

0

446

1

서버공부 (Java spring)

0

428

0

강의 구입에 관한 질문입니다(설연휴 할인 관련)

0

385

1

학습 방향에 고민이 있습니다.

0

502

1

스프링 선수학습이 필요한가요?

1

513

1