2주간의 첫번째 프로젝트가 막을 내렸다.
처음으로 프로젝트 팀이 발표나고 자리를 옮기고, 팀별로 점심을 먹고 역할 분담을 한 것이 바로 어제(같다고 하면 거짓말이지만) 같지는 않고 그래도 오래 지나지 않은 것 같은데
벌써 2주라는 시간이 훌쩍 지나가 버렸다.
1주차에 목요일까지는 회원가입 페이지와 장바구니 페이지 레이아웃은 모두 구현을 완료 하였고, 나머지 시간에는 기능구현하는데 모든 시간을 투자했다.
회원가입 페이지에서는 이런 기능들을 구현했습니다
이메일 중복확인 작업을 통해 회원가입 버튼을 누르기 전에 이미 존재하는 이메일인지를 확인할 수 있습니다.
useState로 true false 업데이트를 하여 이메일 중복 확인 작업이 선행되지 않으면, 또한 선행 되더라도 이미 일치하는 이메일이 있다면 회원가입 버튼에 묶인 함수가 실행되지 않도록 조치하였습니다.
정규표현식을 사용하여 지정한 문자열, 글자 개수 등이 맞지 않으면 빨간색 글씨로 경고를 노출시켰습니다.
장바구니 페이지에서는 이런 기능들을 구현했습니다.
체크박스를 활용하여 장바구니에 들어왔을 때 기본값을 true로 주고, 선택 여부에 따라 가격을 변동시킬 수 있도록 구현하였습니다.
setState함수를 활용하여 개별 상품의 주문 수량을 변경할 수 있도록 구현하였습니다.
개별 삭제 버튼에 아이디를 부여하여 일치하는 아이디를 제거하도록 구현하였고,
체크박스의 체크 여부를 확인해 체크 된 것만 삭제하는 선택삭제를 구현하였으며
장바구니 내 모든 상품이 지워질 경우 장바구니가 비어있다는 메세지가 노출되도록 구현하였습니다.
CRUD 중에서 RUD를 못해본 것이 못내 아쉽지만
이번 프로젝트에서 배운 점이 있다면
이제까지는 막연히 백엔드 공부도 해야 오래 살아남겠다라는 생각이었다면
지금은 백엔드 개발자분들과 원활히 소통을 하기 위해서라도 어느정도는 백엔드 공부가 필수적이겠다는 생각을 하게 되었다.
프론트 입장에서 파이썬을 공부하기보다 같은 언어인 javascript를 기반으로 하는 node.js를 공부해야겠다는 느낌이 들었다.
