지난 시간에는 계좌 관련 화면단 개발을 진행 해 왔습니다. 이번 시간에는 음식점의 관련 포스 프로그램의 대한 화면 구성을 진행 하겠습니다. 지난 시간에 개발한 계좌 관련 프로그램으로 잔액을 활용하여 개발을 진행 하는 쪽으로 하고 있으며, 실제 서비스에서 키오스크를 통해 고객이 메뉴 선택하여 구매 했을 때, 현금 or 고객 신용카드를 통해 결제 시스템을 진행을 하고 있는데, 신용카드 사용 시 고객의 대한 정보를 활용하여 계좌 입출금 시스템으로 사용하여 진행을 하는 것입니다. 이를 바탕으로 진행 해보겠습니다. github: https://github.com/BerkleyLim/foodstor_pos GitHub - BerkleyLim/foodstor_pos: This is the program on foot..

지난 시간에는 회원 정보 입력하고 메뉴 진입에 대한 페이지 개발 및 서비스 개발(H2 Database 연동 x)의 대해 다뤄봤습니다.. 이번시간에는 화면단 설계에 들어가보도록 하겠습니다. 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 개발 하기 앞써 먼저 요구 사..

지난 시간에 이어서 프론트엔드 셋팅 및 백엔드 셋팅까지 진행해 보았습니다. 이번시간에는 화면단 설계에 들어가보도록 하겠습니다. 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. 요구사항 개요 - 고객사께..

이번 시간은 Front-End (React)와 Back-End (Java/Spring Boot) 설정을 시작하겠습니다. 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 이번 프로젝트는 TypeScript 기반의 프로젝트로 React-Query를 활용한 프론트엔드 개..

이번 시간에는 음식점에서 자주 쓰이는 키오스크안에 포스 프로그램을 제작 하고자 합니다 특이 사항으로는 잔액이 부족한 점을 확인 하기 위해 은행 입출금 조회 기능을 넣어 사용하는 주체자가 고객관점으로 개발이 되었습니다. 이 프로젝트는 토이프로젝트로 개발을 하는 것이 목적이며 실제 실무로 쓰는 모의 프로젝트로 생각하고 제작을 해보았습니다. Github 저장소 : https://github.com/BerkleyLim/foodstor_pos.git GitHub - BerkleyLim/foodstor_pos: This is the program on foot store pos machine. This is the program on foot store pos machine. . Contribute to Berkl..

1. React란? - React는 Javascript WebPack 기반으로 만들어진 SPA 템플릿 중 하나로, 모듈화가 쉬운 강점을 지님 - 현재 Virtual Dom으로 이용하여 해당 컴포넌트 부분의 대해 렌더링만 할 수 있는 장점을 지님 - 코드의 간결성과 전체 컴포넌트를 각각 쪼개어 사용에 용의하기 때문에 프론트엔드 개발자끼리 협업을 할 때 용의함 - 현재, nodejs를 이용하여 React 서버를 띄우기에는 용의하다는 점이 장점을 지니고 있음 - React 적용 전 선수 지식 : Javascript에 필요한 문법 (Javascript의 80퍼 이상 문법을 사용하고 있음) 2. JQuery와 React 사용 방식 필자는 JQuery와 React 둘다 사용해 본 경험을 바탕으로 각 차이점을 정리하..