[Hanaro] 71일차 ~ 78일차 / 키오스크 프로젝트 완료 (회고)

약 2주간의 키오스크 프로젝트 끝!!
 
생각보다 연휴가 껴있어서 시간이 많지 않았다ㅠㅅㅠ
개발하면서 공부랑 정리도 병행하면서 잘 하고싶었는데 개발하기에 급급해가지고 정리를 많이 못해서 아쉽다..

---

 
이번에 내가 맡은 부분은 키오스크 메인 기능과 프론트!!
메인이라 확실히 한 서비스 안에 여러 기능이 들어갔어야 해서 머리 쥐어짜내면서 개발했다.
 
예를들어 결제 전에 주문 상세를 확인하는 기능이라면
주문 상품의 이름, 가격, 각 상품 별 개수, 총 개수, 총 가격 이렇게 조인된 테이블을 찾아서 값을 한 번에 출력하거나,
 
주문 완료 기능이라면
주문 시간 업데이트, 주문 상태 업데이트, 구매 금액의 1% 적립, 주문 번호와 고객 적립금 출력
 
이렇게 한 기능안에 여러 기능이 들어가야 해서 기능 한 개를 짤때도 생각할게 많았다!!
 
근데 나는 그게 좋다,,,(?)ㅎㅎㅎ 머리 아픈데 좋다 크크
뭔가 단순하게 딱 DB 테이블 한 개 조회를 떠나서 메인은 하나를 클릭해도 여러 기능이 한꺼번에 실행되고,
조인 테이블을 조회해야 하기 때문에 이리저리 생각해 볼 수 있어서 좋았다!

---

좋았던 점

1. REST API로 개발하기 

이번에는 백엔드와 프론트 서버로 나눠서 개발해야 했기 때문에 무조건 전체 기능을 REST API로 개발했어야 했다!
REST API로 기능 개발 후, 프론트에서 값을 가져오는 것까지 모두 구현하면서 조금 더 Restful에 익숙해진 것 같아서 뿌듯했다 ㅎㅎ
 

2. 리액트 + 타입스크립트로 프론트 개발하기

이전 과제 실습도 자바스크립트 코드로 짰었고, 요즘 듣는 학교 강의도 자바스크립트로 리액트 개발이라서 타입스크립트는 굉장히 오랜만이였다..
조오금 걱정했지만 그래도 자바스크립트랑 많이 다르지 않고, 또 타입스크립트로 코드짜니까 금방 적응해서 프론트 개발도 잘 끝낼 수 있었다 ㅎㅎ
 

 3. 프론트와 백엔드 서버 완벽히 나눠서 개발하기

이전까지는 프론트도 그냥 백엔드 코드 안에 html 파일 만들어서 구현했었는데,
이번에는 리액트를 사용하게 되면서 완벽하게 서버를 나눠서 개발하였다!
확실히 프론트와 백엔드를 나눠서 개발하니 백엔드 개발할 때는 백엔드만, 프론트 개발할 때는 프론트만 집중할 수 있어서 좋았다.
 

4. 기능 개발에는 정답이 없다! 다른 방식을 수긍하고 협업한 것

나는 프론트는 정말 값만 받아와서 출력하고,
백엔드에서 모든 기능 작동과, 값을 전부 찾아서 넘겨주는 방식을 선호했다.
그래서 해당 방식으로 메인 기능들을 개발했는데,
팀원이 한 페이지에서 기능 작동을 전부 백엔드가 아닌 프론트에서 일부 구현하고싶다고 하였다!
그래서 네 좋아요! 혹시 그 파트를 개발해줄 수 있냐고 물어봤고, 구현해주셨다.
이후 내가 기능이 잘되는지 확인을 하는데 DB에 값이 전부 들어가지 않았다.
그래서 제가 찾아서 고쳐볼게요!! 후 코드 분석 후 DB 값이 들어가지 않던 부분을 찾아서 코드를 추가했더니 값이 전부 잘 들어갔다!! 이럴 때 쾌감>__<
아무튼 이 경험이 너무 좋았다!
같은 기능을 개발해도 사람마다 다 방식이 다른데 그 방식을 수긍하는 것도 중요하다고 생각하고,
수긍한다고 끝이 아닌, 기능이 잘 돌아가지 않는다면 함께 고치는 것.
조금 더 협업을 배울 수 있는 순간이였다 히히
 
 

아쉬웠던 점

1. 코드 리팩토링 할 시간이 없던 것

시간만 더 있다면 코드 리팩토링을 해서 조금 더 성능 좋게,
값도 조금이라도 더 짧게 거쳐서 가져오도록 짤 수 있을 것 같은데 코드를 다시 볼 시간이 없어서 아쉬웠다. 흑흑 
 

2. 각종 기능 API를 사용해보지 못한 것

결제 API를 한번 사용해서 개발해보고 싶었는데 이번 프로젝트에서는 시간부족으로 사용하지 못하였다.
다음주부터 새로운 프로젝트를 시작하는데 다음에는 꼭 각종 API를 사용해보고 싶다!
그리고 작년에 배포도 재밌게 했던 기억이 있어서 다시 해보고 싶다 ㅎㅎ
 

---

키오스크 프로젝트 시연 영상

키오스크 프로젝트 시연 영상

 
 
개발일지는 https://unleashed-fire-109.notion.site/Project-1-8c3983bfa8bf49139ce2812ff67dbe2e?pvs=4 에서 확인하실 수 있습니다. 😊
 

---

 
휴 그래도 새로운 부캠에서 첫 프로젝트 잘 끝내서 좋다! 히히 
개발 조아~~~ 다 드루와