[프로젝트] 주차 정산 시스템

나도 불과 일주일전 까지 , 가 뭔지 몰랐다 이력서 지원하려고 하는데 자격요건으로 적혀져 있어 아 알면 취업에 유리하겠구나 싶어 배운것이다 알고나니 마냥 어려운건 아니구나 ~ 하며 자신감얻고 쓰는 글이다 나같이 몰랐던 사람들에게도 도움이 될수있었으면 좋겠다 이게

프로젝트에 로그인하는 기능이 있는데 이 로그인 형식이 아래처럼 되어있다 > 아이디 : 'gae' + 숫자4자리 비밀번호 : 숫자4자리 이걸 firebase db로 관리하려고 했는데 db에 아이디, 비밀번호 정보를 담는건 위험해서 인증을 담당하는 firebase aut

일단 오피스텔 주차정산 프로그램을 만들다 오피스텔 입주민 정보, 주차 정보를 담은 데이터는 어디다 담을까 고민했다 백엔드 정보 없이 서버 설정 필요없이 간단하게 하고 싶어서 이제 firebase의 db인 firestore로 해보기로 했다 아쉽지만 데이터는 직접 문서

사전 배경 차량 뒷번호 4자리를 입력해 주차된 차량 정보를 확인하자 나는 사용자가 올바르게 숫자 4자리를 입력할 수 있도록 유도해야 된다 입력 경우의 수 1. 빈 입력 내가 속성으로 를 넣었기 때문에 아무것도 입력하지 않았을때 아래처럼 메시지가 나오긴 한다 하

배경 저번에 번호 입력하고 조회할 때 사용자에게 '지금 로딩중이에요~' 를 알려주는 장치가 있으면 좋겠다고 생각했다 바로 만들어보기 useState를 사용해 기능 구현하기 먼저 '로딩중' 을 상태로 만든 후 로딩중이면 로딩 스피너가 아니면 주차정보가 나오게 구성했다

배경 저번에 로딩 기능도 구현하고 하면서 보다가 handleSubmit 함수안에 긴 코드를 발견 이곳엔 폼 유효성 검사 네트워크 요청 이 섞여있었다 handleSubmit 함수이름에 맞게 네트워크 요청하는 부분은 따로 외부 함수로 빼서 관리하기 그래서 위 처럼 나눠

배경 나는 에서 문자열 포함 단어 검색이 안된다는 것을 알고 컬렉션에 있는 모든 문서를 프로젝트에 불러온 후~ 로 모든 문서를 순환해서~ 인 애들을 찾아~ 변수에 넣어 그 변수로 함수를 설정해 주차 정보데이터를 업데이트 했는데 댓글로 도구 사용을 추천받았다 그래

프로젝트 만들면서 페이지 라우팅을 이렇게 구성했다 , , , , 그리고 이 페이지는 꼭 적은 순서대로 진행되어야 한다 특히 결제페이지가 있어서 흐름이 깨지면 결제가 두번된다거나 하는 문제가 생긴다 그래서 흐름을 지키기 위해 상황 2개를 가정해 지키려고 한다 직접 접

문제 발생 > 쿠폰을 먹여 주차시간을 정산할 때 생기는 이슈 발견 구매수량이 마이너스로 가는 문제 기존 주차시간 넘게 할인권 초과 구매 특히 2번 같은 경우는 나중에 환불 문제까지 이어진다 애초에 이런 문제를 예방할 수 있게 인풋 제어를 하면 좋겠다고 생각했다

배경 예전에 구매수량에 따라 결제금액이 달라지는 기능을 만든적이 있다 그런데 아래코드 보면 알 수 있듯이 의 함수를 써서 결제 금액 상태를 업데이트한게 아니라 그냥 일반 변수로 해결했다 근데 리액트는 상태가 바뀌어야 UI가 바뀌는 거 아닌가? 왜 일반 변수인데도