현 프로젝트 준비단계(21)
-
21. 화면 UI제작 / 광고바 제작
소요시간2025년 2월 23일 - 5시간 느낀 점 최근 이틀간 졸업식 때문에 작업을 못해서 오래 못한 점에 대해서 살짝 헤이 해진 느낌이 들었다.그래서 전반적으로 UI작업을 싹 다 끝내버렸다. 또한 일부 기능은 이제 다 만들었는데친구들에게 테스트를 해봤는데 아직 기능이 완벽하지 않아서 어떤 어플인지도 모르는 거 같다.좀 더 노력해야겠다. 아직 100퍼센트 중 프로토타입도 50 퍼 밖에 성공하지 못했다.백엔드도 나눠야 되고 할 일이 많은데 이번 연도 안에는 꼭 다 만들고 싶다. SingleChildScrollView VS CarouselSlider 나는 사실 SingleChildScrollView만 썼는데 이건 단점이 옆으로 넘기는건 잘되는데 원래 넘겼을때 한 박스당 멈춰 줘야 되는데그냥 쭉 ..
2025.02.24 -
20. 매장 상세보기 화면 수정 / 일부 화면들 수정 / 피그마-Positioned
소요시간2025년 2월 19일 - 10시간 느낀 점 이제 손도 안된 화면이 거의 없을 정도로 50%는 진행되었다.여기 있는 화면 디자인, 기능 넣고백엔드 코드 좀 넣고 100% 만들게 되면 다음은 서버-클라이언트 방식으로 수정 그리고 플러터 MVVM 아키텍처로 수정하면 될 거 같다.오늘은 백엔드 관련 내용이 없고 어떤 UI를 만들었는지 간단하게 코드 설명보단 화면 설명 하려고 한다. 오늘 수정한 UI 환경설정 부분을 만들어줬습니다. 프로필편집 부분에 UI를 제작하고 닉네임 부분은 백엔드에서 불러오게 작업 하였습니다.매장 상세보기 화면은 컨테이너안에 스택으로 감싸고 포지션값으로 아이콘 영역 4개를 잡았습니다. 오늘은 최근에 알게된 포지션값에 대해서 설명하겠습니다~ Positioned 피그마에서 요..
2025.02.19 -
19. 쉬어가는 타이밍 / UI 정리 , 아이디어 정리 / 개발 계획수정
소요시간2025년 2월 17일 -5시간 2025년 2월 18일 -2시간 진행 중 느낀 점 현재 어떤 기능을 넣을 건지는 정해진 상태인데비즈니스 모델 부분을 엄청 고민하고 있었다. 그래서 많은 대화를 통해서 아이디어를 내는 과정을 만복하고 있어서 오늘은 유효성 검사 코드 및 어떤 부분이 빠졌는지정리를 하였다. UI정리 및 빠진 부분 정리 전체적으로 어느 정도 UI가 나와서 이제 세세하게 빠진 부분을 신경 써야 될 거 같아서 화면을 나눴다. 밑에 화면처럼 화면마다 어떤 코드가 빠져있고 어떤 부분의 기능을 만들어야 되는지 정리해 놨다. 개발을 하면서 바꿔야 될 거 같은 거 현재 플러터를 이용해서 백, 프런트를 다하고 있는데 확실히 이번에 느낀 게 백은 다른 프레임워크로 딱 텍스트만 받아오게 만..
2025.02.18 -
18. 필터 기능 및 provider 생성 / 마이페이지 수정하기 제작
소요시간2025년 2월 16일 - 4시간 느낀 점 오늘 프로바이더를 진짜 심오 깊게 공부해 봤는데 개인적으로 내가 똑바로 못쓰고 있다는 생각이 났다.분명 main에서 먼저 써야 된다고 ai에게 들었는데 ai가 실수를 많이 해서 직접 연결했었는데내가 모르니까 질문을 똑바로 못했다고 생각한다. 앞으로는 먼저 선공부후 진입 해야겠다. 필터 provider 제작 main 화면에 상태전달.ChangeNotifierProvider(create: (_) => FilterProvider()),///필터 상태 _selectedFilters에 버튼들을 담았습니다. 밑에 사진을 보시면 이해가 빠르실 겁니다. 밑에는 특정필터를 제거 추가 하는 코드 notifyListeners()를 넣어서 여러 화면에 바로바로 전달 ..
2025.02.16 -
17. 네이버지도 - 마커클릭시 이미지변경 , refresh클릭시 아이콘 비활성화
소요시간2025년 2월 15일 - 1시간 느낀점 오늘은 일이 있어서 나갔다 왔는데 머리 속에 자꾸 네이버 지도가 아른거려서 1시간이라도 하고 자야겠다고 느껴서만졌는데 기존에 만들지 못했던 기능들을 1시간만에 만들 수있어서 기분이 좋았고 계속 코드만 보고있는다고 코드가 잘 써지는건 아니라고 생각이들었다. 마커 클릭 시 이미지 추가 기존에 icon에 maker_off.png 아이콘을 썼는데 클릭했을 때 이미지를 누른 거 같은 느낌을 내야 되니까 누른 마커는 maker_on.png로 뜨게 만들었다. // 위젯의 상태로 선택된 마커 title을 관리 (예: StatefulWidget) String? _selectedMarkerTitle; // 선택된 마커면 on 이미지, 아..
2025.02.15 -
16. 마이 ui제작 / 네이버지도 ui 수정 및 팝업 제작 / 피그마코드 주의사항
소요시간 2025년 2월 14일 - 5시간 느낀 점 오늘 한 내용 중 dart언어에 스택 부분을 이해하지 못했는데또 알게 되어서 기분이 좋다. ui 만드는 시간이 거의 1~2시간 잡아먹어서 아무리 빨리 만들어도 시간이 걸리는 게 확실히 백엔드가 더 재밌는 거 같다. 플러터 스택 내가 ui를 만들면서 처음에 stack안에 배치를 할 때 네이버 지도 위에 positioned 값으로 넣었는데자꾸 안 들어 가져서 왜 안 들어가지나 했는데 stack은 말 그대로 먼저 들어간 거부터 뜨고 다음 작업을 하는 건데네이버 지도 위에 넣게 되면 네이버지도 밑에 버튼이 뜨니까 당연히 안 나오는 건데 나는 왜 안 나오지 계속고민하면서 시간을 많이 썼다. 이 부분은 알아 두는 게 정말 좋을 거 같다. return Exp..
2025.02.14