[React] 게시판 만들기

2022. 9. 26. 21:24·개발/React
728x90
반응형
 

GitHub - TeTedo/react_project

Contribute to TeTedo/react_project development by creating an account on GitHub.

github.com

리액트로 백앤드를 쓰지 않고 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  (2) 2022.10.04
[React] 라우터 사용  (0) 2022.09.20
[React] 가위바위보 만들기  (0) 2022.09.19
[React] 함수형 useEffect  (0) 2022.09.19
'개발/React' 카테고리의 다른 글
  • [React] 게시판만들기(Redux)
  • [React] Redux
  • [React] 라우터 사용
  • [React] 가위바위보 만들기
TeTedo.
TeTedo.
  • TeTedo.
    TeTedo 개발 일기
    TeTedo.
  • 전체
    오늘
    어제
    • 분류 전체보기 (319)
      • 개발 (274)
        • Article (4)
        • 정리 (21)
        • Spring Boot (17)
        • JPA (2)
        • JAVA (6)
        • Database (4)
        • 자료구조 (11)
        • 알고리즘 (32)
        • React (20)
        • Docker (10)
        • node.js (18)
        • Devops (11)
        • Linux (4)
        • TypeScript (3)
        • Go (10)
        • HyperLedger (4)
        • BlockChain (43)
        • html, css, js (48)
        • CS (3)
        • AWS (3)
      • 모아두고 나중에 쓰기 (3)
      • 팀프로젝트 (18)
        • SNS(키보드워리어) (9)
        • close_sea (9)
      • 개인프로젝트 (1)
        • Around Flavor (1)
        • CHAM (13)
        • ethFruitShop (5)
      • 독서 (0)
        • 스프링부트와 AWS로 혼자 구현하는 웹 서비스 (0)
  • 블로그 메뉴

    • 홈
    • 개발일기
    • CS
    • 실습
    • 코딩테스트
    • 웹
    • Go
    • node.js
    • 팀플
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    node
    ERC721
    30일 챌린지
    nodejs
    30일챌린지
    node.js
    CSS
    erc20
    블록체인
    컨테이너
    프로그래머스
    go언어
    React
    mysql
    도커
    명령어
    하이퍼레저
    html
    js
    go
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
TeTedo.
[React] 게시판 만들기
상단으로

티스토리툴바