목록2026/01/29 (15)
프로그래머가 되는 꿈
단계>//1. 전체 상품 페이지, 로그인 페이지, 상품상세 페이지 - 3개의 페이지 (가 필요) -완료-//1-1. 네비게이션 바 (만들기.생성) !!! -완료- //2. 전체 상품 페이지에서는 전체 상품을 볼 수 있다. -완료-//3. 로그인 버튼을 누르면 로그인 페이지가 나온다. -완료- //4. 상품 디테일을 눌렀으나, 로그인이 안되어있을 경우에는 로그인 페이지가 먼저 나온다. -완료- (17,18)//5. 로그인이 되어있을 경우에는, 상품 디테일(상세) 페이지를 볼 수 있다. -완료- (17,18) 생성하기!! (19)//6. 로그아웃 버튼을 클릭하면 로그아웃이 된다.//7. 로그아웃이 되면 상품 디테일(상세) 페이지를 볼 수 없고 다시 로그인 페이지가 보인다.//8. 로그인을 하면 로그아웃이..
,로그인이 안되어있을 경우에는 로그인 페이지가 먼저 나온다.(17에서 함)>상품을 눌렀을 때 디테일 페이지로 넘어가는 작업을 해보자! 상품 디테일은 ProductCard(.js)에 나와있다. 카드를 클릭했을때, onClick ! 이름 showDetail이라는 함수const ~: showDetail 이라는 함수를 생성 새로운 페이지로 넘어가고 싶다면.... useNavigate사용!const ~: navigate라는 함수를 생성 useNavigate를 import시킨다. navigate(' ') : navigate라는 함수를 이용해서 ' '안에 가고싶은 곳을 써주면 된다.product가 있는 곳에 가기 전에 상품의 id(클릭한게 누군지)를 넘겨주어야 한다.. 왜냐하면 클릭한 id를 알려줘야 그 id의 ..
//1. 전체 상품 페이지, 로그인 페이지, 상품상세 페이지 - 3개의 페이지 (가 필요) -완료-//1-1. 네비게이션 바 (만들기.생성) !!! -완료- //2. 전체 상품 페이지에서는 전체 상품을 볼 수 있다. -완료-//3. 로그인 버튼을 누르면 로그인 페이지가 나온다. -완료- (앞) //4. 상품 디테일을 눌렀으나, 로그인이 안되어있을 경우에는 로그인 페이지가 먼저 나온다.//5. 로그인이 되어있을 경우에는, 상품 디테일(상세) 페이지를 볼 수 있다.//6. 로그아웃 버튼을 클릭하면 로그아웃이 된다.//7. 로그아웃이 되면 상품 디테일(상세) 페이지를 볼 수 없고 다시 로그인 페이지가 보인다.//8. 로그인을 하면 로그아웃이 보이고 로그아웃을 하면 로그인이 보인다.(상단 오른쪽)//9. 상..
authenticate을 true/false로 바꿀 수 있는 함수는? setAuthenticate authenticate = statesetAuthenticate = state값을 바꾸는 함수 setAuthenticate함수를 로그인 함수에서 사용해야 한다.- setAuthenticate 함수를 어떻게 Login 컴포넌트에서 쓰지? props로 보내버리면 된다! (함수도 props로서 보내 수 있다) useEffect()로 값이 바뀌었는지에 대한 여부를 알 수 있다. ~ [authenticate] = authenticate 값이 바뀔때마다 (console.log)프린트한다. 버튼을 아직 안누른 초기상태버튼을 한번 누른 상태끝!이아니다~ 로그인을 하면 다시 메인페이지로 돌아오도록 해보자. 다시 페이지로..