1. dom이란? => 문서 객체 모델이라고 불리우며, 문서의 구성 요소들을 객체로 구조화 하여 표현 한 것. 쉽게 설명하면 문서 전체에 html 태그를 tree dom으로 구성함 2. Virtual dom => Dom을 추상화한 가상의 객체, 즉 직접 dom을 접근하지 않고, 가상의 공간에서 dom을 사용하는 것. 즉, 직접 dom에 접근하지 않아 성능 향상에 개편됨 3. Virtual Dom 동작 원리 => DOM을 추상화 한 객체를 메모리에 저장고, 이는 Javascript 객체를 건드는 행위이기 때문에 변경 사항 발생 시 메모리 변경으로 처리 되기 때문에 즉시 반영된다. 이 과정은 재조정을 한다라고 표현한다. 4. 재조정이란? => Batch Update 방식으로 처리하여 변경 사항을 모든 Ele..

지난 시간에는 고객 정보와 로그 관련 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..

이번 시간에는 좀 더 유용한 이벤트 로그를 찍는 것을 개발하였습니다. 고객이 사용한 행위의 대한 기록을 남기는 용도로 로그로 남겨 진행하였습니다. 특별한 요구 사항은 없지만, 고객이 한 행위를 관리자 관점이나 하는 행위에 대해 테스트 용도로 쓰기 위해 만들용도로 쓰이니 참조하였으면 하는 바램입니다. (관리자 관점일 경우 로그 관리 기능으로 유용하게 사용 가능) 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 ..

지난 시간에는 계좌 관련 화면단 개발을 진행 해 왔습니다. 이번 시간에는 음식점의 관련 포스 프로그램의 대한 화면 구성을 진행 하겠습니다. 지난 시간에 개발한 계좌 관련 프로그램으로 잔액을 활용하여 개발을 진행 하는 쪽으로 하고 있으며, 실제 서비스에서 키오스크를 통해 고객이 메뉴 선택하여 구매 했을 때, 현금 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. 요구사항 개요 - 고객사께..