Framework5 Vue.js : 데이터 바인딩(vue, axios, springboot) 테이블 생성(html) 윗 줄에 데이터 항목명, 아래 줄에 데이터를 넣으려 합니다. Vue 객체에 data, methods, method 실행 시점 설정 var vm = new Vue({ el: '#app', //사용할 데이터 data: { }, //마운트 된 시점수행 mounted: function(){ }, //함수 methods: { }, }); 저는 기존에 작성되어 있는 컴포넌트를 이용한 부분이 있어서 코드를 작성하면 의미가 없을 것 같아 순서를 기록해두려 합니다. data : 테이블 리스트 데이터를 배열로 가져오도록 코드 작성했습니다. methods : 데이터를 가져오는 함수를 작성했습니다. mounted : 메서드가 실행되는 시점을 마운트 된 시점으로 잡아 작성한 함수를 호출했습니다. axio.. 2023. 3. 9. Vue.js 란?(+MVVM 패턴) Vue.js 란? 프론트엔드 개발을 쉽게 할 수 있도록 도와주는 오픈소스 Javascript 프레임워크 MVVM 패턴의 뷰모델(View Model) 레이어에 해당하는 화면(View) 단 라이브러리 SPA(Single Page Application)를 구축하는데 이용 가능 MVVM 패턴 구조 View(html DOM): 사용자에게 보이는 화면. Model(JS): 데이터를 담는 용기, 보통 서버에서 가져온 데이터를 javascript 객체로 저장 ViewModel: View와 Model의 중간 영역으로 DomListener와 DataBinding을 제공하는 영역 DOM: HTML 문서에 들어가는 요소(tag, class, attribute 등)의 정보를 담고 있는 데이터 트리 DOM Listener: DO.. 2023. 2. 15. MyBatis : mapUnderscoreToCamelCase 설정 MyBatis : mapUnderscoreToCamelCase 설정 아니 자꾸 ... 모든 코드가 다 정상인데 ... 예전에 정상 작동 확인했던 코드들인데 ... DAO → DB select 하는 부분에서 자꾸 NULL 인 것 !!! 왜 자꾸 NULL이 나오는지 ... 한참을 고민했는데 ... 세상에 ... mapUnderscoreToCamelCase 설정을 하지 않았던 것이다 ... MyBatisConfig.java 파일에 아래 코드를 추가 org.apache.ibatis.session.Configuration config = new org.apache.ibatis.session.Configuration(); config.setMapUnderscoreToCamelCase(true); sessionFac.. 2023. 1. 7. ORM / JPA / Hibernate / JDBC 란 무엇일까 ?! ORM / JPA / Hibernate / JDBC Hibernate 공부를 하게 되면서, 처음 듣는 단어들이 많았고 각각의 단어들이 뜻하는 의미를 명확하게 알아보고 싶어서 이렇게 개념을 정리하는 시간을 가지게 되었다 :) ORM 이란?! ORM(Object-Relational Mapping) 객체(Class)와 DB 테이블을 매핑(연결) = 코드 상에서 생성한 객체가 DB 테이블과 연결이 된다는 것을 의미한다. 이렇게 되면 객체를 조작함으로써 DB를 조작할 수 있게 된다. 즉 직접 쿼리를 작성하지 않고도 객체가 DB에 접근할 수 있다. 기술적 의미로는 어플리케이션의 객체를 RDB 테이블에 자동으로 영속화 해주는 것. JPA 란?! JPA(Java Persistence API) Java ORM 기술에 대.. 2022. 11. 23. Flutter 란?! Flutter 란?! (Flutter 개념, 특징) 현재 크로스 플랫폼 프레임워크는 React Native, Flutter, Xamarin, ionic, PhoneGap 등 많은 프레임워크들이 존재하지만 그 중 가장 기대되는 프레임워크는 단연 Flutter라고 할 수 있습니다. 그래서 Flutter에 대해 알아보는 시간을 가져보려고 합니다 :) Flutter는 무엇 ?! Flutter는 Google에서 개발하고 Mobile World Congress 2018에서 최초 베타 릴리스를 발표하면서 새롭게 소개된 크로스 플랫폼 모바일 앱 개발 프레임워크입니다. - 크로스 플랫폼 : 안드로이드, ios 등 각 플랫폼 용 앱을 한번에 구현하는 방식 Flutter의 특징은 ?! 다양한 Editor(Android St.. 2022. 11. 23. 이전 1 다음
