전체 글(181)
-
[별첨] Recoil-Persist 적용 - 새로 고침 시 state 값 유지를 위하여
지금까지 진행한 프로젝트 중에 개발이 완성이 되어졌습니다. 현재, 새로 고침과 React-Query에 의존 시 사용자 측에서 불편한 점이 존재하기 때문에 코드 개선을 목적으로 구현하고자 합니다. 따라서 추가 개발을 위해 진행 한 것으로, Redux 탈피 하는 기법 중 하나로 사용하였으며, Recoil 방법도 사용하고자 합니다. 지금까지의 개발의 대한 문제점으로 새로 고침 시 state 값 유지가 되지 않음, React-Query는 서버가 변경 시 일정시간 주기로 갱신하는 기술로 되어져 있으며, 이 점을 단점 개편을위해 진행 하도록 합니다. 백엔드에게 API 호출하여 데이터를 넘겨 줄 때 프론트엔드에서 충분한 데이터가 있어야 하는데, 갱신이 되지 않아 넘길 수 없는 부분이 존재하며, 이번 시간에는 Reco..
2023.10.29 -
[13] 음식점 포스 프로그램 - 프론트엔드 API 연동(2), 계좌 입출금, 음식 구매 연동 (로그 파일 삽입 포함)
지난 시간에는 고객 정보와 로그 관련 API를 연동 작업을 진행 하였습니다. 또한 React-Query와 Recoil 사용 하는 방법에 대해서도 알아가 보았는데, 이번 시간에는 마저 못한 부분 중 하나인 음식 정보 및 계좌 정보를 Front-End 개발자에게 넘겨줄 각각 인터페이스 개발을 이어서 진행 해보겠습니다. github: https://github.com/BerkleyLim/foodstor_pos GitHub - BerkleyLim/foodstor_pos: This is the program on foot store pos machine. This is the program on foot store pos machine. . Contribute to BerkleyLim/foodstor_pos de..
2023.10.29 -
[12] 음식점 포스 프로그램 - 프론트엔드 API 연동(1) - 고객 정보, 로그 표시 연동
지난 시간에는 Java - Spring Boot 기반 백엔드에서 API를 구축해보았습니다. 이번 시간에는 백엔드 API 구현한 내용을 기반으로 하여 프론트엔드에서 API를 연동해 보겠습니다. 앞써, 정의된 API를 이용하여 그대로 프론트엔드에서 사용을 해보겠습니다. 1. 고객 정보 API 연동 (1) 화면으로 보는 필요 request 값과, API 명 (2) API 인터페이스 - 사용자 조회 => (이 프로젝트에서는 1명의 회원만 조회) URI :/api/user/info/ Method : GET Request : null Response : 리스트 [uno, userName, userAge, userSex, userPhone, userNumber, userCardPassword] (3) 제출 클릭시 로..
2023.10.29 -
[11] 음식점 포스 프로그램 - 백엔드 인터페이스 개발(5) - 인터페이스 개발(3), 음식 정보, 계좌 정보 와 로그 부분(2) Service와 Controller
지난 시간에는 고객정보와 로그 API를 구성 하였습니다. 이번 시간에는 음식 정보 및 계좌 정보를 Front-End 개발자에게 넘겨줄 각각 인터페이스 개발을 이어서 진행 해보겠습니다. github: https://github.com/BerkleyLim/foodstor_pos GitHub - BerkleyLim/foodstor_pos: This is the program on foot store pos machine. This is the program on foot store pos machine. . Contribute to BerkleyLim/foodstor_pos development by creating an account on GitHub. github.com 1. 프론트엔드 개발자에게 제공 해..
2023.10.29 -
[10] 음식점 포스 프로그램 - 백엔드 인터페이스 개발(4) - 인터페이스 개발(2), 고객 정보 와 로그 부분(1) Service와 Controller
지난 시간에는 인터페이스 개발 전, DB 설계 기반으로 Mapper 개발과 Dto로 필드값을 받는 것을 확인해 보았습니다. 이번 시간에는 Front-End 개발자에게 넘겨줄 각각 인터페이스 개발을 진행 해 보겠습니다. github: https://github.com/BerkleyLim/foodstor_pos GitHub - BerkleyLim/foodstor_pos: This is the program on foot store pos machine. This is the program on foot store pos machine. . Contribute to BerkleyLim/foodstor_pos development by creating an account on GitHub. github.com ..
2023.10.29 -
[9] 음식점 포스 프로그램 - 백엔드 인터페이스 개발(3) - 인터페이스 개발(1), Mapper와 DTO 설계
지난 시간에는 SQL문 설계를 진행을 하였고, 이번 시간 부터 프론트 엔드 개발자에게 필요로 하는 고객 정보/계좌처리/음식메뉴/이벤트 로그 인터페이스 개발을 진행하겠습니다. github: https://github.com/BerkleyLim/foodstor_pos GitHub - BerkleyLim/foodstor_pos: This is the program on foot store pos machine. This is the program on foot store pos machine. . Contribute to BerkleyLim/foodstor_pos development by creating an account on GitHub. github.com 다음은 사용할 인터페이스를 설계를 우선으로 할..
2023.10.28