git push -u origin main 명령어에서 -u 파라미터는 "upstream"을 설정하는 역할을 합니다.이 파라미터의 의미와 효과는 다음과 같습니다:업스트림 브랜치 설정: -u 옵션은 로컬 브랜치 main을 원격 저장소 origin의 main 브랜치와 연결합니다[1][4].추적 관계 생성: 이 옵션을 사용하면 로컬 브랜치와 원격 브랜치 사이에 추적 관계가 설정됩니다[2].향후 push/pull 간소화: 한 번 이 옵션을 사용하여 push하면, 이후에는 단순히 git push나 git pull 명령만으로도 해당 브랜치에 대한 작업을 수행할 수 있습니다[4].첫 push 시 유용: 새로 생성한 로컬 브랜치를 처음으로 원격 저장소에 push할 때 특히 유용합니다[4].git config 설정: 이 ..
CSS에서 요소를 중앙에 배치하거나 정렬하려면 justify-content와 align-items 속성을 사용해야 합니다. 그러나 이 속성들은 Flexbox나 Grid 레이아웃 컨테이너에서만 동작합니다. 이 포스팅에서는 Flexbox와 Grid 컨테이너에서 이 속성들이 어떻게 작동하는지 설명하겠습니다.1. justify-content와 align-items의 개념justify-content: 주축(main axis)을 따라 자식 요소를 정렬합니다.align-items: 교차축(cross axis)을 따라 자식 요소를 정렬합니다.2. Flexbox와 Grid 설정 예시(1) display 속성이 없는 경우.container { justify-content: center; /* 효과 없음 */ align..
// // PhotoPickerBootcamp.swift // SwiftUIStudy // // Created by 김재원 on 4/11/24. // import PhotosUI import SwiftUI @MainActor final class PhotoPickerViewModel: ObservableObject { @Published private(set) var selectedImage: UIImage? = nil @Published var imageSelection: PhotosPickerItem? = nil { didSet { setImage(from: imageSelection) } } @Published private(set) var selectedImages: [UIImage] = [] @..
"Sign up"과 "Sign in"은 시스템, 애플리케이션, 웹사이트에 접근하는 맥락에서 사용되는 두 가지 다른 용어입니다. Sign up (회원가입)이것은 새로운 사용자가 시스템에 등록하는 과정입니다. 회원 가입 과정에서 사용자는 일반적으로 새 계정을 생성하기 위해 일부 정보(예: 이메일, 사용자 이름, 비밀번호)를 제공합니다. 계정이 생성되면 사용자는 이러한 자격 증명을 사용하여 미래에 시스템에 접근할 수 있습니다. 코딩 측면에서 회원 가입은 일반적으로 시스템의 사용자 데이터베이스에 새 레코드를 생성하는 것을 의미합니다. Sign In (로그인)이것은 기존 사용자가 자신의 자격 증명(예: 사용자 이름과 비밀번호)을 제공하여 시스템에 접근하는 과정입니다. 시스템은 입력된 자격 증명이 데이터베이..
AnimationBuilder는 Flutter에서 제공하는 위젯 중 하나로, 애니메이션을 쉽게 구현할 수 있도록 도와줍니다. 이 위젯은 애니메이션의 현재 상태에 따라 어떤 위젯을 화면에 그릴지 결정하는 builder 함수와 애니메이션의 상태를 제어하는 Animation 객체를 인자로 받습니다. AnimationBuilder의 사용법은 다음과 같습니다: 먼저, AnimationController를 생성합니다. AnimationController는 애니메이션의 진행 상태를 제어하는 역할을 합니다.이 컨트롤러는 애니메이션의 시작, 종료, 방향 등을 제어할 수 있습니다. 컨트롤러 인스턴스 할당은 initState(){} 함수 안에서 해줍니다. late AnimationController _controller; ..
미디어쿼리는? 미디어쿼리는 CSS3에 도입된 기능으로, 다양한 디스플레이 유형과 환경에 따라 다른 스타일을 적용할 수 있게 해줍니다. 이는 반응형 웹 디자인의 핵심 요소로, 화면크기, 해상도, 방향 등의 조건에 따라 웹사이트의 레이아웃, 이미지, 기타 UI 요소를 동적으로 조정할 수 있습니다. 미디어 쿼리의 기본구조 미디어 쿼리는 @media 규칙과 함께 사용되며, 이어지는 조건문과 중괄호 {} 안에 적용할 CSS 스타일을 작성합니다. @media (max-width: 800px) { .heading { margin: 10px 0; font-size: 35px; } } 위의 예시에서, max-width: 800px는 미디어 쿼리의 조건을 나타냅니다. 이 조건은 뷰포트의 최대 너비가 800px 이하일 때 ..
플렉스 컨테이너는 CSS의 Flexible Box, 즉 Flexbox 레이아웃 모델에 따라 자식 요소를 배치하는 컨테이너입니다. Flexbox는 1차원 레이아웃 모델로, 요소들을 행(row) 또는 열(column)로 배치합니다. 플렉스 컨테이너를 생성하려면, 부모 요소에 display: flex; 또는 display: inline-flex;를 적용합니다. 이렇게 하면 해당 요소의 자식 요소들은 자동으로 플렉스 아이템이 됩니다. 플렉스 컨테이너에는 다음과 같은 속성들을 적용할 수 있습니다: flex-direction: 플렉스 아이템들이 배치되는 방향을 설정합니다. row (기본값), row-reverse, column, column-reverse 중 하나를 선택할 수 있습니다. flex-wrap: 플렉스 ..
파이썬 GUI 프로그래밍은 전통적으로 tkinter를 사용하는데, 이게 꽤 촌스러운 UI를 보여준다. 그래서 PyQt나 다른 것들을 사용한다. 그러다가 최근 ttkbootstrap이라는 라이브러리를 알게 되었는데 눈이 번쩍 띄어졌다. Ttkbootstrap은 Tkinter의 Ttk(Themed Tkinter) 모듈을 사용하여 Python 애플리케이션의 GUI를 향상시키는 데 도움이 되는 도구이다. 이를 사용하면 간편하게 다양한 테마와 스타일을 적용하여 멋진 GUI 디자인을 구현할 수 있는걸 발견하게 되었다. 주요 특징 다양한 테마 지원: Ttkbootstrap은 여러 가지 테마를 제공하여 사용자가 자신의 취향에 맞게 선택할 수 있습니다. 예를 들어, 부스트랩(Bootstrap) 테마를 사용하여 모던하고 ..
패키지 설치(Add dependancy) dependencies: isar: isar_flutter_libs: path_provider: dev_dependencies: isar_generator: build_runner: path_provider는 db를 저장할 경로를 구하는데 사용되니까 설치해주자. 모델 작성 isar.dart를 import 해준다. part '객체명.g.dart' 도 import 해준다. 나중에 build_runner 명령어를 실행시키면 해당 파일이 생성되니까 일단 임포트한다. 원하는 모델의 클래스를 생성한다. class 위세 @collection이라는 어노테이션을 붙여준다. Isar에서 저장하는 객체로 인식시켜준다. 다른 모델을 사용하고 싶을땐 IsarLink을 이용한다. 서비스 ..
SliverPersistentHeaderDelegate는 Flutter에서 사용자 지정 스크롤 헤더를 구현하기 위한 추상 클래스입니다. 이 클래스를 사용하면 커스텀 스크롤 헤더를 생성하고, 스크롤 뷰의 스크롤 위치에 따라 동적으로 변경되는 헤더를 만들 수 있습니다. 일반적으로 CustomScrollView와 함께 사용됩니다. SliverPersistentHeaderDelegate는 다음과 같은 주요 역할을 수행합니다: 헤더 빌드: build 메서드를 구현하여 헤더를 렌더링합니다. 이 메서드에서 반환된 위젯은 스크롤 헤더의 내용을 정의합니다. 헤더의 최대 및 최소 확장 크기 제어: maxExtent와 minExtent 속성을 통해 헤더의 확장 가능한 크기 범위를 제어합니다. 이 범위 내에서 헤더가 동적으로..
