Figma

예전부터 클론코딩보다 내가 디자인부터 손 댄 그런 작업물을 만들고 싶었다... 그래서 시작하게 된 인생관리 웹! 인생관리 웹은 인생을 밸런스 있게 관리해보면 어떨까? 에서 시작되었다. 건강, 돈, 인간관계, 자아실현(취미) 총 4가지 항목에 대해서 목표를 세우고, 진행상황에 맞게 목표기록을 조절할 수 있도록 만들었다. 목표라고 해서 뭔가 거창하게 느껴질 수도 있으나, todolist의 발전적인 버전이라고 생각하면 이해하기 쉽다 피그마를 만들면서, 그래도 나름 괜찮은 디자인에 대해 고민해보게 되었고, 피그마를 만들면서 전체적인 구조나 컴포넌트 파악이 더 쉬워져서 좋았다 (물론 피그마를 만드는 과정은 힘들지만...) 이렇게 메모를 선택하면 편집과 삭제가 가능하도록 모달창을 만들었다. 평소에 사용하던 캘린더 ..

https://www.figma.com/file/NKrCMEUAzrqDARr1rHh08R/Untitled?node-id=1%3A47&t=jHgq8cLluYHrY2he-1 링크에 들어가면 내가 만든 피그마 ui 를 볼 수 있다 피그마를 3일정도 다뤄보았는데 정말 노동이지만 나름 재밌는것 같다 나중에 기획/디자인부터 개발까지 할 수 있는 제너럴리스트가 되길 꿈꿔본다 >

처음으로 피그마를 다뤄보았다. 기획할때 피그마를 쓴다는 것은 알았지만 방법을 모를땐 어려워 보여서 시도를 못하고 있었는데.. 코드스테이츠 수업시간에 피그마를 다뤄볼 수 있게 되었다 나중에 기획을 할 일도 생길 수 있으니 간단하게 피그마를 다뤄보는 것도 좋을 듯 하다. 나중에 봤을때 잊어버리지 않도록 단축키와 간단하게 ui 만드는 법을 정리해보겠다 ☝🏻기본 단축키 복사하기 : Command + C 붙여넣기 : Command + V 여러 요소 동시에 선택하기 : Shift 누른 상태로 클릭 그룹으로 묶기 : Command + G 프레임으로 묶기 : Command + Option + G 간격 측정하기 : 요소를 선택한 상태에서 Option 누르고 다른 요소에 마우스 올려놓기 ☝🏻컴포넌트 단일 컴포넌트 생성 :..