서울의볼

- Draft 구현의 전개는 아래의 순서로 진행함. 순서:main.dart 파일 셋업, 테마 파일 설정web platform 고려하여 responsive layout widget 파일(mobile & web) 생성, 플랫폼에 맞춰 개발 진행Firebase 연동 및 관련 환경설정로그인 스크린 UI 작업. text_field_input 위젯을 분리하여 필요한 파일에 쓸 수 있도록 설정 (비밀번호 별도 설정)회원가입 스크린 UI 작업. (위의 로그인과 유사)Firebase Auth 사용하여 서버 연동, image picker로 라이브러리 엑세스 설정 (utils파일에), Firebase Storage에 저장Firebase Auth에 로그인 내역 연동Auth state 유지 설정, StreamBuilder로 a..

projects 2024. 5. 16. 20:14

처음부터 부족한 이해력으로 클린아키텍처를 적용하면서 개발하느라 애로사항이 많아 일단 기능개발에 초점을 맞추기로 함.로그인 화면부터 다시 작업하게 됨. - 일단 firestore rule부터 모두 읽고 쓸 수 있도록 바꿔줌:- 이후 GoogleService.plist 다운하여 xcode runner파일에 추가해줬음. (보완 필요,  pod install 전, android도 해줘야함 - 이건 있네 이미)- 어제에 이어 오늘 에뮬레이터를 실행하니 minSdkVersion 설정을 하라 해서, buiild.gradle파일에서 21로 하드코딩 해줌.- 새로 바꾼 login의 뼈대임:import 'package:flutter/cupertino.dart';import 'package:flutter/material.d..

projects/Flutter 2024. 5. 15. 02:27

- 테마 세팅은 기존에 제공 받았던 파일을 활용함(노가다가 많아서) --> core에 넣어서 main.dart에 적용해줌.- main screen에서 app과 navigation bar 작업 했음. 대부분 UI 적인 요소.- bottom directory cubit을 main directory에 생성, main screen 파일에서 bottom navigation cubit 등록.enum BottomNav{home, category, search, user}class BottomNavCubit extends Cubit { BottomNavCubit() : super(BottomNav.home); void changeIndex(int index) => emit(BottomNav.values[index]..

projects/Flutter 2024. 5. 14. 02:39

플러터를 사용한 첫 번째 공식 프로젝트임. 컨셉은 아래와 같음:돈미사는 '돈에 미친(狂) 사람들(子)'의 커뮤니티 앱(가제)였다가 --> Don + Info = Donfo가 됐음.앱의 목표는 재테크에 관심있는 사람들 간의 정보 교류, 수많은 금융/카드사의 응모 이벤트 따위의 게시글에 초점을 둔 커뮤니티 형성임. 우선 나의 비루한 실력에 타협이 필요하므로 네이버카페나 블라인드를 (물론 그정도 수준은 안되지만) 표방한 UI를 만들 예정임.--- 원래 마음 같아선 피그마로 제대로 된 UI 기획을 하고 시작하고 싶었으나 첫 연습 앱이기도 하니 그냥 대충 끄적이고 시작해 볼 생각임. 향후 확장성을 생각한다면,,, 이건 다 만들고 기분 봐서 얘기해보겠음. 본격적으로 환경설정을 시작함:- flutter create ..

projects/Flutter 2024. 5. 13. 04:17

프로젝트를 시작하기 위해 npx expo -h를 입력함. 근데, 아래의 에러 메세지가 뜸: asdf-Mac:example adf$ npx expo -h npm ERR! code EACCES npm ERR! syscall open npm ERR! path /Users/asdf/.npm/_cacache/tmp/b9a26f2dwfa1 npm ERR! errno -13 npm ERR! npm ERR! Your cache folder contains root-owned files, due to a bug in npm ERR! previous versions of npm which has since been addressed. npm ERR! npm ERR! To permanently fix this problem..

projects 2024. 4. 13. 21:48

개인 프로젝트를 위한 공부 노트를 적어볼까 함. 이 글을 시작으로 다시 열심히 달릴 예정. React native 작동 원리는 브릿지를 통해 각 os에 맞는 네이티브로 전달되어 ui가 그려진다 함 expo cli vs rn cli - 대애애충 rn 앱을 쉽고 빠르게 구축할 수 있는 오픈소스가 엑스포인 것. 인앱 결제의 경우 Expo cli에서 제공하지 않기 때문에 보통 rn cli로 넘어가는 eject 작업이 필수적으로 수반됨 (꽤 간단하다 함) 나는 일단 빠른 개발을 위해 expo로 시작할 예정임. *npx 명령어는 기존에 설치되어 안되어 있는 노드 툴을 사용할 수 있게하여 디스크 저장공간을 절약할 수 있게 함

projects/Flutter 2024. 4. 11. 17:58

내 파트를 구현하는데 있어 발생한 문제들에 대해 얘기를 좀 해볼까 함. 일단 기본 뼈대가 되는 개인과제들 중 내 과제를 채택했는데 그 이유는 게시물과 댓글 기능 모두 구현했기 때문임. 근데 문제는 내가 구현하는 과정에 좀 코드를 더럽게 쓴 감이 있어, 가독성을 위해 결국 해설강의를 그대로 따라서 다시 커스텀을 하였음 (처음부터 다시 했다는 소리). 위 과정에서 이미 한 번 구현했기에 크게 어렵진 않았지만 문제가 발생한 지점은 DB테이블 값을 호출하는 부분들에 있었음. generator client { provider = "prisma-client-js" } datasource db { provider = "mysql" url = env("DATABASE_URL") } model Users { id Int..

projects/node.js 2024. 2. 16. 14:49

프로젝트 발표자료를 가지고 하나씩 부연설명을 하며 복기할 것임. 프론트엔드는 팀장님과 팀원 한 분이 담당해주셨음. 저번에 내가 스파트 스토어(Spart store)를 작업하며 사용했던 ejs를 사용하였음. 시간도 부족하고 우선순위에서 떨어지는 탓에 제3자 눈에 어떨지 모르겠으나 그래도 내 눈엔 만족스러움. (다들 잠도 줄이며 열심히 해주어 고생이 많았음) 그래서 내가 PPT 만드는 걸 담당했음. 물론, 아주 예쁘고 애니메이션 팍팍 넣어서 세련되게 할 수 있었겠지만 뭐든 통일성, 일관성이 중요하다 생각하기에 우리 프론트엔드에 맞춰 테마를 잡아 혹자가 보기엔 다소 투박해 보일 수 있겠음. 우리 조의 이름은 걍 14조라 포텐 터지는 포틴조임. ㅋㅋ 아래 소개할 내용의 목차임. 일단 서비스 자체는 반려동물의 중..

projects/node.js 2024. 2. 16. 10:20