분류 전체보기
-
Flutter의 jsonDecodeFlutter에서 jsonDecode는 JSON 데이터를 파싱하여 Dart 객체로 변환하는 함수입니다. 주로 HTTP 요청이나 로컬 파일로부터 가져온 JSON 데이터를 사용자가 처리할 수 있는 형식으로 변환할 때 사용됩니다. jsonDecode의 역할jsonDecode 함수는 JSON 문자열을 파싱하여 Dart의 기본 자료형으로 변환합니다. Dart에서 제공하는 dart:convert 라이브러리에 포함되어 있으며, JSON 문자열을 Map이나 List와 같은 Dart 객체로 변환합니다.사용 예시아래는 JSON 데이터를 jsonDecode를 사용하여 파싱하는 예제입니다:import 'dart:convert';void main() { String jsonString..
[Flutter] jsonDecode 란?Flutter의 jsonDecodeFlutter에서 jsonDecode는 JSON 데이터를 파싱하여 Dart 객체로 변환하는 함수입니다. 주로 HTTP 요청이나 로컬 파일로부터 가져온 JSON 데이터를 사용자가 처리할 수 있는 형식으로 변환할 때 사용됩니다. jsonDecode의 역할jsonDecode 함수는 JSON 문자열을 파싱하여 Dart의 기본 자료형으로 변환합니다. Dart에서 제공하는 dart:convert 라이브러리에 포함되어 있으며, JSON 문자열을 Map이나 List와 같은 Dart 객체로 변환합니다.사용 예시아래는 JSON 데이터를 jsonDecode를 사용하여 파싱하는 예제입니다:import 'dart:convert';void main() { String jsonString..
2024.09.30 -
Flutter의 CircularProgressIndicatorCircularProgressIndicator는 Flutter에서 비동기 작업이 진행 중임을 사용자에게 시각적으로 알려주는 동그란 로딩 스피너입니다. 이 위젯은 주로 데이터를 로드하거나 시간이 걸리는 작업이 진행되는 동안 화면에 표시되어 사용자가 기다려야 함을 알 수 있게 해줍니다. CircularProgressIndicator 사용 방법아래는 CircularProgressIndicator를 사용하는 기본적인 예제입니다:import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Wi..
[Flutter] CircularProgressIndicator 란?Flutter의 CircularProgressIndicatorCircularProgressIndicator는 Flutter에서 비동기 작업이 진행 중임을 사용자에게 시각적으로 알려주는 동그란 로딩 스피너입니다. 이 위젯은 주로 데이터를 로드하거나 시간이 걸리는 작업이 진행되는 동안 화면에 표시되어 사용자가 기다려야 함을 알 수 있게 해줍니다. CircularProgressIndicator 사용 방법아래는 CircularProgressIndicator를 사용하는 기본적인 예제입니다:import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Wi..
2024.09.29 -
Why Use DTO (Data Transfer Object)1. 계층 간 데이터 전달을 간소화DTO는 비즈니스 로직 계층과 프레젠테이션 계층 간의 데이터 전달을 위해 사용됩니다. 복잡한 엔티티를 직접 노출하는 대신, 필요한 데이터만을 포함하는 DTO를 만들어 데이터를 간단하고 안전하게 전달할 수 있습니다. 이를 통해 계층 간의 결합도를 낮추고 유지보수성을 향상시킵니다. 2. 엔티티와의 분리JPA 엔티티는 데이터베이스와 직접 매핑되어 있습니다. 이를 직접 클라이언트에 노출하면 데이터베이스 구조 변경이 클라이언트에 영향을 줄 수 있습니다. 반면, DTO를 사용하면 데이터베이스와 비즈니스 로직의 변경을 클라이언트로부터 분리할 수 있습니다. 3. 보안 향상DTO를 통해 노출할 필드를 제한함으로써 중요..
[Spring boot] DTO(Data Transfer Object) 쓰는 이유는?Why Use DTO (Data Transfer Object)1. 계층 간 데이터 전달을 간소화DTO는 비즈니스 로직 계층과 프레젠테이션 계층 간의 데이터 전달을 위해 사용됩니다. 복잡한 엔티티를 직접 노출하는 대신, 필요한 데이터만을 포함하는 DTO를 만들어 데이터를 간단하고 안전하게 전달할 수 있습니다. 이를 통해 계층 간의 결합도를 낮추고 유지보수성을 향상시킵니다. 2. 엔티티와의 분리JPA 엔티티는 데이터베이스와 직접 매핑되어 있습니다. 이를 직접 클라이언트에 노출하면 데이터베이스 구조 변경이 클라이언트에 영향을 줄 수 있습니다. 반면, DTO를 사용하면 데이터베이스와 비즈니스 로직의 변경을 클라이언트로부터 분리할 수 있습니다. 3. 보안 향상DTO를 통해 노출할 필드를 제한함으로써 중요..
2024.09.28 -
스프링 부트 바로가기 Java and Spring Annotations and Concepts1. Spring MVC와 관련된 항목들model.addAttribute:이유: 컨트롤러에서 뷰로 데이터를 전달할 때 사용됩니다. 뷰 템플릿에서 데이터를 사용하도록 추가하는 역할을 합니다.예: model.addAttribute("attributeName", attributeValue);ResponseEntity:이유: HTTP 응답을 직접 제어하고자 할 때 사용됩니다. 상태 코드, 헤더, 응답 본문을 표현할 수 있습니다.예: return new ResponseEntity(body, HttpStatus.OK);redirect:이유: 서버 측에서 리다이렉션을 수행하기 위해 사용됩니다. 클라이언트의 브라우저에 새로운 ..
[Spring boot] 스프링 부트, JAVA 기초 코드 개념 정리스프링 부트 바로가기 Java and Spring Annotations and Concepts1. Spring MVC와 관련된 항목들model.addAttribute:이유: 컨트롤러에서 뷰로 데이터를 전달할 때 사용됩니다. 뷰 템플릿에서 데이터를 사용하도록 추가하는 역할을 합니다.예: model.addAttribute("attributeName", attributeValue);ResponseEntity:이유: HTTP 응답을 직접 제어하고자 할 때 사용됩니다. 상태 코드, 헤더, 응답 본문을 표현할 수 있습니다.예: return new ResponseEntity(body, HttpStatus.OK);redirect:이유: 서버 측에서 리다이렉션을 수행하기 위해 사용됩니다. 클라이언트의 브라우저에 새로운 ..
2024.09.28 -
Flutter의 snapshotFlutter에서 snapshot은 FutureBuilder나 StreamBuilder와 같은 위젯에서 비동기 작업의 현재 상태와 결과를 담고 있는 객체입니다. 비동기 작업이 진행되는 동안 snapshot을 통해 작업의 상태를 추적하고, 그에 따라 UI를 동적으로 업데이트할 수 있습니다. snapshot의 주요 역할비동기 작업의 상태 관리: snapshot은 비동기 작업이 어떻게 진행되고 있는지를 나타냅니다.결과 데이터 제공: 비동기 작업이 완료되면 snapshot을 통해 결과 데이터를 제공받을 수 있습니다.에러 관리: 비동기 작업 중 에러가 발생하면, snapshot을 통해 에러 정보를 처리할 수 있습니다. snapshot의 주요 속성connectionSta..
[Flutter] snapshot 란?Flutter의 snapshotFlutter에서 snapshot은 FutureBuilder나 StreamBuilder와 같은 위젯에서 비동기 작업의 현재 상태와 결과를 담고 있는 객체입니다. 비동기 작업이 진행되는 동안 snapshot을 통해 작업의 상태를 추적하고, 그에 따라 UI를 동적으로 업데이트할 수 있습니다. snapshot의 주요 역할비동기 작업의 상태 관리: snapshot은 비동기 작업이 어떻게 진행되고 있는지를 나타냅니다.결과 데이터 제공: 비동기 작업이 완료되면 snapshot을 통해 결과 데이터를 제공받을 수 있습니다.에러 관리: 비동기 작업 중 에러가 발생하면, snapshot을 통해 에러 정보를 처리할 수 있습니다. snapshot의 주요 속성connectionSta..
2024.09.28 -
Thymeleaf 공식 사이트 바로가기 Thymeleaf 실무에서 자주 사용하는 문법1. Thymeleaf 기본 문법1.1 th:text텍스트를 출력할 때 사용합니다.Default Text${message}는 컨트롤러에서 전달된 모델의 값으로 대체됩니다. 1.2 th:utextHTML 태그를 포함한 텍스트를 출력하며, HTML을 그대로 렌더링합니다. 2. 속성 대체2.1 th:href와 th:src링크와 이미지를 동적으로 설정할 때 사용합니다.Home2.2 th:classCSS 클래스를 동적으로 지정합니다.Content 3. 조건문과 반복문3.1 th:if와 th:unless조건에 따라 요소를 렌더링할 때 사용합니다.Welcome, !Please log in.3.2 th:each리스트나 배열..
[Spring boot] 실무에서 자주쓰는 타임리프(Thymeleaf) 문법 총정리(안보면 손해)Thymeleaf 공식 사이트 바로가기 Thymeleaf 실무에서 자주 사용하는 문법1. Thymeleaf 기본 문법1.1 th:text텍스트를 출력할 때 사용합니다.Default Text${message}는 컨트롤러에서 전달된 모델의 값으로 대체됩니다. 1.2 th:utextHTML 태그를 포함한 텍스트를 출력하며, HTML을 그대로 렌더링합니다. 2. 속성 대체2.1 th:href와 th:src링크와 이미지를 동적으로 설정할 때 사용합니다.Home2.2 th:classCSS 클래스를 동적으로 지정합니다.Content 3. 조건문과 반복문3.1 th:if와 th:unless조건에 따라 요소를 렌더링할 때 사용합니다.Welcome, !Please log in.3.2 th:each리스트나 배열..
2024.09.28