2024-01-30 TIL (플러터 UI 작업 및 메타인지 BOARD 활용)

TIL - 240130

😘 오늘의 나는 무엇을 잘했나요?

---

무작정 구현을 하기보다는 내가 알고 있는게 무엇이고 무엇을 모르고 있는지 파악하기 위해 board를 만들어서 알고 있는 건 빠르게 구현, 모르는 건 학습을 통해 채워나가기 위해 노력하고 있다.

😆 오늘의 일에서 나는 어떤 것을 배웠나요?

---

• 사각형의 모서리를 둥글게 깎을 수 있는 방법
  • ClipRRect 위젯으로 자식 위젯의 꼭지점을 깎을 수(clip) 있는 위젯.
  • Container > decoration 프로퍼티 > BoxDecoration 위젯 > borderRadius 프로퍼티 > BorderRadius 클래스의 circular 메서드에 radius 값을 할당
• Container를 원 모양(Shape)으로 만드는 법.
  • BoxDecoration > shape > BoxShape.circle 사용.
• Container의 color 프로퍼티와 decoration 프로퍼티는 같이 사용할 수 없다.
• Image를 인터넷에서 다운받아서 ui에 띄우는 방법
  • Image.network(String imageURL)
  • CachedNetworkImage
    • 위 두 객체의 차이점은 이름에서 볼 수 있듯이 이미지 다운 횟수임! 후자는 앱이 실행되고 한 번 이미지를 받아오고 다른 화면으로 갔다 와도 해당 이미지를 저장해놓음.
• 텍스트에서 원하는 부분만 강조할 수 있는 방법
  • RichText 위젯 > TextSpan 위젯 사용.
• 텍스트에 표현식 삽입 방법
  • ${ 표현식 }
  • 표현식이 식별자인 경우(변수, 상수, 함수 등을 나타냄) : 식별자 그대로 삽입
• MECE 사고법을 항상 사고에도 적용하려고 다시 복습했다.
  • Mutally Exclusive and Collectively Exhaustive
    • 즉, 어떤 문제를 분석할 때 요소들이 1) 서로 달라야 하고 2) 요소의 합이 전체가 되어야 한다는 것!

🤢 오늘의 나는 어떤 문제를 겪었나요?

---

• ClipRRect로 감싸진 컨테이너의 테두리에 색을 입혔는데, 다음과 같이 꼭지점 부분만 적용되지 않음.
  
  Container의 프로퍼티들을 활용했더니 해결!
  

🙏🏻 오늘의 감사한 점 3 ~ 5가지 작성

---

• 따뜻한 환경에서 맛있는 음식을 먹을 수 있어 감사하다.
• 정말 힘든 상황이지만 감정을 컨트롤하고 내가 해야 할 일에 집중하여 문제를 차근차근 해결하고 있음에 감사하다.
• 미래, 현재 상황을 함께 헤쳐나갈 친구와 여자친구가 있어 감사하다.