다음은 기존 UI 가 이쁘지 않아 디자인을 첨부한 코드를 진행하고자 한다. 우선 나는 Reactstrap, bootstrap-icons, 순수 CSS로만 디자인을 진행하였다. 그리고, 하는 김에 리팩토링을 진행해 보았다. 이 글은 10번까지 따라 한 후에 가장 나중에 반영 하기를 바란다. https://github.com/BerkleyLim/Todolist GitHub - BerkleyLim/Todolist: 리액트 기반 투두리스트 만들기리액트 기반 투두리스트 만들기. Contribute to BerkleyLim/Todolist development by creating an account on GitHub.github.com   [1,200px 이상 기준]   [600 ~ 1,200px 기준]  [60..

지난 포스팅에서는 kotlin 환경 설정을 진행 하였고, 이번 포스팅은 사용자 정보 입력, 조회 구현을 진행 하도록 하겠습니다. Chapter02 부분 참조 https://github.com/BerkleyLim/AS_process GitHub - BerkleyLim/AS_process: AS 처리 알고리즘 및 앱 개발 AS 처리 알고리즘 및 앱 개발. Contribute to BerkleyLim/AS_process development by creating an account on GitHub. github.com 1. 요구사항 목록 TV AS 서비스 - 다음은 AS 서비스를 받고자 한다. - 고객 마다 찾아오는 유형은 각각 다른데 A고객은 AS 신청 이력 조회를 하고 싶고, B고객은 AS 신청 내역을 ..

다음은 토이 프로젝트로 AS 개발 서비스를 진행 하고자 하고, 새로운 언어를 통해 Web Socket 기술까지 습득하는 것을 목적으로 둡니다. 따라서, AS 개발 프로세스는 조회, 신청, 변경, 취소 이 4가지 파트가 주요 기능 중 하나이며, 마치 게시판 CRUD 프로젝트와 비슷합니다. Github : https://github.com/BerkleyLim/AS_process GitHub - BerkleyLim/AS_process: AS 처리 알고리즘 및 앱 개발 AS 처리 알고리즘 및 앱 개발. Contribute to BerkleyLim/AS_process development by creating an account on GitHub. github.com 따라서 순서는 아래와 같이 진행 하고자 합니다..

지금까지 진행한 프로젝트 중에 개발이 완성이 되어졌습니다. 현재, 새로 고침과 React-Query에 의존 시 사용자 측에서 불편한 점이 존재하기 때문에 코드 개선을 목적으로 구현하고자 합니다. 따라서 추가 개발을 위해 진행 한 것으로, Redux 탈피 하는 기법 중 하나로 사용하였으며, Recoil 방법도 사용하고자 합니다. 지금까지의 개발의 대한 문제점으로 새로 고침 시 state 값 유지가 되지 않음, React-Query는 서버가 변경 시 일정시간 주기로 갱신하는 기술로 되어져 있으며, 이 점을 단점 개편을위해 진행 하도록 합니다. 백엔드에게 API 호출하여 데이터를 넘겨 줄 때 프론트엔드에서 충분한 데이터가 있어야 하는데, 갱신이 되지 않아 넘길 수 없는 부분이 존재하며, 이번 시간에는 Reco..

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

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