https://github.com/estiemoon/Spaceship/tree/main/space-proto
공부목적
리액트는 완전 처음인데 강의가 react-redux toolkit으로 강의가 진행되니 혼란스러워서
일단 리액트 타입스크립트를 간단하게 만들어보고 싶었다.
props, useState, 컴포넌트 기본 개념을 이해하기 위해서!!
기능
- 인원 수를 설정한다
- 인원 수에 맞는 좌석을 선택한다
- 인원 수보다 많이 선택은 불가능
- 결제하기 버튼을 누른다
- 인원 수만큼 좌석이 선택되어야 결제가 이루어짐
개선사항
-
아직 사실 css는 위치만 조정했다.
우주선 좌석 예약 컨셉이라 디자인은 시간이 걸릴 것 같다(심심할때하려는데 시간이 안나는) -
코드적으로는 좌석이 첫번째 두번째 열이 컴포넌트가 같은 것을 두번 출력한 것이라 인원 수 조정할 때 나누기를 한다던가 코드가 좀 더럽게 됐다.
갑자기 11시에 불이 붙어서 새벽 2시에 1차를 끝내고 자게됐는데 (내일 아침 모각코 큰일이네)
조만간 고민해서 이 2개를 다시 고쳐봐야겠다.
Wonderland