AI-Research-Center-Homepage / frontend

AI-Research-Center-Homepage Front
3 stars 0 forks source link

feat: Add Admin Login #92

Closed suinj8 closed 2 years ago

suinj8 commented 2 years ago

간단하게 로그인페이지 UI구성하였습니다. ID와 PassWord를 입력받아 정규식을 적용하여 영어 소문자, 숫자로 이루어진 4~12자 id와 password를 입력하게 하였습니다. 오류시 error로 바뀌게 됩니다.

image image

[#91]

+) 추가 커밋, 업데이트 1차 업데이트 -mainText변경함수를 Context로 호출 기존에 콜백함수로 호출하던 것을 Context를 이용하여 admin 전역으로 뿌려주고 사용 이로써 코드의 가독성이 높아짐

-mainText를 이동 후 바꾸는 방식으로 변경 기존에는 클릭 시 mainText를 바꾸고 navigate로 넘어갔지만 지금은 클릭 시 navigate로 넘어간 뒤 useEffect에서 Context로 변경

-기존에 사용하던 Pagination 삭제 한 페이지에 100개(스크롤가능)

-adminMain의 useEffect 의존배열 분리

-AdminMainContents추가 기존에 adminMain에 메인화면 컨텐츠를 출력하고자 했지만 문제들이 겹치면서 mainText가 안바뀌는 버그 발생 따라서 위에서 바꾼 내용을 바탕으로 메인컨텐츠를 출력하는 컴포넌트를 따로 만들고 mainContents가 호출될 때 mainText를 바꾸어 정상적으로 작동하게 바꿈

-로그인을 세션스토리지에서 관리하여 로그인 되어있는지 아닌지를 검사 비로그인시 항상 SignIn으로 강제 redirection 시킨다. 모든 컴포넌트에서 useEffect로 확인

2차 업데이트 -왼쪽 열리는 메뉴에도 context 적용 mainText에 적용한 것처럼 context로 변경 함수를 전역에 전달하고 페이지 이동 시 useEffect로 함수를 호출하여 state값 변경 정상작동 확인하였고 admin 전체에 전부 적용하였음 news, research까지 위 방법으로 뒤로가기, 새로고침까지 전부 고쳐져서 sessionStorge필요 X 따라서 삭제 함

-update1에서 네이밍한거 수정 changeMainTextContext -> changeMainHeaderContext 직관적으로 수정

-Datagrid Pagination 삭제, 수정

-research(논문)폴더 전체 url변경(연결된것 포함)

-새로고침, 뒤로가기문제가 모두 해결되었으므로 삭제