Final project (Day10)

dorazi·2021년 3월 2일
0

파이널 프로젝트

목록 보기
10/19
post-thumbnail

오늘 한일

상황에 따른 모달창 작성

오늘은 Nav 바와 관련된 모달창을 마무리했다.
이 부분은 서버 연결과 무관하기에 마무리가 가능했다.
작성한 내용은 로그인 안 한 상태에서 가계 작성을 누를 시 로그인을 안 하고 작성을 하면 저장이 되지 않는다는 문구와 로그인 or 비회원으로 계속으로 유저에게 경고와 선택권을 제공했다.
이 부분을 작성한 계기는 회원가입을 하지 않은 유저가 우리 페이지를 어느 정도 체험해볼 수 있도록 하는 목적이다.

가계 작성페이지 유효성 검사

같이 프론트 작업하고 있는 팀원이 유효성 검사에서 고생하고 있길래 같이 고민해 보는 시간을 가졌다. 가계 작성 페이지에서 필요한 유효성 검사는

  • 금액란에는 숫자만 입력이 가능하다
  • 금액란하고 내용칸 중 한곳을 빈칸으로 두고 저장을 할 수 없다
  • 하지만 수입이나 지출 한 부분만 작성할 수 있다.

그렇게 어려운 문제는 아니지만 꽤나 복잡한 문제라고 생각한다.
왜냐면 우리 작성 페이지는 작성칸을 최대 2개까지 추가할 수 있기 때문이다.

우리는 이 부분을 같이 고민하여 여러 if 문을 사용해서 해결할 수 있었다.

이제 가계 작성 페이지에서 남은 작업은 유효성 검사에서 에러시 경고 모달 작업과
저장 시 작성된 데이터를 쿼리문에 실을 수 있도록 packing 하는 것이다.

마무리

이제 슬슬 서버와 연결을 시도해서 실제 데이터를 받아 데이터를 다듬는 작업을 해줘야 하는데 아직 서버에서 문제가 해결되지 않았다. 오늘 오후에 같이 미팅을 진행하며 같이 해결하려 시도했지만 끝내 해결하지 못했다.
그래도 지금 가는 방향이 틀리지 않았다는 답변을 받고 안도를 했다.

이제 남은 기간이 얼마 남지 않아 조금 걱정되긴 하지만 잘 해결할 수 있을 거라 믿는다.

profile
프론트엔드 개발자

0개의 댓글