이번 포스팅에서는 개발 비용을 줄이기 위해 프론트엔드 개발 시 UI 퍼블리싱 시간을 줄이기 위해 사용되는 템플릿 활용의 대해 다뤄보겠습니다. 대표적으로 아래와 같이 템플릿이 잘 되어 있습니다. ==> 템플릿 사이트 중 하나 : creative-tim https://demos.creative-tim.com/material-dashboard-pro-material-ui-v4/?_ga=2.260116749.1875566178.1709123070-703334713.1709123070#/admin/dashboard Material Dashboard 2 PRO React by Creative Timwww.creative-tim.com 1. 템플릿 특징- 단돈 몇푼으로 구매하여 본인이 원하는 템플릿을 사용 할 수 있..

1. Typescript란? => Javascript 기반에서 엄격한 규칙을 적용하기 위한 언어, 타입을 지정하여 에러를 방지하기 위해 적용됨 2. Javascript와 Typescript 차이 => JS는 코드 규칙을 따르지 않아 코드작성에 용이하고, 빠른 코딩 가능하며, TS는 코드 규칙을 적용하여 IDE 결합과 용이하며, 코드 가독성이 좋고 컴파일 시 에러 잡는게 용의하다. 3. type과 interface 차이 => 둘다 타입을 지정해주는 예약어이지만 interface는 extends나 implements로 확장적인 선언과 같은이름으로 확장 선언이 가능하며 객체에만 선언이 가능하며 type은 같은 이름으로 확장 선언 불가능, 원시 타입도 선언 가능 4. TypeScript 모든 유형으로 사용방법 ..

지난 시간에는 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) 제출 클릭시 로..

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