본문 바로가기
JavaWeb

자바 웹 공부 63 - SpringBoot(새로 만들기15 / 게시판) + Axios

by 넴넴L 2023. 4. 3.
728x90

 

오늘은 마무리 작업을 할 거 같다

 

똑같이 Back-end와 Front-end 서버를 켜고

수정하는 기능을 구현해 보자

 

front에서 board -> views -> boardUpdateView -> index

아래로 내려와 이쪽에서

 

이렇게 만들어주고 (input은 복사해서 붙여 넣자)

 

위로 올라가서

 

아래로 내려가 onUpda~위에 작성

 

위로 가서 getBoardResponseHandler위에

 

아래로 내려와서 추가

위에 minRows를 5로

 

다시 올라가서

getBoardErrorHandler아래에 적어주자

 

patchBoard로 가서 넣어줘야 하는 값을 만들어야 하니

api로 가서

 

만들어주고 돌아와서

 

onUpdateHandler로 가서

변경하고 브라우저에서 수정을 하면 에러가 뜬다.

 

BoardUpdateView -> PatchBoardResponseDto로 가서 바꾸고

 

이걸 수정해 보자

수정이 되는 것을 볼 수 있다.

 

 

 

 


문제점을 나열해보자(수정해야 할 기능들)

 

로그인 페이지

1. 로그인 페이지에서 enter를 눌렸을 때 로그인이 안됨.(UX)

가서

이쪽으로 가서

이렇게 추가해 주자

 

위로 가서 onLoginHandler 위에

이것도 추가해 주고

아래에 가서 추가해 준 뒤 위로 올라와서

 

이렇게 추가해 주는데

위에 react에 KeyboardEvent를 추가해 주고 const에 추가해 주자

 

그래도 되지가 않는다..

focus에 문제가 있는 거 같은데

이런 방식으로 했다.(이렇게 하면 포커싱이 이동이 된다.)

추가

 

그럼 저 Handler를

아래에 넣어주자

 

이러면 Enter키에 대한 기능이 완성이 된다.

 

 

2. 이메일이나 비밀번호를 잘못 입력했을 때 붉게 표시가 되지 않는 것. 버튼 위 알림을 안 띄우는 거

 

SignInResponseHandler로 가서

이렇게 만들어주고

 

똑같이 만들어주자

 

위로 가서 만들어주고

 

responseHandler로 가서

바뀐 것이 보이게 된다.(참고로 빨간 글은 원래 빨간 거다.)


회원가입 페이지

1. 입력값 미 입력 시 붉게 표시 안됨.

2. 중복된 이메일이나 비밀번호 확인 불일치에 대한 알림 메시지를 안 띄움

3. 개인정보 동의 체크박스가 없음(요구사항)


메인 페이지

1. 주간 TOP3 게시물에 이미지가 없으면 내용이 안보임(UX)

2. 검색 인풋에 enter 적용 안됨(UX)

3. 주간 TOP3 게시물리스트가 해당 주 데이터가 아님


검색 페이지

1. 검색 로그 2번 저장됨(Bug)

2. 연관 검색어 처리 안됨(요구사항)


마이페이지

1. 로그아웃이 정상처리가 안됨(Bug)


글쓰기

1. 글쓰기 버튼이 씹힘(UX)

2. 줄 바꿈 처리 안됨(Bug)


상세페이지

1. 비회원 - 좋아요, 댓글 비활성화(UX)

2. 줄바꿈 처리 안됨(Bug)


글 수정

1. 글쓰기 버튼이 씹힘(UX)

2. 줄바꿈 처리 안됨(Bug)

닉네임 중복처리가 안돼서 같은 사람으로 인식됨(UX)

 

나머지는 내일 할 거 같다.