백엔드 내용 설명 DataController 조회 , 등록 , 수정 , 삭제 , 검색을 위한 컨트롤 코드 결과적으로 연결 시키거나 api 관련 코드만 적음 @Controller public class DataController { @Autowired private DataService dataService; /** ******************** 카페 메뉴 관리 (시작) ******************** **/ /** * 데이터 조회 */ @RequestMapping(value = "/dataSelectList.json", method = RequestMethod.POST) public ModelAndView dataSelectList(@RequestBody HashMap params) thro..

어제 공부 한 내용을 토대로 장비등록에 관련해서 페이지를 수정해 보았다. 아직 까지는 프론트엔드만 이용해서 만들었다. 장비 등록하기 장비명 위도/경도 검색 장비 정보 CCTVModel1 CCTVModel2 이건 장비등록하기 상단부분 NO 장비명 위도/경도 장비정보 {{ dataList.length - index }} {{ item.product_name }} {{ item.product_writer }} 삭제 {{ buttonLabel }} 취소 이건 아래쪽 빨간줄 부분부터 아래쪽까지 이건 내가 적은 css 이 부분은 백엔드와 소통하기 위한 axios 이상

전체 흐름도를 코드로 적어 보겠다. 프론트엔드 index.html 파일 (처음 파일 ) 전체 내용과 외관 , 동작 정의 하나씩 나누면서 설명 하겠습니다. 메타 태그 안에는 웹 페이지에 대한 메타데이터들을 정의 여기서는 문자 인코딩 방법 , IE호환성 : 인터넷 익스플러 가 어떻게 렌더링 되는지 정의 뷰포트 설정 - 모바일에 어떻게 보여줄 것인가 정의 페이지 설명 - 검색 엔지 결과 페이지에서 스니펫으로 사용 , 보여지는 설명 외부 리소스를 연결 하는데 사용 . 두개의 CSS 파일을 연결하여 웹 페이지의 스타일을 정의 두개의 jQuery 라이브러리를 불러오고 있음 jQuery 라이브러리는 . HTML 문서 탐색, 이벤트 처리, 애니메이션 제작, AJAX 통신 등을 간편하게 처리할 수 있도록 도와줍니다. i..

디비 정보를 먼저 저장하고 SELECT product_index , product_name , product_category , product_price , product_writer , product_explan , product_date FROM product ORDER BY product_index DESC 데이터 조회를 위해 연결하기 위한 API들과 속성 값들 , 어떤 식으로 진행 할건지에 대한 내용을 컨트롤러에 적고 @RequestMapping(value = "/dataSelectList.json", method = RequestMethod.POST) public ModelAndView dataSelectList(@RequestBody HashMap params) throws Exception ..

데이터 조회 SQL문 SELECT product_index , product_name , product_category , product_price , product_writer , product_explan , product_date FROM product ORDER BY product_index DESC MyBatis은 개발자가 직접 SQL, 저장 프로시저 그리고 몇 가지 고급 매핑을 지정할 수있게 해주는 영속성 프레임 워크 이다. 이 파일에서는 특정 데이터 접근 객체 DAO 에 대한 SQL 쿼리들을 정의하고 있습니다. 결과적으로 MyBatis은 데이터베이스와의 데이터 연동을 도와주는 라이브러리 SELECT 데이터 베이스에서 데이터를 선택해서 가져오는데 사용되는 SQL 명령어 이다. FROM 셀렉트에..

일단 mvc 모델에 대해서 알아봤다. 유지보수가 좋기 때문에 사용자가 컨트롤 하는부분과 모델 , 뷰 부분을 나누는 걸로 이해했다. MVC 패턴 1. 모델(movel) 먼저 보면 데이터 베이스와 직접 적으로 연결되어있는 백엔드 작업 DAO public List dataSelectList (HashMap params) throws Exception; 이것은 데이터 베이스 설계 SELECT product_index , product_name , product_category , product_price , product_writer , product_explan , product_date FROM product ORDER BY product_index DESC 여기 부분이 xml 확장자 인데 sql 쿼리를 통..