안드개발자의 좌충우돌 프로젝트 기록

안녕하세요!이번 글에서는 저희가 개발 중인 **전자 명함 앱 ‘명함톡’**에서 구현한명함 리스트 UI 구성과 공유 기능에 대해 소개하려고 합니다.📋 명함 리스트, 어떻게 만들었을까?명함톡에서는 총 3가지 명함 목록을 구분해서 관리할 수 있도록 구성했습니다.내 명함: 내가 등록한 명함외부 명함: 내가 직접 입력한 다른 사람의 명함공유 받은 명함: 다른 사용자로부터 전달받은 명함각 탭은 상단에서 버튼 UI로 전환 가능하고,사용자가 직관적으로 원하는 목록을 볼 수 있도록 구성했어요.📸 실제 화면 예시🔄 명함 상세보기명함을 클릭하면 바로 상세 정보 화면으로 진입합니다.여기서는 이름, 회사, 연락처, 메일, 메모 등을 한눈에 확인할 수 있어요.📸 상세 정보 화면📤 명함 공유 기능이번에 새롭게 구현한 기능..

안녕하세요!이번 글에서는 제가 팀 프로젝트로 개발 중인 **명함 관리 앱 ‘명함톡’**의핵심 기능 중 하나인 명함 등록 프로세스에 대해 소개해보려 합니다.단순히 정보를 입력하는 기능 같지만,사용자의 흐름을 고려해 구조와 UI를 구성하는 과정에서 많은 고민이 있었어요. ✨ 명함 등록 기능, 이렇게 구성했습니다명함 등록은 다음과 같은 단계를 거칩니다:명함 촬영 또는 수동 입력 선택이름/직책/회사/연락처 등 정보 입력미리보기로 등록 내용 확인등록 완료 → 내 명함 리스트로 이동앱을 처음 사용하는 사용자도 부담 없이 사용할 수 있도록,폼 구조와 입력 순서를 직관적으로 설계했습니다. 🖼️ 등록 화면 구성 (예시 UI)TextField + 라벨 조합으로 구성된 깔끔한 입력 폼필수 항목은 상단에 배치유효성 검사 (..

안녕하세요!오늘은 Flutter 프로젝트에서 공통 네트워크 통신 모듈을 구축하고,이를 활용해서 명함 등록 API 연동까지 완료한 내용을 정리해보려고 합니다.이번 작업을 통해 프로젝트의 통신 구조를 더 깔끔하고 일관성 있게 다듬을 수 있었어요. ✨ 1. 공통 네트워크 통신 모듈 구축네트워크 통신은 앱의 중요한 부분이기 때문에,처음부터 공통 구조를 잘 잡아두는 게 정말 중요하다고 생각했습니다. 📌 구조DioClient: Dio 기본 설정 + 인터셉터 등록AuthInterceptor: 요청마다 자동으로 토큰 추가LoggerInterceptor: 요청/응답 내용을 콘솔에 로깅ApiConstants: API Base URL, 엔드포인트 관리📂 파일 구성lib/ ├── core/ │ └── network/..

안녕하세요!오늘은 저희 팀이 진행 중인 전자명함 앱 프로젝트의 기능 명세와 폴더 구조를 소개해보려고 합니다.저는 평소 안드로이드 개발을 해왔는데, 이번에 처음 플러터로 팀 프로젝트를 진행하면서 많은 시행착오를 겪고 있어요.이 블로그는 그 과정을 기록하고 공유하기 위한 공간입니다 :)이번 글에서는 앱이 제공하는 핵심 기능과, 프로젝트를 어떻게 구조화했는지를 정리해봤습니다. 🔧 1. 명함 등록 및 수정사용자는 본인의 명함을 앱에 등록할 수 있어야 합니다.등록 가능한 항목은 다음과 같아요.이름직책회사명전화번호이메일주소사진 (프로필 이미지)등록 후에는 언제든지 정보를 수정할 수 있도록 했고,입력 시 유효성 검사도 반드시 필요합니다.예를 들어:이메일 형식이 맞는지전화번호가 숫자 형식인지이런 부분은 TextFor..

✨ [1화] 자바 개발자가 처음 도전한 Flutter – 전자명함 앱을 만들기로 한 이유 안녕하세요!저는 평소에 안드로이드 앱 개발을 해오던 개발자입니다.Java와 Kotlin을 주력으로 써왔고, Jetpack Compose를 요즘 재미있게 만져보고 있었죠.그런데 최근, 친구들과 함께 사이드 프로젝트를 하기로 했습니다.주제는 바로 전자명함 앱!이 개발기를 통해 Flutter를 처음 접한 안드로이드 개발자가 어떤 시행착오를 겪었는지, 그리고 전자명함 앱을 어떻게 구현해나가는지를 차근차근 공유드려볼까 해요 😊📌 전자명함 앱을 만들게 된 이유우리는 평소에 명함을 주고받을 일이 많은 직군인데, 항상 명함이 부족하거나 잃어버리는 일이 반복됐어요."왜 아직도 종이 명함을 들고 다닐까?""디지털 명함이면 훨씬 편..