Skip to content

ReatJS의 redux-toolkit과 json-server를 활용하여 블로그 만들기

Notifications You must be signed in to change notification settings

Seogun95/seogunStory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

서근스토리

향해 12기 CRUD / JWT 로그인 기능 과제 23.02.17 - 23.02.24

목차

1. 프로젝트 소개

로그인을 하고, 블로그에 이미지와 글을 모두 작성해보세요!

2. 프로젝트 와이어 프레임

CleanShot 2023-02-23 at 11 15 44 CleanShot 2023-02-23 at 11 15 53

3. 프로젝트 S.A

[작성중]

4. 기술스택

js react styled

5. API Table

Number Method URL Description Request Response
1 POST /blog 글작성 { postTitle: ‘제목, postDate: 2023년 01월 01일, postAutor: ‘작성자’, postContent: ‘본문내용’, postId: id, } { ”ok”:true }
2 GET /blog 홈 글 전체 조회 - { ”ok”:true, postCategory: ‘카테고리’, postTitle: ‘제목’, postDate: 2023년 01월 01일, postAutor: ‘작성자’, postContent: ‘본문내용’ }
3 PUT /blog/{id} 글 수정 { postTitle: ‘제목’, postContent: ‘본문내용’, } -
4 GET /blog/{id} 디테일 글 조회 - { ”ok”:true, postTitle: ‘제목’, postContent: ‘본문내용’ }
5 DELETE /blog/{id} 글 삭제 - -
6 POST register body
id: string
password: string
201 없음
7 POST login body
id: string
password: string
201 token: string { "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImtvYjIxMDAiLCJpYXQiOjE2NzI3NTUyMjMsImV4cCI6MTY3Mjc1NTI4M30.aVVgNMb69m4HQ_OxkJ9Rpd5or98OnEMU8SajJZvNnkk" }
8 GET login header
authorization: string
ex) authorization : Bearer
asdffsfsdfafljeope
header authorization: string ex) authorization : Bearer asdffsfsdfafljeop

6. 구현 기능

1) 로그인 화면

CleanShot 2023-02-23 at 11 09 59 CleanShot 2023-02-23 at 11 10 12

2) 홈 화면

CleanShot 2023-02-23 at 11 34 34 CleanShot 2023-02-23 at 11 10 29

3) 게시글 추가 모달창

CleanShot 2023-02-23 at 11 20 50 CleanShot 2023-02-23 at 11 20 59

4) 디테일 화면 및 수정 모달창

CleanShot 2023-02-23 at 11 21 39 CleanShot 2023-02-23 at 11 21 43

7. 구현 영상

CleanShot 2023-02-23 at 11 10 58

About

ReatJS의 redux-toolkit과 json-server를 활용하여 블로그 만들기

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published