개발일기

반응형 UI가 필요한 이유모바일 앱을 개발하다 보면 다양한 화면 크기를 마주하게 됩니다. 작은 스마트폰부터 태블릿, 혹은 폴더블 기기까지 화면의 비율과 너비는 제각각입니다. 특정 기기에서만 보기 좋게 레이아웃을 고정하면, 화면이 작은 기기에서는 요소가 잘리거나 큰 기기에서는 여백이 과도하게 생기는 문제가 발생합니다.Flutter는 유연한 레이아웃 시스템을 제공하여 이러한 환경 변화에 대응할 수 있습니다. 이번 글에서는 화면 크기에 따라 UI를 유연하게 배치하는 기초적인 방법을 살펴봅니다.MediaQuery로 화면 정보 확인하기가장 먼저 떠올릴 수 있는 방법은 MediaQuery를 사용하는 것입니다. 현재 화면의 너비와 높이를 확인하여 UI의 배치 방식을 결정할 수 있습니다.Widget build(Buil..

flutter 2026. 7. 14. 14:08

REST API란 무엇인가요?웹 서비스를 개발하다 보면 'REST API'라는 용어를 자주 접하게 됩니다. REST(Representational State Transfer)는 네트워크 아키텍처의 한 형식으로, HTTP 프로토콜의 장점을 최대한 활용하여 자원을 정의하고 상호작용하는 방식을 의미합니다. 초심자에게는 다소 어렵게 느껴질 수 있지만, 핵심은 '자원을 이름으로 구분하고, HTTP 메서드로 상태를 조작한다'는 단순한 원칙에 있습니다.자원 중심의 설계와 HTTP 메서드REST API 설계의 첫걸음은 자원을 명사로 표현하는 것입니다. 예를 들어, 사용자를 관리하는 API라면 /users와 같이 자원을 명시합니다. 이때 자원에 대한 행위는 HTTP 메서드를 통해 결정됩니다.GET: 데이터를 조회합니다...

Java 2026. 7. 13. 10:07

협업의 시작, 브랜치 전략이란?여러 개발자가 하나의 프로젝트를 동시에 작업하다 보면, 서로의 코드가 엉키거나 배포하려는 코드에 아직 완성되지 않은 기능이 섞이는 일이 발생합니다. 이를 방지하기 위해 정해진 규칙이 바로 '브랜치 전략(Branching Strategy)'입니다.브랜치 전략은 각 브랜치가 어떤 역할을 수행하고, 언제 병합(Merge)되는지에 대한 약속입니다. 팀의 규모와 배포 주기에 따라 적절한 전략을 선택하면 코드 충돌을 줄이고 개발 효율을 높일 수 있습니다.대표적인 브랜치 전략: Git-flow와 GitHub Flow가장 널리 알려진 전략으로는 Git-flow와 GitHub Flow가 있습니다.1. Git-flowGit-flow는 엄격한 규칙을 가진 전략입니다. 보통 다음과 같은 5가지 ..

Git·개발도구 2026. 7. 10. 11:16

들어가며프로그램을 개발하다 보면 예상치 못한 버그를 마주하게 됩니다. 이때 가장 흔히 사용하는 방법은 console.log나 print 문을 코드 곳곳에 삽입하여 변숫값을 확인하는 것입니다. 하지만 코드가 복잡해질수록 로그를 찍고 다시 실행하는 과정은 번거롭고, 불필요한 코드를 수정해야 한다는 단점이 있습니다.대부분의 통합 개발 환경(IDE)은 강력한 디버깅 도구를 내장하고 있습니다. 디버거를 활용하면 프로그램을 멈추지 않고도 실행 흐름을 제어하거나 변수 상태를 실시간으로 확인할 수 있습니다. 이번 글에서는 디버깅 효율을 높여주는 5가지 핵심 기술을 소개합니다.1. 조건부 중단점(Conditional Breakpoint)일반적인 중단점은 설정한 줄에 도달할 때마다 프로그램이 멈춥니다. 만약 반복문 내부에..

Git·개발도구 2026. 7. 10. 10:06

TypeScript란 무엇인가JavaScript는 매우 유연한 언어이지만, 코드가 길어질수록 변수에 어떤 값이 들어올지 예측하기 어렵다는 단점이 있습니다. TypeScript는 이러한 JavaScript의 상위 집합(Superset)으로, 코드에 타입을 명시하여 실행 전 단계에서 오류를 미리 발견할 수 있게 돕는 언어입니다. TypeScript 코드는 브라우저나 Node.js 환경에서 직접 실행되지 않습니다. 개발자가 작성한 코드를 JavaScript로 변환(Transpile)하는 과정을 거쳐야 하며, 이 과정에서 타입 검사가 수행됩니다. 결과적으로 우리가 작성하는 타입 정보는 실제 실행되는 코드에는 영향을 주지 않고 개발 단계에서의 안전성을 높이는 역할을 합니다.기본 타입 선언과 타입 추론가장 기본적인..

JavaScript 2026. 7. 9. 11:15

리눅스 환경과 친해지기서버 개발을 하다 보면 로컬 환경을 벗어나 리눅스 서버에 직접 접속해야 하는 상황이 자주 생깁니다. GUI 기반의 운영체제와 달리, 서버는 텍스트 기반의 CLI(Command Line Interface) 환경에서 작업하는 것이 일반적입니다. 처음에는 낯설게 느껴질 수 있지만, 기본적인 명령어 몇 가지만 익혀두면 서버 운영 및 문제 해결 과정이 훨씬 수월해집니다.이 글에서는 서버 개발자가 실무에서 가장 자주 사용하는 리눅스 명령어들을 카테고리별로 나누어 살펴봅니다.1. 파일 및 디렉토리 관리서버의 현재 위치를 파악하고 파일을 조작하는 것은 가장 기본입니다. 파일 시스템을 탐색하고 관리하는 명령어는 다음과 같습니다.ls: 현재 디렉토리의 파일 목록을 보여줍니다. -al 옵션을 붙이면 숨..

개발기초 2026. 7. 7. 21:51

왜 Docker가 필요한가요?소프트웨어 개발을 하다 보면 "내 컴퓨터에서는 잘 돌아가는데, 왜 서버에만 올리면 안 되지?"라는 고민을 한 번쯤 하게 됩니다. 개발자의 로컬 환경과 운영 서버의 환경이 미세하게 다르기 때문에 발생하는 문제입니다. 라이브러리 버전, 운영체제 설정, 환경 변수 등이 조금만 달라도 프로그램은 오류를 뿜어내기 마련입니다.Docker는 이러한 문제를 해결하기 위해 등장했습니다. 애플리케이션 실행에 필요한 모든 파일과 환경 설정을 하나의 '컨테이너' 안에 담아, 어떤 환경에서든 동일하게 실행되도록 만드는 플랫폼입니다.컨테이너와 가상 머신(VM)의 차이컨테이너 기술을 이해하기 전에 가상 머신(Virtual Machine)과 비교하면 쉽습니다. 기존 가상 머신은 하나의 물리적인 서버 위에..

Docker 2026. 7. 7. 13:13

Flutter 위젯 생명주기란?Flutter를 사용하여 앱을 개발하다 보면 화면이 어떻게 그려지는지, 상태가 바뀔 때 어떤 과정이 일어나는지 궁금해질 때가 있습니다. Flutter에서 화면에 보이는 모든 요소는 '위젯(Widget)'으로 이루어져 있습니다. 그중에서도 상태를 관리하는 StatefulWidget은 고유한 생명주기(Lifecycle)를 가집니다.생명주기를 이해한다는 것은 위젯이 생성되고, 화면에 표시되고, 상태가 변경되고, 마지막으로 사라지기까지의 과정을 파악하는 것입니다. 특히 build 메서드가 언제 호출되는지 아는 것은 앱의 성능 최적화를 위한 첫걸음입니다.StatefulWidget의 주요 생명주기 메서드StatefulWidget은 크게 createState를 통해 상태 객체를 생성하며..

flutter 2026. 7. 7. 09:39