Seory Dev

[Flutter] ListView 'hasSize' 에러

2024.12.13 13:26

1. 문제: 'hasSize' 에러 ListView.builder를 사용 중에 'hasSize' 에러가 발생하였다. 2. 원인 분석: 부모와 자식 위젯 간의 레이아웃 일반적으로 부모 위젯의 레이아웃이 완료되기 전에 자식 위젯 또는 동일한 위젯에서 크기 관련 속성을 접근하려 할 때 발생하는 에러입니다. 우선 제가 사용한 코드를 통해 알아보겠습니다. Column( children: [ ListView.builder( itemCount: teams.length, itemBuilder: (context, index) { final team = teams[index]; return ListTile( leading: Text(team.code), ..

[Flutter] ListView 사용 방법

Flutter

2024.12.13 02:29

1. ListView 리스트뷰는 가장 일반적으로 사용되는 스크롤 위젯입니다. 2. ListView 생성 방법 ListView 생성 방법에는 4가지가 있습니다. 기본 생성자, ListView.builder 생성자, ListView.separated 생성자, ListView.custom 생성자입니다. 그 중 가장 많이 사용되는 것은 ListView.builder 입니다. 1) 기본 생성자 기본 생성자 방식으로는 자식 위젯의 수가 적은 경우에 적합합니다. 왜냐하면 기본 생성자 방식은 실제로 보이는 것 뿐만 아니라 모든 자식을 생성하는 작업이 필요하기 때문입니다. 즉, 화면에 보이는 항목 뿐만 아니라 리스트에 포함된 모든 항목을 미리 렌더링하고 메모리에 올리기 때문에 많은 항목을 가진 리스트일수록 비효율적입..

Spring에서 민감한 정보 숨기는 방법

Spring

2024.12.09 20:43

GitHub에 코드를 올릴 때 민감한 정보는 올리지 않아야한다.보통 application.properties에 DB 정보나 API KEY를 넣고 gitignore를 이용해 GitHub에 올리지 않는다. 그래서 application.properties에 DB 정보를 넣고 root-context.xml에 변수로 넣었는데 404 에러가 발생했다.application.properties의 값들이 왜 바로 root-context.xml에 바로 적용되지 않을까? Spring에서는 application.properties 파일의 값을 직접적으로 XML에서 사용할 수 없다. Spring XML에서 프로퍼티 값을 로드하려면 해당 값을 property placeholder로 참조할 수 있도록 설정해야 한다.Property..

React 개발 환경 세팅

React

2024.08.18 22:23

1. Node.js 설치 LTS 버전을 설치합니다. Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. Visual Studio Code 설치 VS Code를 설치합니다. Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code edit..

Node.js / Express에서 DB 연동하기

Express

2024.07.28 18:43

🚀 개발 환경 💾 Visual Studio Code Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.code.visualstudio.com 💾 MySQL Workbench MySQL :: Download MySQL WorkbenchSelect Operating System: Select..

Node.js / Express.js에서 Router 조작하기

Express

2024.07.28 16:25

🚀 개발 환경 💾 Visual Studio Code Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.code.visualstudio.com 💾 Node.js Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime buil..

Node.js 기초

Node.js

2024.07.23 14:53

1. Node.js Node.js는 Chrome V8 JavaScript Engine으로 빌드된 JavaScript Runtime이다. 기존에는 자바스크립트 프로그램을 웹 브라우저에서만 실행할 수 있었다. 이는 브라우저가 자바스크립트 런타임을 내장하고 있기 때문이다. 브라우저 외의 환경에서 자바스크립트를 실행하려는 여러 시도가 있었으나, 자바스크립트의 실행 속도 문제 때문에 불가능했다. 그러나 2008년 구글이 V8 엔진을 사용해 크롬 브라우저를 출시하면서 속도 문제가 해결되었고, 이를 바탕으로 2009년에 Node.js가 개발되었다. * 런타임: 특정 언어로 만든 프로그램들을 실행할 수 있는 환경. 2. Node.js 특징1) 싱글 스레드 (Single thread) Node.js를 실행하면 먼저 ..

Node.js / Express에서 GET과 POST 요청 처리하는 방법

Express

2024.07.22 09:42

1. Node.js Node.js는 서버 측에서 JavaScript를 실행할 수 있게 해주는 런타임 환경이다. 이벤트 기반, 논 블로킹 I/O 모델을 사용하여 가볍고 효율적인 웹 서버를 구축할 수 있다. 자세한 내용은 다른 포스트에서 다루겠다. 💾 Node.js Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. Express.js1) Express.js 소개 Express.js는 Node.js를 사용하여 백엔드 웹 애플리케이션을 개발할 수 있도록 도와주는 프레임워크이다. Node.js 환경에서 가장 널리 사용되는 사실상 Node.js의 ..

Kotlin 랜덤 숫자 (난수) 생성

Kotlin

2024.07.17 16:13

Kotlin에서의 랜덤 숫자 (난수) 생성 방법을 소개한다. 1. kotlin.random.Random Kotlin 표준 라이브러리에서 제공하는 난수 생성 클래스로 nextInt(), nextLong(), nextDouble() 등의 메서드를 사용하여 다양한 타입의 난수를 생성할 수 있다.* 매개변수로 난수 범위 지정 가능package com.example.kotlinsyntaximport kotlin.random.Randomfun main() { // -2,147,483,648 2. java.util.Random java.util.Random 클래스는 Java 표준 라이브러리에서 제공되며 Kotlin에서도 사용할 수 있다. nextInt(), nextLong(), nextDouble() ..

티스토리툴바