SwiftUI 핵심 UI - 레이아웃 컨테이너와 상태 관리
1. 개요 화면을 구성하는 방법과 데이터가 바뀌면 UI가 자동으로 갱신되는 원리, 이 두 가지가 SwiftUI의 전부라고 해도 과언이 아니다. 이번 글에서는 VStack / HStack / ZStack으로 화면을 배치하는 방법과 @State / @Binding / @Observable로 데이터를 다루는 방법을 정리한다. 마지막으로 배운 내용을 조...
1. 개요 화면을 구성하는 방법과 데이터가 바뀌면 UI가 자동으로 갱신되는 원리, 이 두 가지가 SwiftUI의 전부라고 해도 과언이 아니다. 이번 글에서는 VStack / HStack / ZStack으로 화면을 배치하는 방법과 @State / @Binding / @Observable로 데이터를 다루는 방법을 정리한다. 마지막으로 배운 내용을 조...
1. 개요 Swift를 처음 시작할 때 가장 먼저 마주하는 것은 Xcode와 낯선 파일 구조다. 이번 글에서는 SwiftUI 프로젝트를 처음 생성했을 때 만들어지는 파일들의 역할, App → Scene → View로 이어지는 계층 구조, 그리고 Android 개발자에게 익숙한 생명주기 개념이 SwiftUI에서는 어떻게 표현되는지 정리한다. 📌 ...
1. 개요 NestJS를 처음 배울 때 가장 먼저 만나는 개념이 Controller, Provider, Module, Middleware다. 이 4가지는 독립적으로 존재하지 않고 서로 역할을 분담하면서 하나의 요청-응답 사이클을 완성한다. 이번 글에서는 공식문서 기반으로 각 개념을 정리한다. 📌 전체 역할 구조 개념...
1. 개요 02장에서 모델 호출과 기본기를 익혔다면, 03장에서는 본격적으로 “동작하는 에이전트”를 만든다. 단순히 질문에 답하는 챗봇이 아니라, 외부 도구를 직접 호출하고 결과를 종합하며 업무를 수행하는 에이전트다. 이번 글에서는 03장의 4개 섹션인 에이전트 기초(Tool), 메모리 기반 에이전트, Built-in 미들웨어, 구조화된 답변 ...
1. 개요 AI 에이전트를 처음 공부하려면 어디서 시작해야 할지 막막하다. 위키독스의 “AI 에이전트는 이렇게 만든다 (랭체인부터 랭그래프까지)” 책을 읽으며 01~02장까지의 핵심 내용을 정리한다. 이 글에서는 AI 에이전트의 개념, 랭체인의 기초 설정, 모델 호출 방식, 구조화된 출력, 메모리 관리 전략, 그리고 랭스미스 연동까지 단계별로 정...
1. 개요 서비스를 운영하다 보면 특정 환경에서만 접근을 허용해야 하는 상황이 생긴다. 사내 네트워크에서만 접근 가능한 관리자 페이지, 배포 전 QA 환경, 또는 서비스 점검 중 내부 인원만 접근해야 하는 경우가 대표적이다. 이번 글에서는 Nuxt3 환경에서 특정 IP 대역만 접근을 허용하고, 그 외의 접속에는 점검 페이지를 보여주는 방법을 정...
1. 개요 결재 시스템을 처음 구현해야 한다는 요건이 떨어졌을 때, 막막한 이유 중 하나는 도메인 용어를 정확히 모르는 상태에서 설계를 시작해야 한다는 점이다. 이번 글에서는 결재 시스템을 구현할 때 개발자가 반드시 알아야 할 핵심 용어, 업무 흐름, 데이터 구조, 상태 관리, 그리고 구현 시 고려해야 할 포인트들을 정리한다. 📌 전체 구조 ...
1. 개요 결재라인에 포함되지 않더라도 문서를 볼 수 있어야 하는 사람, 결재 완료 후 문서를 받아 후속 업무를 처리해야 하는 부서, 그리고 쌓인 결재 문서를 체계적으로 관리하는 문서함까지—전자결재의 마지막 퍼즐 조각들을 이번 글에서 정리한다. 📌 기능 요약 기능 대상 시점 목적 ...
1. 개요 결재 요청을 받은 결재자 입장에서 해야 할 일은 생각보다 많다. 단순 승인/반려 외에도 선결·전결·보류 옵션이 있고, 상황에 따라 이미 한 결재를 취소해야 할 수도 있다. 이번 글에서는 결재자가 처리할 수 있는 모든 액션과 취소/회수/강제반려를 정리한다. 📌 결재 처리 흐름 ...
1. 개요 결재 상신은 단순히 [결재 요청] 버튼 하나로 끝나는 게 아니다. 양식 선택 → 문서 작성 → 문서정보 설정 → 결재선 설정까지 각 단계마다 알아야 할 옵션들이 있다. 이번 글에서는 결재 문서를 처음부터 끝까지 상신하는 과정을 단계별로 정리한다. 📌 상신 전체 흐름 ① ...