Kakaroo Workspace

mustache 사용하기 위해 implementation('org.springframework.boot:spring-boot-starter-mustache') -- footer.mustache -- -- header.mustache -- -- index.mustache -- {{>layout/header}} Spring boot JPA using mustache 글 등록 {{#userName}} Logged in as: {{userName}} Logout {{/userName}} {{^userName}} Google Login Naver Login {{/userName}} 게시글번호 제목 작성자 최종수정일 {{#posts}} {{id}} {{title}} {{author}} {{#createdDate}}..

Web URL로 Application 개발하는 방법입니다. 이전에 Flutter 앱을 이용해 만들어 놓은 아래 web application을 이용해 보겠습니다. https://flutter-modumarble.web.app/#/ https://flutter-modumarble-mobile.web.app/#/(Mobile App을 만들므로 아래 URL을 이용) modu_calculation flutter-modumarble.web.app 웹 기반 클라우드 프로그래밍 도구인 구름 IDE 를 이용합니다. 먼저, https://ide.goorm.io/my/dashboard#/containers/new 에서 컨테이너를 생성합니다. goorm 구름은 클라우드 기술을 이용하여 누구나 코딩을 배우고, 실력을 평가하고,..

보호되어 있는 글입니다.

웹 어플리케이션에서 관계형 데이터베이스는 빠질수 없는 요소입니다. 객체를 관계형 데이터베이스에서 관리하는 것이 무엇보다 중요합니다. 관계형 데이터베이스가 계속해서 웹 서비스의 중심이 되면서 모든 코드는 SQL 중심이 되어 갑니다. 프로그래밍 언어는 객체지향 패러다임을 지향하는데 반해, 관계형 데이터베이스로 객체지향을 표현할 수가 없었습니다. 서로 지향하는 바가 다른 2개 영역을 중간에 패러다임 일치를 시켜주기 위한 기술이 JPA 입니다. 즉, 개발자는 개발지향적으로 프로그래밍을 하고, JPA가 이를 관계형 데이터베이스에 맞게 SQL을 대신 생성해서 실행합니다. 개발자는 항상 객체지향적으로 코드를 표현할 수 있으니 더 이상 SQL에 종속적인 개발을 하지 않아도 됩니다. 앞서 데이터베이스 사용으로 예를 든 ..

Spring Web Layer 구조로 H2 database를 사용하여 JPA를 구현해 보겠습니다. https://kakaroo.tistory.com/41 Spring Web Layer (공사중...) 보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요. kakaroo.tistory.com 1. Dependency 등록 (lombok, h2, JPA) dependencies { implementation('org.springframework.boot:spring-boot-starter-web') testImplementation('org.springframework.boot:spring-boot-starter-test') implementation('org.projectlombok:lombok'..

1. Gradle project 를 Spring Boot preject로 변경하기 아래와 같이 Spring Boot 환경에 맞게 gradle을 수정해줍니다. buildscript { // ext는 build.gradle에서 사용하는 전역변수를 설정하겠다는 의미이다. ext { springBootVersion = '2.1.7.RELEASE' //springBootVersion을 2.1.7.RELEASE로 하겠다는 의미이다. } //repositories는 각종 의존성(라이브러리)들을 어던 원격 저장소에서 받을지를 정한다. repositories { mavenCentral() //기본적으로 얘를 많이 사용하지만, jcenter() //얘를 많이 사용하기도한다! } dependencies { //spring-..

1. EnitityManager 2. JPQL 활용 3. Criteria API 4. MyBatis - https://kakaroo.tistory.com/16?category=1001571 Spring Boot - MyBatis MyBatis는? 쿼리 기반 웹 애플리케이션을 개발할 때 가장 많이 사용되는 SQL 매퍼(Mapper) 프레임워크입니다. 객체 지향 언어인 자바의 관계형 데이터베이스 프로그래밍을 좀 더 쉽게 할 수 있게 도 kakaroo.tistory.com JPQL 쿼리 구현해야함 public List find(String fstr) { Query query = entityManager.createNameQuery("findWithName").setParameter("fname", "%" + ..

NodeXS 설치 Npm install -g firebase-tools https://console.firebase.google.com/ 에서 project 추가 아래와 같이 등록됨 CLI 로 파이어 베이스 호스팅 설정 firebase deploy --only hosting Project Console: https://console.firebase.google.com/project/flutter-modumarble/overview Hosting URL: https://flutter-modumarble.web.app Hosting URL: https://flutter-modumarble-mobile.web.app Hosting URL: https://flutter-stock-dart.web.app 웹 빌드..

1. firebase.google.com/ 구글계정으로 로그인 -> 시작하기 2. 프로젝트 만들기 -> 약관 동의 -> 계속 3. Google 애널리틱스사용설정 체크 -> 프로젝트 만들기 -> 계속 4. 앱에 Firebase를 추가하여 시작하기 화면에서 안드로이드 아이콘 선택 5. 소스폴더 / android/app/build.gradle 에서 applicationId 으로 검색해서 패키지명 복사 5.1 패키지 이름 넣고 앱등록 6. google-services.json 다운로드 6.1 android/app 아래에 붙여넣기 7. Firebase SDK 추가 > dependencies 안의 classpath 복사 ex) classpath 'com.google.gms:google-services:4.3.10'..

//좌우로 슬라이드 되는 광고를 구성, PageView 위젯을 사용해도 되지만, //carousel_slider 라이브러리를 사용하면 자동 스크롤 지원 기능등이 지원되어 훨씬 유용하게 사용가능 //pub.dev 웹사이트에서 다양한 라이브러리 검색 가능 //dependencies: //추가 // carousel_slider: ^1.3.1 ========================= 복잡한 UI ========================= AppBar에 버튼은 actions 프로퍼티를 이용 appBar: AppBar( title: Text('App Bar' style: TextStyle(color: Colors.black)), actions: [ IconButton( onPressed:(){}, icon..

st 입력후 stful or stless 선택 가능 alt + enter : 위젯 감싸기 ctrl + o : override ctrl + space : suggenstions ctrl + Alt + L : reformat code alt + insert : Generate (constructor/getter/setter) --no-sound-null-safety MaterialApp 안에서 debugShowCheckedModeBanner: false, import 'package:flutter/foundation.dart' as foundation; if(foundation.defaultTargetPlatform == foundation.TargetPlatform.android) //platform.da..

dependencies: path_provider: ^2.0.8 import 'package:path_provider/path_provider.dart'; import 'dart:io'; _write(String text) async { final Directory directory = await getApplicationDocumentsDirectory(); final File file = File('${directory.path}/my_file.txt'); await file.writeAsString(text); } Future _read() async { String text; try { final Directory directory = await getApplicationDocumentsDirec..

01_id: 0, 02_cityName: 서울 [{build_cost: 22, sell_cost: 11, buildingName: 땅, buy_cost: 44, toll_cost: 8}, {sell_cost: 4, build_cost: 8, buildingName: 빌라, buy_cost: 16, toll_cost: 16}, {build_cost: 24, sell_cost: 12, buildingName: 빌딩, buy_cost: 48, toll_cost: 34}, {sell_cost: 20, build_cost: 40, buildingName: 호텔, buy_cost: 80, toll_cost: 70}, {build_cost: 40, sell_cost: 20, buildingName: 랜드마크, buy..

Flutter 에서 database 를 활용하는 방법 https://flutter-ko.dev/docs/cookbook/persistence/sqlite SQLite에 데이터 저장하기 로컬 디바이스에 많은 데이터를 저장하고 쿼리를 요청해야 한다면, 로컬 파일이나 키-값 저장소 대신 데이터베이스를사용해보세요. 일반적으로 데이터베이스는 다른 로컬 솔루션보다 더 빠른 flutter-ko.dev dependencies: flutter: sdk: flutter sqflite: ^1.1.0 path_provider: 1.6.5 https://levelup.gitconnected.com/room-database-equivalent-for-flutter-807c9729b58d Room Database Equivalen..

앱 상단부분을 BoxDecoration 위젯으로 감싼뒤, LinearGradient 속성을 적용하여 그라데이션 효과를 줍니다. import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'common.dart'; class MyAppBar extends StatelessWidget implements PreferredSizeWidget { String _title; MyAppBar(this._title); @override Widget build(BuildContext context) { return AppBar( toolbarHeight: Common.APPBAR_HEIGHT, title: Text(thi..