반응형 전체 글21 Figma 핵심 기능 (4편) : 플러그인과 커뮤니티 이번에는 플러그인과 커뮤니티 기능에 대해서 알아보도록 하겠습니다. 피그마에서 자주 사용하는 기능이며, 웹 디자인을 할 때 유저가 편하게 이용할 수 있는 여러 기능을 묶은 모음집이라고 생각하시면 됩니다. 여러 가지 플러그인 기능을 활용해서 나의 작업 속도를 빠르게 만들고, UI를 완성도 있게 구축하는 것이 아니라 테스트해봐야 하는 상황에서도 요긴하게 사용할 수 있어요. 또한 다른 사람이 이미 만들어 놓은 템플릿 등도 커뮤니티에 들어가면 검색해서 활용할 수 있으니 적극적으로 이용해 보시기 바랍니다. 1. 플러그인 알아보기Unsplash는 저작권 걱정 없이 무료로 사용할 수 있는 좋은 사진을 모아놓은 사이트입니다. Figma에서는 이를 플러그인으로 사용할 수 있습니다. Figma 메뉴 바를 보면 각종 도.. 2024. 8. 20. Figma 핵심 기능 (3편) : 오토 레이아웃, 컨스트레인트 이번 시간에는 프레임 크기에 유연하게 대응하는 기능을 알아보겠습니다. UI를 설계할 때 사용환경에 따라 프레임의 크기가 달라지게 되는데요. 이때 사용하는 기기에 맞는 프레임에서도 깨지지 않는 UI를 만들기 위해 디자인의 유연함이 필요합니다. 오토 레이아웃과 컨스트레인트 기능은 디자이너가 만든 규칙에 따라 요소를 재배치해 주는 기능으로 이해하시면 됩니다. 1. 오토 레이아웃(Auto layout) 알아보기 오토 레이아웃은 자동 배치입니다. 디자이너가 규칙을 만들면 그 규칙에 따라 피그마에서 자동으로 요소를 배치해주는 기능입니다. 우선 규칙을 설정하는 방법을 살펴보겠습니다. 모든 요소를 선택해서 마우스 오른쪽 버튼을 클릭한 후 Add auto layout 버튼을 클릭합니다. 단축키는 Shift + A.. 2024. 8. 19. Figma 핵심 기능 (2편) : 컴포넌트, 네스팅, 스마트 셀렉션 이번 피그마의 핵심 기능은 컴포넌트, 네스팅, 스마트 셀렉션입니다. 각각의 기능은 피그마를 더욱 효율적으로 사용할 수 있도록 돕는 역할을 합니다. 컴포넌트로 요소의 속성을 하나의 기준으로 설정한 후에 그다음에 생성한 인스턴스를 더욱 편리하게 작업할 수 있습니다. 네스팅은 같은 모양의 요소에서도 다르게 수정해야 하는 아이콘의 그림을 변경해 주는 작업을 합니다. 마지막으로 스마트 셀렉션은 각 요소 간 간격은 유지하면서 요소의 순서를 변경하는 작업을 도와줍니다. 1. 컴포넌트 알아보기컴포넌트는 재사용 할 수 있게 만든 UI의 묶음입니다. 예를 들어, 버튼을 만들었으면 전체 이미지를 마우스 오른쪽 버튼을 클릭한 후 Create component를 눌러주거나 단축키를 사용하면 컴포넌트를 만들 수 있습니다. .. 2024. 8. 19. Figma 핵심 기능 (1편) : 스타일과 셀렉션 컬러 Figma 디자인을 크게 세 가지 토픽으로 나눠서 기술해 보겠습니다. 먼저 효율적으로 디자인 하는 방법을 알아보겠습니다. Figma의 여러 고급 기능을 사용하면서 반복 작업을 벗어나 효율적인 디자인을 할 수 있는 방법을 알아보겠습니다. 두 번째는 UI의 완성도를 높일 수 있는 기능을 살펴보겠습니다. 그라디언트, 블러, 그림자 등의 이펙트를 배우고 직접 적용하면서 서비스의 완성도를 높이는 방법을 배우겠습니다. 세 번째는 인터랙티브한 디자인을 만드는 것입니다. 내가 만든 디자인에 프로토타이핑을 적용해 봅니다. 실제 작동하는 서비스처럼 만든다는 의미입니다. 결국 가장 좋은 디자인을 찾기 위해서는 디자인을 나열하는 단계를 넘어 실제로 그걸 사용하면서 검증해봐야 합니다. Figma의 프로토타이핑 기능을 사용하여 .. 2024. 8. 17. 파이썬을 이용한 업무 자동화 (1편) : Selenium 웹 자동화 Selenium이란 브라우저를 자동화하는 도구입니다. Selenium을 사용하면 클릭이나 스크롤, 텍스트 입력 같은 사용자의 동작을 코드로 제어할 수 있습니다. 코드로 작성한 동작들이 브라우저에서 자동 실행되는 것입니다. Selenium은 주로 웹사이트 테스트 할 때 사용합니다. 테스트하고 싶은 사용자의 동작을 코드로 기록해 두면 개발하면서 자동으로 실행시키면서 버그가 있는지 확인할 수 있습니다. Selenium을 사용하면 로그인, 검색, 버튼 클릭 등 자동화 할 수 있어서 웹사이트를 테스트하거나 웹을 다방면으로 운용하는데 도움이 됩니다. 1. Selenium 시작 전에 알아야 할 지식 Selenium을 실행하기 위해서 사전에 알아둬야 할 지식이 있습니다. 우선 파이썬 기초 문법과 자료형에 대한 .. 2024. 8. 17. 챗GPT로 프로그래밍 경험하기 (3편) : 데이터 분석하기 챗GPT에 분석할 파일을 넣고 역할을 부여하면서 데이터 분석을 요청을 한다면 원하는 내용을 쉽게 얻을 수 있습니다. 이번 글에서는 챗GPT로 데이터 분석하는 방법을 살펴보겠습니다. 자세한 프롬프트도 함께 첨부했으니 실습해 봅시다. 챗GPT로 간단한 코드는 작성할 수 있지만 요청이 복잡해질수록 코드 오류의 가능성도 증가합니다. 따라서 데이터 사이언스 분야를 제대로 공부해보고 싶은 사람이라면 직접 프로그래밍을 할 수 있어야 합니다. 챗GPT는 하나의 보조 도구로 활용하면서, 원하는 결과를 얻을 수 있게 프롬프트를 작성하고 코드 오류를 직접 수정해보세요. 1. 데이터 분석하기 우선 챗GPT에 접속해주세요. 성능이 좋을수록 GPT 답변의 퀄리티도 좋아지니 가능하다면 유료 구독을 통해 챗GPT-4o 모.. 2024. 8. 17. 이전 1 2 3 4 다음 반응형
