(TIL) 2020-10-12 기록

오늘 한 일

• 오늘은 녹음 화면을 만들려고 했는데 프로필 사진 밑에 그림자를 만드는 게 쉽지 않아서 시간을 많이 잡아먹었다. 그러나 스택오버플로우에 물어봤더니 ImageFiltered 위젯을 쓰면 된다고 테스트 해봤더니 잘 되었다.
• 보통 이미지를 흐리게 만들 때 쓰는 방법이 뭐냐면 Stack 위젯 아래에 맨 아래에 이미지를 깔아두고 그 위에 BackDropFilter를 적용한 반투명 Container를 얹는 것이다. 이렇게 해도 blur가 되지만 이건 이미지 자체가 흐려지는 게 아니라 이미지 위에 흐린 색을 입히는 거라서 경계선이 자연스럽지 않고 직선이다. 그러나 ImageFiltered 위젯을 쓰면 child를 직접 blur해버릴 수 있다.
• GridView에서 이 builder 생성자를 쓰게 되면 개별 항목의 크기를 지정할 수가 없다. 대신 가로/세로 비율을 지정할 수 있다. 그래서 무조건 항목의 가로 크기는 화면의 가로 크기 / 직교축 항목 갯수(세로인 경우 가로 방향 항목 갯수)로 정해지고 세로는 비율에 따라 정해진다. 이 부분은 반응형 앱을 만들기 위해 차후에 스크린의 크기에 따라 갯수를 바꾸든지 하는 방향으로 정해야겠다.
• 전에 flutter 1.20 버전 업데이트 때 새로운 애니메이션이 생겼다고 하면서 Container Transform이라는 애니메이션을 봤는데 나는 이게 페이지 전환 애니메이션인 줄 알았는데 그게 아니라 그냥 컨테이너를 작게 만들었다가 크게 만들었다가 하는 정도였다. 고로 우리 앱의 플로팅 액션 버튼을 크게 늘려서 다음 화면으로 바꾸는 일은 하지 못한다. 대신에 Hero 애니메이션을 적용하였다.
• 웹 개발 강좌에서 디자인 법칙에 대해 배우고(되게 유용했다.) JS의 기초적인 부분에 대해 배웠는데 JS의 기초는 사실 어떠한 언어의 기초와도 비슷하기 때문에 크게 배울 내용이 없었다, 아직은.

내일 할 일

• JS에 대해 계속 배울 예정이다.
• 플로팅액션버튼을 누르면 레코딩 화면으로 넘어가는 것까지 만들었으니 본격적으로 지금 빈 Container밖에 없는 레코딩 화면을 채워 나가야겠다. 크게 어려운 부분은 없지만 Route 없이 한 화면 내에서 페이지를 전환해야 하고 마무리 해야 하기 때문에 조금 어려울 수도 있겠다는 생각은 한다. 레코딩 화면을 만들면서 볼륨 정규화도 시도해보아야겠다. 소리가 너무 시끄러우면 사람들이 자면서 듣다가 깨는 수가 있기 때문이다.