내배캠19일차_BMI 계산기 앱

 1. Flutter 입문


위젯 컴포넌트화

UI 코드가 길어지니깐 의미 있는 덩어리로 잘라서 파일이나 클래스로 만들어두고,

필요할때마다 위젯처럼 불러쓰자는 것.




같은 스타일의 박스를 계속 복붙해야 함. 유지보수 어려움.
아래 코드처럼 Custom Widget으로 분리.







Spacer(), SizedBox() 간격 띄우기의 차이점은 뭘까?


SizedBox()는 명확한 고정값을 띄우고 싶을 때,

Spacer()는 비율에 맞게 나누고 싶을 때, 사용








SliderThemeData
슬라이더 위젯의 디자인 요소를 커스터마이징 할 수 있는 테마설정 객체






inactiveTrackColor
비활성 상태의 트랙 색상을 지정하는 속성
Track : 스위치의 배경부분
Thumb : 동그라미 버튼 부분
(반대개념은 activeTrackColor)


SliderTheme : 스타일 묶음
SliderThemeData : 구체적인 스타일 값
버튼, 트랙, 효과, 말풍선까지 슬라이더 UI전체 통제 가능함.









WidgetStatePropertyAll(RoundedRectangleBorder())
버튼의 모양을 항상 둥근 사각형 형태로 유지, 고정








themeMode: ThemeMode.light
themeMode: ThemeMode.dark
앱의 테마를 지정 (light 밝은 모드/ dark 어두운 모드)
MaterialApp 위젯에서 사용됨



ElevatedButton, OutlinedButton 차이점






Positioned

Stack 위젯 안에서만 사용할 수 있는 위젯,

자식 위젯의 위치를 정확한 좌표로 배치할 때 사용.











Opacity 투명도 (0~1)






Navigator.push
현재 화면위에 새로운 화면(페이지)를 쌓아서 이동하는 방법
페이지 이동 = push(쌓기), 뒤로가기 = pop(꺼내기)



강의를 보면서 따라하는데 시간이 꽤 오래 걸린다.
잘 모르겠지만 일단 따라하면서 새로운 용어와 개념들을 찾아보고 있다.

따라가며 에러가 났던 것 중 하나는,
함수는 클래스 밖에 있어야 한다는 것이었다.
클래스 안에 적혀있었는데 Dead Code라며 코드색깔마저 흐릿해졌다.

슬라이더는 double만 허용한다. 스쳐지나가는 강사님의 말.

파편화된 정보들이 어느순간 합쳐지는 때가 오길 기다려본다.





2. 인사이트 클럽 

미니멀리스트 창업가가 전하는 이야기

https://eopla.net/magazines/35120#


아티클에서 말하는 미니멀리즘의 개념은 

절제의 미학이 아닌 자유를 위한 전략. 

작고 단단한 비지니스의 본질, 바로 고객에게 집중하는 것을 의미했다.

요즘 창업의 트렌드라고도 한다.


자유를 얻는다는 것은 스스로를 경영한다는 것.

나답게 일하고, 내가 원하는 만큼만 성장하는 것. 

나의 이상향에 가까운 문장이었다.


글쓰기를 잘하는 사람이 아니라 꾸준히 쓰는 사람이 신뢰를 얻는다는 것.

고육성과 진정성의 단서는 오랫동안 쌓아둔 내러티브이기 때문이다.

아마도 글쓰기의 중요성은 익히 들어왔을 것이다.


튜터님과 함께 한 시간에서는 텍스트 커뮤니케이션을 최대한 활용해보라는 조언이 인상깊었다.

고객과의 커뮤니케이션에 있어서도 단순히 "죄송합니다"에 그치는 것이 아니라,

문제의 원인과 해결하기 위해 어떤 노력을 했는지에 대한 서사를 담은 글이 훨씬 와닿을 것,

텍스트로 고객 경험을 다르게 가져갈 수 있다는 것이다.


팀원과의 커뮤니케이션에서도 서로의 커뮤니케이션 방식을 이해하고, 

목표, 실행과정, 시행착오 등을 공유하고 소통함으로써 팀워크와 시너지를 낼 수 있다.


사업계획서나 채용공고를 작성할 때 마저도 회사의 가치, 비전, 미션 등을 작성하는 것도

글쓰기 역량에 따라 다르게 비춰질 수 있다. 


생각보다 많은 에너지가 소모되는 일이지만, 최대한 기록의 습관을 놓치 않을 것을 다짐한다.




댓글

댓글 쓰기

이 블로그의 인기 게시물

내배캠15일차_map() reduce() fold()

이미지
1. dart 함수형 프로그래밍 복습 1] map() map()을 사용해서 새로운 리스트를 만들어내기. 파라미터 'x'를 사용하여 멤버 이름 앞에 블랙핑크를 앞에 붙여준  newBlackPink, newBlackPink2를 만들었다.  newBlackPink, newBlackPink2는 표현은 같지만 서로 다른 리스트임을 알 수 있다. 연속된 숫자를 split(' ')으로 분리한 뒤, x.jpg형태로 map() 적용. toList()를 통해 리스트 형태로 도출한다. 컬렉션 Map에서 key값과 value값 따로 map()을 통해 리스트 형태로 만들기  컬렉션 Set (중복허용)도 map()을 통해 리스트화, 다시 toSet()으로 만들어준 것. 2] reduce() reduce()를 통해 리스트 numbers 내의 숫자의 합계 구하기. 최고 점수 학생을 구하는 과정. 심화과제 도전문제 기능 중 하나. 1) 합계  var total = numbers.reduce((a,b) => a+b); 2) 최댓값 var max = numbers.reduce((a,b) => a > b ? a : b var topStudent = student.reduce((a,b) => a['score'] > b['score'] ? a : b (최고점 학생찾기) 3) 최솟값 var min = numbers.reduce((a,b) =>a < b ? a : b 4) 곱셈 누적 var product = numbers.reduce((a,b) => a * b 5) 문자열 합치기 var text = words.reduce((a,b) => '$a $b'); 3] fold() fold()는 매개변수 2개 필요, 첫번째 매개변수는 초기값을 할당한다.  int 초기값 0, String 초기값 ' '  final count(int)처럼 처음 컬렉션 타입(String)과 다른 타입...
자세한 내용 보기

내배캠16일차_Flutter_스토어 앱 만들기

이미지
1. Flutter 입문 StatelessWidget을 상속받는 Myapp 클래스 ** build : 위젯이 화면에 어떻게 그려질지를 정의함  build(BuildContext context) Column : 위젯을 세로로 배치 SafeArea : Status(상태바) 영역에 padding(여백)을 넣어주는 위젯        Row 위젯 : 위젯들을 가로로 배치하는 위젯 Spacer 위젯 : Row 나 Column에서 위젯 사이의 간격을 조정, 남은 모든 공간 차지 Padding 위젯 : 자식 위젯 주변에 여백을 주는 위젯 Image 위젯  Image.network('http://링크주소') :인터넷 이미지 바로 사용 Image.asset('assets/image.png') : 프로젝트에 추가해준 이미지 사용 Image.file('디바이스_내_파일경로')) fit 속성 BoxFit.cover : 원본사진 가로 세로 비율 유지한 채로 지정한 영역에 사진을 맞춤. Expanded 위젯  Row, Column 내 남은 공간을 확장하여 공간을 채울 수 있도록 하는 위젯 2. 인사이트 아티클 2번 엑싯한 창업가의 조언 : MVP에 대한 개념을 바꾸자 https://eopla.net/magazines/35106# MVP는 기본값이다.  FMBM - Fastest Minimally Monetized Business Model 창업 성공은 현금 흐름을 얼마나 빨리 만들어 내는지에 달려있다. 자본이 아닌, 시장으로부터 신뢰를 얻어라. MVP가 "시장 반응을 보는 단계" 였다면, FMBM은 "시장이 실제로 돈을 내는지 확인하는 단계"  1) 누구보다 빠르게 움직여라. 2) 완성도보다 거래를 우선하라. 3) 제품이 아닌 구조를 팔아라. 다른 사람의 지갑을 열게 할 만한 고통(문제)은 무엇일까? 그것을 해결해줌과 동시에 수익을 낼 수 있는 구조를 고민하고 있다. 가장 가깝게는 나와 가족이 겪는 고...
자세한 내용 보기

내배캠 [3주차 WIL]

WIL : Weekly I Learned 1. 하루에 들어가는 정보량이 너무 많아서 TIL을 매일 적는게 부담이 되었던 것 같다. 이 기록이 나의 스토리텔링의 재료가 되어야 할 텐데, 그저 정보를 옮겨담기에 급급했고, 그마저도 방대한 양이었기에 날것 그대로의 메모장을 따로 보관하게 되었는데, 그 메모장의 파편들을 담아 꾸역꾸역 작성한 것을 생각하니 스스로 조금 부끄러워졌다. 우수 TIL 사례를 이전에 보았을 땐, 크게 와닿지 않았는데 함께 수강하는 분들의 사례를 보니, 그동안 낙서장 수준으로 정보의 파편들만 저장하고 있었다는 것을 문득 깨달았다. 앞으로는 내가 우러나서 작성하고 싶은대로, 내가 배운 것들을 자유롭게 기록하는 공간으로 블로그를 잘 활용해야겠다. 😊 2. Dart 기초강의는 어찌되었든 완강을 했다.  여전히 또렷하지는 않지만 이제 코드를 보는 눈이 조금은 생겼다고 느낀다. 이번주 내내 하루에 한번씩은 튜터님께 찾아가 질문을 드리기도 하고, 매니저님의 명쾌한 설명과 추천 강의를 통해서도 어려움이 많이 해소되었다. 마음같아선 연휴에 강의 진도를 맞추고 문제를 풀면서 복습을 하고 싶은데... 공휴일은 애기랑 같이 있기도 하고 가족들과 함께 하는 시간이라 쉽진 않을 것 같다.😭 3. 연휴가 끝나고 돌아오면 심화과제 제출을 해야하고, 새로 결성된 팀에서 아이디어 논의를 할 예정이다. Dart 스터디 모임도 이번주부터 시작하게 되었는데  혼자 스터디하는 것보다 훨씬 훨씬 집중도도 높고,  다른 분들이 고민하는 포인트나 확장될 수 있는 코드들을 함께 나눌 수 있어서 큰 도움이 되고 있다. 👍 4. 팀원 한분이 해외일정으로 이번주에 함께 아이디어 논의를 하지 못했는데, 다른 팀원 한분과 이야기를 나누면서 공통관심사와 도메인에 얽매이지 않고 pain point를 찾아보자 고 했다. 살짝 얽매인 느낌이 없지 않아 있었는데 얘기해주셔서 고마웠다. (염두할 것 : 비용은 최소화하되, 수익모델은 명확하게 하는 방향으로) 연휴동안 그동안 안...
자세한 내용 보기