1. Xcode 다른 버전 설치하기Apple Developer 웹사이트에서 필요한 버전의 Xcode를 다운로드합니다.다운로드한 .xip 파일을 더블 클릭하여 압축을 해제합니다.압축 해제된 Xcode 파일을 응용 프로그램 폴더에 복사합니다.예: /Applications/Xcode15.4.app2. 터미널에서 다른 버전의 Xcode 실행하기터미널을 열고 아래 명령어를 입력합니다/Applications/Xcode15.4.app/Contents/MacOS/Xcode 위 명령어에서 Xcode15.4.app은 실행하고자 하는 Xcode 버전의 폴더 이름입니다. 명령어 실행 후, 해당 버전의 Xcode가 열리게 됩니다. 3. Xcode 버전 확인하기실행 중인 Xcode의 버전을 확인하려면 아래 방법을 따르세요:Xco..

Flutter를 활용하여 배너 UI를 구현하고, 배너 전환 애니메이션까지 적용한 과정을 공유합니다. 이번 작업에서는 반응형 디자인과 자연스러운 사용자 경험을 위해 애니메이션 효과를 추가하고, UI 구조를 체계적으로 구성했습니다.구현 목표상단 제목과 날짜 표시: 배너의 상단에 텍스트 형태로 제목과 날짜를 표시.하단 반투명 배경과 버튼: 하단에는 반투명한 검정 배경 위에 "글자" 버튼과 숫자 수를 표시.반응형 UI: 다양한 화면 크기를 지원하기 위해 ScreenUtil을 적용.애니메이션 효과: 배너 전환 시 자연스러운 애니메이션 적용.import 'package:flutter/material.dart';import 'package:flutter_screenutil/flutter_screenutil.dart..

GitHub 플랜 비교 및 CI/CD 도입 가이드시작하며현재 회사에서 프로젝트 관리 및 협업 효율을 높이기 위해 GitHub의 유료 기능 사용이 필요한 상황입니다. 이에 따라 GitHub 플랜의 차이점과 CI/CD 도입 방법을 정리하여 공유드립니다. 이를 통해 플랜 선택과 CI/CD 설정 시 참고 자료로 활용하시길 바랍니다.1. GitHub 플랜 종류 및 주요 차이GitHub는 무료 플랜과 유료 플랜으로 나뉘며, 사용자 및 팀의 요구에 맞는 다양한 기능을 제공합니다.(1) GitHub Free (무료)대상: 개인 개발자, 소규모 프로젝트주요 특징:공개 및 비공개 저장소 무제한 사용 가능GitHub Actions 제공 (CI/CD 지원)2,000분/월 실행 시간기본 협업 도구:이슈 트래킹, Pull Req..

소개Flutter로 이미지를 선택하여 화면에 표시할 때, 균등한 간격을 유지하면서 썸네일 이미지를 정렬하는 UI를 구현하는 방법을 다룹니다. 이 글에서는 Wrap 위젯과 LayoutBuilder를 활용해 동적인 간격 계산과 정사각형 썸네일 UI를 구성하는 방법을 설명합니다.1. 핵심 코드 설명1. LayoutBuilder를 활용한 가로 간격 계산LayoutBuilder는 부모 위젯의 크기를 계산하는 데 유용합니다. constraints.maxWidth를 통해 가용 너비를 가져와 한 줄에 몇 개의 아이템을 배치할지 계산합니다.final double availableWidth = constraints.maxWidth; final int itemsPerRow = (availableWidth / (썸네일 너비 ..

앱에서 사용자로부터 이미지 접근 권한을 요청하고 이를 처리하는 방법은 iOS와 Android에서 다르게 작동합니다. 이 글에서는 Flutter를 사용하여 iOS와 Android에서 이미지 접근 권한을 설정하고 구현하는 방법을 공유합니다.1. iOS 권한 설정iOS에서는 PermissionHandler 패키지를 사용하여 이미지 접근 권한을 요청할 수 있습니다. 권한 요청을 위해 다음 단계를 수행합니다:1.1 Info.plist 수정Info.plist에 다음 권한 요청 메시지를 추가합니다:xml코드 복사key>NSPhotoLibraryUsageDescriptionkey> string>사진 접근 권한이 필요합니다.string> key>NSCameraUsageDescriptionkey> string>카메라 사용..

Simulator > I/O > Keyboard > Connect Hardwear Keyboard⌘ + SHIFT + K단축기 혹은 Simulator에서 적용하면 됩니다 !

vercel을 이용해서 프로젝트를 배포하고 있었는데, main 브랜치에 푸시 될 때마다, 배포되는걸 원치 않아서 해당 내용을 개선해보고자 tag push 를통한 배포가 이뤄지게끔 수정하는 작업을 진행 해봤습니다. Vercel 가이드에 굉장히 친절하게 나와있어서 해당 내용을 참고하여 작업을 진행했습니다. Vercel 공식문서 https://vercel.com/guides/can-you-deploy-based-on-tags-releases-on-vercel 프로젝트 root에 vercel.json 파일을 생성하고 git.deplymentEnabled 에 main 을 false로 변경 합니다. 자동 배포 브랜치가 main 이기 때문입니다. { "git": { "deploymentEnabled": { "main..

Servlet(서블릿) 이란? 개념 서블릿(Servlet)은 자바 언어로 작성된 웹 애플리케이션의 서버 측 컴포넌트입니다. 주로 동적인 웹 페이지를 생성하고 사용자 요청에 대한 응답을 처리하는 데 사용됩니다. 서블릿은 Java Servlet API를 구현하는 클래스로 구성되어 있으며, 서버 측에서 실행되어 웹 서버와 통신합니다. 특징 동적인 콘텐츠 생성: 서블릿은 클라이언트의 요청에 동적으로 응답을 생성할 수 있습니다. 예를 들어, 사용자가 폼을 제출하거나 특정 페이지를 요청할 때 데이터베이스에서 정보를 검색하거나 계산을 수행하여 동적으로 페이지를 생성할 수 있습니다. 플랫폼 독립성: 자바로 작성되었기 때문에 서블릿은 플랫폼 독립적입니다. 이는 서블릿이 다양한 운영 체제 및 하드웨어에서 실행될 수 있음을..

Toacat Webserver 다른 PC에서 접속하고 싶을 때 외부애서 접속할 수 있도록 포트를 열어줘야 합니다 ! 설정 방법 1. 제어판 - Windows 방화벽을 엽니다. 2. Windows 방화벽 왼쪽 메뉴에서 [고급 설정] 메뉴를 클릭합니다. 3. [인바운드 규칙]을 오른쪽 마우스 클릭하여 [새 규칙] 메뉴를 클릭합니다. 4. 규칙 종류에서 [포트]를 선택하고 다음으로 넘어갑니다. 5. 프로토콜 및 포트에서 [TCP]와 [특정 로컬 포트]를 선택하고 다음으로 넘어갑니다. 6. 프로필은 별 다른 설정없이 다음으로 넘어갑니다. 7. 이름은 원하는 이름으로 설정해주면 됩니다. 8. 설정을 마치면 다음과 같이 인바운드 규칙이 생성됩니다. 외부 접속 방법 웹 브라우저를 열고 다음과 같이 외부 접속을 허용한..

CORS : Cross-Origin Resource Sharing? 추가 HTTP 헤더를 사용하여 브라우저에게 한 출처에서 실행 중인 웹 응용 프로그램의 다른 출처의 선택된 자원에 대한 접근 권한을 알려주는 메커니즘.이라고 MDN에 나와있지만 좀 어렵다. 예들 들면 현재 도메인과 다른 도메인으로 리소스가 요청되는 경우, https://domain-a.com에서 제공되는 프런트 엔드 JavaScript 코드가 XMLHttpRequest를 사용하여 https://domain-b.com/data.json를 요청하게 되면 이런 경우 보안상의 이유로 브라우저는 기본적으로 크로스 도메인 요청을 제한하고 있다. 이렇게 제한을 두게 된 까닭은, 옛날의 서버와 클라이언트는 서버에서 내려받은 클라이언트로만 통신을 했기 때..