본문 바로가기

Tech30

[flutter] Expanded, 뭐하는 애지? Row나 Column 위젯을 사용하다보면 Expanded라는 요소를 써야할 때가 있고, 이유모를 에러를 만날 때가 있다. 그래서 써보는 개념정리용. Expanded 위젯은 Row와 Column, Flex의 자식으로 사용 가능하며, 부모의 남은 부분은 전부 채우는 식으로 화면에 나타난다. Expanded가 하나라면 나머지 칸을 전체 채우고, 여러개라면 n분의 1 크기를, 그리고 expanded 내의 flex(int형) 값을 조절해주면 그 크기 비율도 조절할 수 있다. (flex가 2, 1이면 크기도 2:1) 기본 flex값을 1로 갖고 있다. 주로 사용하는 방법 - UI 상 남는 공간이 없게 화면을 꽉 채우고 싶을 때 - 특정 컴포넌트들을 폰 화면 넓이에 맞게 비율로 적용하고 싶을 때 주로 나는 에러 - .. 2020. 8. 19.
[flutter] JSON 직렬화 아주 쉽게하기(Model Class 쉽게 만들기) flutter로 각종 외부 api를 사용하거나, 서버를 통해 데이터를 받을 때, 혹은 내부 DB에 쿼리를 날려 데이터를 받을 때 보면 데이터 처리하는게 좀 귀찮은 부분이 있다. JSON 데이터를 flutter에서 사용하기 위해서는 대부분의 언어가 그렇듯 일단 기본적으로 직렬화/파싱을 해줘야하는데, 플러터에서는 보통 데이터를 매핑할 수 있는 클래스를 별도로 만들어서 사용하게된다. 웹 개발을 주로 해와서 response를 받으면 바로 response.data로 개발을 해왔던 나로써는 왜 이런 작업을 거치지? 라는 의문이 들었는데, 실제 개발을 해보니 의문이 풀렸다. response 데이터 안에 title 이라는 정보가 있다고 하면 response["title"] 이런식으로 접근을 할 수 밖에 없는데 나중에 .. 2020. 8. 19.
다빈치리졸브 색보정 기능 정리 Lift Gamma Gain Offset 다빈치 리졸브가 색보정 프로그램에서 시작하기도 했고, 제대로 된 영상을 만드려면 색보정은 필수인만큼 색보정을 해보려고 하는데, 어느게 이쁜 색상인지, 화면이 밝은지 어두운지 판단도 제대로 못하는 나는 카메라 앱 필터나 써봤지 실제로 어떻게 작동하는지도 잘 모르고 있더라. 다빈치 리졸브의 색상 조정은 대부분 이 Color Wheels 라고 하는 인터페이스를 통해 진행하게 되는데, 밝기와 RGB 값을 조절해줄 수 있다. 이러한 조절 기능은 영상 노드별로 적용이 가능하고, 왼쪽에 있는 초록 점이 초록 선을 따라서 색상 보정을 받은 후 최종 값으로 출력된다. 결국은 화면 전체에 있는 RGB값을 전체적으로 바꿔서 보정하는것. 가장 흔히 쓰이는 컬러 휠인데, 4가지 종류나 있지만 잘 정리해둔 유튜브 영상이 있어 참.. 2020. 3. 17.
다빈치 리졸브 단축키 모음(정리용) 늘 공부할 때 마다 보지만, 헷깔려서 정리해뒀으면 했는데 블로그를 찾다보니 매우 잘 정리해주신 분이 계셔서 공유 + 기록합니다. 출처:https://m.blog.naver.com/PostView.nhn?blogId=ferieo&logNo=221527696599&proxyReferer=https%3A%2F%2Fwww.google.com%2F 공유해주신 파일 캡처본입니다. 인접한 영상 간 자연스러운 효과 넘김(Cross Dissolve) : Ctrl + T 2020. 3. 16.
무료 영상 편집 프로그램 다빈치 리졸브! 요즘 유튜브가 뜨면서 "영상 컨텐츠"의 중요도가 커진지는 아주 오래 되었고... 앞으로도 아마 영상 컨텐츠의 중요도는 꾸준히 높을 것이다. 자기PR 시대를 넘어서, 이제 어떤 스토리로, 어떤 매체로 본인을 소개할지도 중요해지는 시점에서 영상 편집 기술을 배워둬서 나쁠 건 없겠다 라는 생각으로 프로그램을 찾아보던 중 다빈치 리졸브 라고 하는 프로그램을 발견했다. 사실 원래 영상 편집 프로그램은 아니고, 색 보정 프로그램의 일종이었는데 업데이트를 거치면서 편집, 색보정, 오디오, 합성 등의 기능까지 다 포함하게 된 프로그램이다. 사실 완전 무료는 아니고 좀 있어보이는 버전 쓰려면 455,800원인데, 무료로 썼을 때 안되는 기능은 크게 없더라. 무료로 써보자. 현재 16버전까지 나와있고, 인터넷 강의를 찾아.. 2020. 3. 16.
[Javascript] 배열 다루기(삽입, 제거, 복제, 자르기...) push(item) 배열의 끝에 아이템을 추가한다. 함수 자체는 해당 배열의 길이 값을 리턴하고, 기존 배열에는 새로운 아이템이 추가된다. var alpha = ["a", "b", "c", "d"]; var push = alpha.push("e"); console.log(push); => 5 console.log(alpha); => ["a", "b", "c", "d", "e"] pop() 배열의 마지막 아이템을 제거한다. 함수 자체는 해당 배열에서 제거된 값을 리턴하고, 기존 배열은 마지막 값이 사라진 배열이 된다. var fruits = ["Apple", "Banana", "Orange", "Melon"]; var pop = fruits.pop(); console.log(pop); => Melon co.. 2019. 11. 7.