Design Study

input을 선택했을 때 앞에 위치한 select에도 스타일을 넣기 위해 한참 연구한 결과 방법을 찾아냈습니다. focus-within을 사용하면 뒤쪽에 위치한 요소에 focus가 갔을 때도 앞쪽에 있는 요소에 스타일을 줄 수 있습니다. html이 이렇게 짜여 있을 때 input에 focus가 있을 때 앞쪽에 있는 요소에도 함께 스타일을 넣어야 할 때 사용할 수 있습니다. div { &:focus-within > * { // style } } // or div { &:has(input:focus):focus-within select { // style } }

피그마에서 프레임 안에 프레임을 넣는 경우가 종종 있습니다. 이때 내부 프레임의 요소를 수정하려면 해당 요소를 선택해야 하는데요. 선택할 수 있는 방법은 여러 가지가 있습니다. 그중에서 손가락을 좀 더 편하게 할 수 있는 방법을 소개합니다. 1. ⌘ Command + 클릭 ⌘ Command + 클릭 혹은 ⌘Command + Shift + 클릭 을 해서 선택할 수 있습니다. 2. ⌘ Command + 드래그 ⌘ Command + 드래그 를 사용하면 여러 개의 요소를 한 번에 쉽게 선택할 수 있습니다.