개인프로젝트 - Coolors 클론(07/16)시작

Velog는 Flutter로 개발하며 얻은 지식들만을 정리 및 공유하는 것을 목표로 시작했다.처음에는 누구나 그렇듯 열심히 작성을 하였다...하지만 시간이 지나며 점점 게을러지고 귀찮아져서 드문드문 쓰게 되었다날도 점점 더 더워지며 평소보다 더 늘어지게 되어 쓰는 주기

무작정 프로젝트를 시작하기 전 클론 대상인 Coolors를 충분히 사용하면서 주요기능들을 파악했다.해당 사이트를 이용하면서 중요한 기능이라고 판단한 기능들은 다음과 같다.색상들에 대한 정보하나의 값이 아닌 다양한 정보 제공(RGB,HEX등등)간편한 조작스페이스바를 통해

사진에서 볼 수 있듯 오늘은 미처 그리지 못한 UI들을 주로 그렸다.회원가입과 로그인 과정을 새로운 화면에서 진행하는 것보다 팝업으로 하는 것이 사용자가 더 편리하게 사용할 것이라고 생각했기에 팝업으로 UI를 구성하였다.Coolors 홈페이지에 되게 재미있는 요소를 하

어제의 목표는 다음과 같았다.Firebase Project 개설 및 웹앱을 통한 연결 및 호스팅홈페이지의 회원가입 및 로그인 기능 구현DB내의 유저 모델 구성이중 Firebase와 프로젝트를 연결하는 아주 간단한 목표밖에 수행하지 못했다...그렇다고 토이프로젝트 개발을

어제 세운 오늘의 목표가상의 유저 -> 홈페이지 내에서 플로우 생각후 구체화해서 작성하기 ( 기능 포함)사용자내의 유저 모델링홈 / 단일 색상 화면 UI 코딩이 중 절반은 성공하고 절반은 실패했다고 생각한다. 먼저 위의 사진에서 보이는 이미지는 FIrebase에 서버를

홈페이지와 단일 색상 페이지에 대한 UI 마무리URL변화가 적용된 Navigator 정의User에 대한 모델링 마무리 - Firebase에서 Map을 쓰는 방법 찾아서 적용하기어제 홈페이지의 시나리오를 분석하다 단색의 코드르 입력했을때 해당 색상에 대한 상세한 정보를

사진에서 보여지는 페이지는 제일 처음 보여지는 홈 페이지이다. UI기획부터 시작하는 프로젝트가 아니라 클론을 하는 형식이다 보니 UI의 구성 같은 경우에는 거의 동일하게 제작을 하고 있다. 이전의 목표(7/20일)URL변화가 적용된 Navigator 정의팔레트 내의

위의 사진은 단색 페이지에 들어가는 UI이다. 설정된 단색에서 색변화 값을 사용자에게 제공하여 사용자가 원하는 색을 좀더 편하게 선택할 수 있게 해주는 요소이다.사실 오늘 만든 UI는 아니지만 사진이 없으면 허전할거 같아서 넣은건 비밀...어제의 목표주소창 옆 '뒤로가

이전 글에서 세운 프로젝트 목표이전에 작성한 코드들 리팩토링 / 파일 구조 또한 정리하기!UI 정리하기(사진 첨부/ 단일 색상 페이지 등등)로그인,회원가입 -Firebase과 직접적 연동 및 로그인,로그아웃에 따른 앱바 변화 적용팔레트(다량의 색 보여주는 공간)에 보여

어제의 목표는 다음과 같았다.로그인,로그아웃에 따른 앱바 변화 적용 ( 버튼 변화)팔레트 아이콘 클릭에 따른 팔레트 변화(버튼 5개)사용자가 DB에 원하는 정보 저장하는 기능 구현(DB모델 설계 필요)오늘의 달성율은 45~50%정도라고 생각한다. 로그인 기능을 이전에

어제의 목표 팔레트 화면에서 ViewModel 제작하여 기능 구성하기로그인시 보여지는 위젯 마무리(아이콘 클릭했을때 나오는 위젯도 정리)오늘의 달성률은 40%정도 되는것 같다. 2번째 목표는 시작도 못하였고 ViewModel 구성에 많은 시간을 할애했다. 1,3,4번째

1. 개인 프로젝트 진행 현황 > >어제의 목표 3,5번 아이콘 클릭시 기능 구현 로그인 했을시 우측상단의 아이콘 정리 완료(화면 전환까지 가면 굳!) 팔레트 중 하나를 드래그앤 드롭을 통해 팔레트내의 위치 변경 가능 5번 아이콘(팔레트에서 색상 잠금) 기능을 구현하였

지난 목표로그인시 우측 상단의 위젯 변경(1순위)사진 우측상단을 통해 알 수 있지만 로그인 시 닉네임의 첫자가 보여지는 위젯으로 구성했다. 해당 위젯을 누르면 아래에 메뉴를 선택할 수 있는 위젯이 2초동안 잠시 나왔다가 없어진다.팔레트 저장하는 팝업 작성해당 팝업의 경

어제 세운 오늘의 목표로그인 후 저장한 팔레트 / 색상 확인할 수 있는 화면 구현 위의 이미지에서 보여지듯 저장페이지를 구현했다. 좌측 상단에 탭을 클릭하여 팔레트별/ 색상별 저장한 정보들을 확인할수 있게 할것이다. Pagination을 적용하여 한번에 모든 정보를