728x90
리액트로 백앤드를 쓰지 않고 useState함수를 사용하여 게시판을 만들어봤다.
1. 로그인 기능
user라는 배열안에 배열 형태로 정보들을 넣어놨고 회원가입을 할때에 useState 로 user의 배열에 새로운 user값들을 추가해줬다. 로그인을 했을때 login = true로 설정하고 loginUser에도 해당 로그인한 아이디를 넣어줬다.
2. 로그아웃 기능
loginUser로 로그인을 했을때 현재 로그인되어있는 아이디를 받아온다. loginUser를 빈값으로 만들어주고 login을 false로 바꿔줬다.
3. 프로필 수정 기능
프로필을 수정하면 현재 로그인되어있는 아이디를 user 배열에서 찾아서 그값을 삭제하고 수정한값으로 새로 넣어줬다.
4. 게시판 작성 기능
게시판을 작성하면 post에 객체형태로 게시판의 id, writer, 제목, 내용 등을 넣어줬다.
728x90
'개발 > React' 카테고리의 다른 글
[React] 게시판만들기(Redux) (0) | 2022.10.04 |
---|---|
[React] Redux (1) | 2022.10.04 |
[React] 라우터 사용 (0) | 2022.09.20 |
[React] 가위바위보 만들기 (0) | 2022.09.19 |
[React] 함수형 useEffect (0) | 2022.09.19 |