API(5)
-
[nodejs] 6. 프론트엔드 샘플 html을 테스트로 만들고, nodejs 연동하기
지난 시간까지는 백엔드 api를 구현 한 것을 nodejs 나만의 프로젝트 설계를 진행하였습니다. 자세한 사항은 github ver05 및 이전 포스팅을 확인하시기 바랍니다 github : https://github.com/BerkleyLim/basic_nodejs GitHub - BerkleyLim/basic_nodejs: 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. Contribute to BerkleyLim/basic_nodejs development by creating an account on GitHub. github.com 이번 시간에는 html 파일을 만들어 html에 직접 백엔드 서버에서 작업을 진행하..
2023.11.28 -
[nodejs] 4. express에 각 경로별로 출력될 view단 나타내기
지난 시간에는 node.js에서 express 기반으로 서버를 구축하고, 메인 페이지에 view단을 출력하도록 설정하였습니다. 이번 시간에는 각 api별로 나타내는 view단 출력 시키는 작업을 진행하겠습니다. github : https://github.com/BerkleyLim/basic_nodejs GitHub - BerkleyLim/basic_nodejs: 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. 이 프로젝트는 node.js 입문을 위한 프로젝트 중 하나입니다. Contribute to BerkleyLim/basic_nodejs development by creating an account on GitHub. github.com 1. 소스코드 (ver04/index.js) ..
2023.11.25 -
[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 -
[8] CRUD 게시판 프로젝트 - Front(React)에서 CRUD API 연동 - Axios 활용
Github 저장소 :https://github.com/BerkleyLim/project_board GitHub - BerkleyLim/project_board: Spring Boot + React CRUD형 게시판 만들기 프로젝트 안내서 Spring Boot + React CRUD형 게시판 만들기 프로젝트 안내서. Contribute to BerkleyLim/project_board development by creating an account on GitHub. github.com 개발 환경은 Front : React 기반 Back-End : Spring Boot 기반 DB : My-SQL 기반 지난 시간까지 Spring Boot를 이용하여 게시판 CRUD 관련 API를 구현하였습니다. 이제는 Fro..
2023.07.16