2022/12/23- 2022/12/27

일 내용: 추가된 새로운 테이블을 등록,검색,수정할 수 있는 메뉴 추가하기.

Redmine이라는 앱으로 일과가 주어진다. 밑에 사진은 내가 의뢰받은 일의 내용이다.

프로토타입

1. 서버 구축을 위해 컨트롤러 생성후 `데이터를 가져오기 때문에 Get방식!　parameter는 검색 항목을 넘겨준다!

2.테이블의 컬럼을 Entity에 추가하고, 쿼리문을 서버에 작성한다. (select에는 테이블에 표시할 항목, where에는 검색항목)

3.view화면에서 파라미터 넘겨주고 서버에서 데이터값 받기

이때 자꾸 400에러가 나온다. 400에러는 문법의 오류로 인해 서버가 인식하지 못하여 일어나는 에러이다.

혹시나 해서 controller에 브레이크 포인트를 놓아도 들어오지 않기때문에 서버문제가 아닌 클라이언트 문제이다. 문법적 오류를 찾지못해 고민하던 와중에 400에러의 URL을 브라우저에 입력해보았다.

UserCd 파라미터의 값이 잘못되어 일어나는 오류란걸 확인할 수 있다.

*log를 통해 어느 지점에서 에러가 일어난지 확인 할 수 있다!

결국 클라이언트 문제가 아닌 서버문제였다….. 파라미터를 받을때 userCd에 Required를 넣었는데, 필수 항목이 아니기 때문에 넣으면 안됐다. Null값이 들어와서 에러가 나는거였다…..

4. 문제 해결후에 테이블 등록, 수정 검토완료

5. 상세부분(Detail)에서 従業員番号를 입력시에 氏名값이 변하게 해야한다.

6. 두 항목은 다른테이블에 등록되어 있기 때문에 key를 이용한다.

7.changeEvent를 통해 userCd를 입력시 컨트롤러에 넘겨주고 그 값을 읽어온다

8. 만약 데이터베이스에 입력한 userCd가 존재않을시에는 경고문 출력 및 보존안되는 기능

완성.

*주의할점

indent, 컬럼과 entity등의 순서 코드에는 상관이 없지만 눈에 이쁘게 보이게 코딩하기

아쉬운점: 6번 항목에서 data를 한번에 다 불러와 배열에 저장하고, userCd와 같은값만 표시하게 하려했지만 잘안됐다.

개선점: 입력과 동시에 userName을 입력하고 싶었는데, vue속성중 watch를 사용하여 값이 변할때마다 실시간으로 값이 바뀌게 개선하였다.