일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- 리엑트
- AnimationController
- 마우이
- 닷넷
- MVVM
- 자바스크립트
- Maui
- listview
- 애니메이션
- Animation
- Firebase
- spring boot
- 오류
- JavaScript
- db
- 바인딩
- .NET
- 깃허브
- 플러터
- 함수
- GitHub
- MSSQL
- 파이어베이스
- React JS
- Flutter
- MS-SQL
- page
- HTML
- typescript
- Binding
- Today
- Total
목록2024/04 (19)
개발노트
아래와 같은 환경에서 API Server를 만들기 위해 무료 버전인 spring initializr 로 프로젝트를 생성합니다. - DataBase : MySQL - API Server: Spring Boot (Gradle), JPA - Application: Flutter - spring initializr 링크: https://start.spring.io/ Gradle / Groovy: 프로젝트를 Gradle로 설정하며, Groovy 언어를 사용합니다. Spring Boot Version: Spring Boot의 버전을 선택할 수 있습니다. 여기서는 3가지 버전이 제공됩니다. Project Metadata: 프로젝트 메타데이터를 설정합니다. Group: 패키지 구조를 나타내는 그룹명으로, com.hom..
http 패키지 Flutter에서 네트워크 요청을 보내고 받는 데 사용되는 가장 일반적인 패키지 중 하나가 http 패키지입니다. 이 패키지는 HTTP 요청을 만들고 응답을 처리하는 데 도움이 되는 다양한 클래스와 함수를 제공합니다. HTTP 패키지의 주요 특징 간단한 인터페이스: http 패키지는 간단한 API를 제공하여 HTTP 요청을 쉽게 생성하고 수행할 수 있습니다. 이를 통해 개발자는 쉽게 네트워크 요청을 관리할 수 있습니다. 비동기 지원: 대부분의 네트워크 작업은 비동기적으로 처리되므로 http 패키지는 Future 기반 API를 제공하여 비동기 코드 작성을 간단하게 해줍니다. 이를 통해 UI를 차단하지 않고 네트워크 요청을 수행할 수 있습니다. HTTP 요청 설정: http 패키지를 사용하면..
1. 소스 컨트롤 클릭 > Clone Repository 클릭 2. 깃허브에 로그인 > 원하는 프로젝트 클릭 > 프로젝트를 저장할 폴더 클릭 첨언: *Flutter Window 환경이랑 Mac 환경이 달라서 오류가 발생할 줄알고 있었다. 체크사항들 flutter --version (플러터 버전 확인) flutter channel (플러터 채널 확인) flutter upgrade 를 둘다 해도 서로 버전이 다르다면 채널이 다를 것이다. 안정화된 버전, 마스터 버전 등 각각 제공하는 최신버전이 다르기 떄문.. 따라서 각각 채널을 먼저 확인하고 맞춘다. 그 다음 flutter upgrade로 최신화 시켜주면 동일한 버전이된다. 그리고, pubspec.yaml 에서 "Ctrl"+ "S" 를 눌러 패키지를 모두 ..
1차적으로 스키마를 구성하였다. 칵테일의 정보나 기타 값을 넣는 것에는 챗 GPT의 도움을 받았으며 추후에 정보를 수정할 예정이다. 원래 하고자했던 ERD와 Table 구성으로 한번에 가기 어렵다는것을 알고 있기 때문에 만들고 수정하여 아래와 같이 도달하였다. 아래 그림은 정규화된 인스턴스 값들을 한번에 보여주기위해 JOIN을 사용하였다. 아래 계획된 ERD에서 build -> mixtype 으로 테이블명 변경, 영어이름, Foreign Key 수정 등 몇번의 작업을 거쳐야했다. 이제 스프링부트로 넘어가 API 서버를 구축하고, Flutter http로 json 데이터를 fetch하면 된다. API Server 구축과 Flutter http 패키지 사용을 이번 중점으로 둬야 하기 때문에 DB는 필요에 따..
일반 칼럼을 추가할 때 ALTER TABLE 테이블명 ADD COLUMN 칼럼명 데이터형 ALTER TABLE cocktail ADD COLUMN mixtype_id INT 외래키 칼럼 추가할 때 ALTER TABLE 테이블명 ADD COLUMN 칼럼명 INT, ADD CONSTRAINT 제약조건명 FOREIGN KEY (칼럼명) REFERENCES 테이블명(칼럼명); ALTER TABLE cocktail ADD COLUMN mixtype_id INT, ADD CONSTRAINT cocktail_ibfk_1 FOREIGN KEY (mixtype_id) REFERENCES mixtype(mixtype_id); *제약조건명은 본인이 정하면 됨
테이블에서 특정 칼럼 삭제하는 쿼리 alter table cocktail drop column 칼럼명; 칼럼이 외래키 일 경우 삭제하는 방법 1. 외래키 제약조건과 칼럼을 삭제합니다. alter table cocktail drop foreign key 외래키제약조건, drop column 칼럼명; alter table cocktail drop foreign key cocktail_ibfk_1, drop column build_id 외래키 제약조건, 테이블 정보 조회하는 방법 1. 테이블 정보 조회 방법 테이블의 정보를 보려면 DESCRIBE 를 사용하여 테이블 정보를 조회합니다. DESCRIBE 테이블명; 2. 테이블 생성 쿼리 조회 테이블 생성 쿼리를 보기 위해 Show create table 을 사용..
MySQL로 아래와 같은 ERD와 같이 cocktail Table을 생성해보겠습니다. 칼럼명 값 설명 cocktail_id int [pk] 1 식별ID name nvarchar 올드패션드 칵테일 이름 detail nvarchar 클래식한 맛의 위스키… 칵테일에 대한 설명 sweetness double 6 당도 6/10 acidity double 2 산도 2/10 strength double 9 강도 9/10 build_id int 1 빌드방식 build 테이블로 부터 참조 *예시) 1: 쉐이킹, 2: 빌드, 3: 스터 state int 1 1: 사용중 / 0: 미사용 created_at datetime 2024-04-04 생성일 적용할 조건들 detail을 제외한 나머지 칼럼의 값들은 NULL이 될 수 ..
MySQL에서의 스키마(Schema)란 데이터베이스와 같은 의미입니다. 1. Navigator 창에서 우클릭 > Create Schema를 선택하여 스키마를 생성합니다. 2. 스키마의 Name을 정하고 한글 데이터 호환성을 위해 아래와 같이 설정하고, Apply 를 클릭하여 스키마를 생성합니다. - Charset: utf8mb4 - Collation: utf8mb4_unicode_ci collation CREATE SCHEMA `homebar_db` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci ;
지금까지 Flutter에 사용했던 NoSQL, Serverless인 Firebase가 아닌, 관게형 데이터베이스와 백엔드 API Server 를 이용하여 Flutter http 패키지를 통해 서버통신을 구현하려고한다. 이번 Home Bar 앱에는 Mybatis, Mapper 가 아닌 ORM 방식을 사용할 예정이다. ORM 인터페이스를 모아둔 JPA를 사용하여 소스를 통해 쿼리를 자동으로 작성하고 데이터 결과를 Object 형식으로 받아오는 형식을 사용하고, 이를 Flutter Http 패키지로 받아오려고한다. 앱 서비스 전반적인 것을 이해하고 구현하기 위해 Firebase는 소셜로그인과같은 편의 기능정도를 사용할 예정이다. DB로는 MS-SQL이 아닌 MySQL을 사용하려고한다. 구성도 해야할 일 1. ..