[TIL] 17일차 학습일지, 텍스트필드, 컨스트레인트 개념

오늘은 텍스트필드를 베리언츠로 만들었을때 어떤 경우의 수가 있는지에 대해서 공부했고 컨스트레인트에 대해서도 공부했다. 특히 컨스트레인트를 강의들으면서도 이해가 안됐었고 어떨때 사용이 되는지 조차도 몰랐어서 오후2시부터 오후 8시까지 피그마로 이것저것 다 눌러보면서 공부를 했던거 같다 ^-ㅠ  구글 서치를 통해서 컨스트레인트가 반응형디자인할때 사용되는구나를 알게 되었고, 유튜브 강의를 찾아보면서 다른분이 어떻게 하시는지도 보니까 조금은 알게 되었던거 같다. 그래서 개인과제로 제출했던 디자인을 반응형으로 만들어보려고 하는 순간 내것만 적용이 안되서 결국은 튜터님을 찾아갔다. 컨스트레인트는 프로토타입 스크롤이 Fixed로 되어 있으면 패널이 활성화가 되지 않는다, 일단은 반응형디자인을 위한 거다. 이렇게만 정리해두면 된다고 하셨다.

 

하...이제 피그마에 대해 어느정도 안다고 생각했는데 아직도 멀은것 같다.

 

텍스트필드

 

텍스트필드 리사이징은 언제나 늘어날 수 있게 전체를 FIxed로 하는건 지양해야함.

 

컨스트레인트의 뜻
오토레이아웃 안에 있는 개체들이 움직이는 모양을 제한한다는 뜻
부모 컨테이너의 크기가 변할때, 자식 컨테이너는 어디를 기준으로 변할까?

 

강의를 들으면서도 듣고나서도 구글검색해보면서도 도대체 컨스트레인트는 언제 사용되고 어떻게 지정하는지 이해를 하지 못했었다. 오후 2시부터 오후8시간 30분동안 구글로 찾아보고 유튜브 강의도 듣고 직접 피그마로 이것저것 몸으로 부딪히며 공부했지만 아직도 알송달송함 ^-ㅠ 

 

• 컴포넌트를 만들때는 오토레이아웃으로 만들기 (컨텐츠들간의 간격조정)
• 프레임 안에 위치를 잡을땐 컨스트레인트
• 반응형 디자인할때 사용된다.
• 오토레이아웃, 컴포넌트 개념과는 완전 다른 개념임
• 반드시 프레임 안에 있어야 위치 교정 가능
• 프로토타입 스크롤이 Fixed로 되어 있으면 적용안됨
• 컴포넌트 안에 Fixed로 되어있으면 적용이 안될수도...?

 

---

https://blog.toktokhan.dev/%EC%8B%A0%EC%9E%85-%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88%EB%8A%94-%EC%95%84%EB%AC%B4%EA%B2%83%EB%8F%84-%EB%AA%B0%EB%9D%BC%EC%9A%94-966d53a380a7

신입 디자이너는 아무것도 몰라요

 

https://www.youtube.com/watch?v=zDI6vnLLbOU

 

참고 자료들