본문 바로가기
반응형

전체 글269

피그마 초보 기능 : Inspect 인스펙트 패널 안보일 때 설정하는 방법, 개발자에게 디자인 코드 전달하기 피그마는 기획자, 개발자, 디자이너가 협업하기 좋은 프로토타이핑툴로 서로 업무 공유와 내용을 실시간으로 공유할 수 있다. 특히나 피그마에서 디자인된 내용을 소스 코드로 변환하기 쉽도록 Inspctor 인스펙터 기능을 제공하는데, 오늘 이를 함께 알아보려고 한다. 인스펙트 패널 디자인을 소스 코드로 변환하기 쉽도록 정보를 제공하는 것으로, 아래의 화면 예시로 확인하면 쉽다. 피그마 플러그인 기능을 통해 삽입한 로그인 하단 유튜브 모양의 아이콘을 클릭하고 오른쪽 패널 Inspect를 선택하니, 레이아웃과 스타일을 한 번에 보여준다. 이러한 내용들은 피그마에서 자동으로 빠르게 확인 가능하도록 기능을 제공하며, 개발자에게 수월한 업무를 가능하게 도와준다. 인스펙트 패널 안보일때? 간혹 피그마를 처음 사용하는 분.. 2024. 1. 22.
교통비 아끼는 법, 절약하는 방법 : K패스 기후동행카드 알뜰교통카드 비교, K패스 신청 방법, 직장인 교통비 정책, 청년 교통비 지원 모든 물가가 오르는데, 월급은 안 오른다. 회사는 경기가 안 좋아 연봉을 올려줄 수 없다 하고, 취업시장은 꽁꽁 얼어붙고, 생활물가는 오른다. 이 와중에 지하철 비용은 또 오른다는 끔찍한 소식까지 더해졌다. 다행히 서울시에서 지원하는 기후 동행 카드 대상자는 한시름 덜었지만, 그마저 대상이 되지 않는 사람들은 눈물이 난다.. 하지만, 다행히 정부에서 24년 5월부터 K패스 전국용을 출시한다는 소식이 전해졌다. 우와 대박! 거의 모든 인원이 대상자가 되는 교통비 할인 카드 K패스를 알아보자. K패스 란? 국토부가 대중교통비 부담을 위해 24년 5월부터 출시하기로 한 교통카드로, 쉽게 설명하면 알뜰교통카드의 업그레이드 버전이다. 20%~53%까지 할인받을 수 있는 K패스는 월 15회 이상 정기적으로 시내버스.. 2024. 1. 19.
신혼여행 여행사 비교, 견적 문의 체크리스트 : 여행산책, 웹투어, 허니문리조트, 하나투어, 신부야 여행가자 칸쿤 견적 문의 후기 몰디브, 칸쿤 등과 같이 휴양지로 유명한 곳의 경우 호텔 예약은 직접 하는 것보다 여행사를 통해 예약하는 게 저렴하다. 여행사와 제휴를 맺고 있기 때문이다. 필자의 경우에도 여행사를 통해 5박 6일 모두 예약했는데, 예약 시 반드시 확인해야 하는 부분을 공유하려고 한다. 특히, 상세 내용은 칸쿤 호텔 예약에 더 특화되어 있기 때문에 칸쿤으로 여행을 가실 분들은 한 번씩 꼭 확인하면 좋겠다. 하나, 3개~5개의 여행사 확인 유명한 여행사가 정말 많지만, 그 지역에 특화된 여행사는 반드시 존재한다. 신혼여행을 전문으로 하는 여행사도 있으니 일단 어떤 여행사들에 견적을 문의할지 여행사 리스트를 뽑는 게 우선이다. 필자의 경우 총 5군데에 견적을 넣었고, 업체명은 아래와 같다. ● 여행산책 ● 웹투어 ● 허니문.. 2024. 1. 18.
피그마 초보 기능 : 쇼핑몰 상품 리스트 만들기, 프레임 컴포넌트, 그룹, 복사 붙여넣기 단축키 피그마 작업을 하다 보면 반복 작업을 빠르게 끝낼 수 있도록 기능을 제공한다. 하나의 프레임 영역에 있는 요소를 모아 그룹화하여 컴포넌트를 생성하면, 쉽게 복사 붙여 넣기로 똑같은 컴포넌트를 쉽게 생성할 수 있다. 반복 작업을 하는 경우 ms에서 많이 사용하는 ctrl+v와 같이 피그마에서도 사용 가능한 단축키까지 알아보자. STEP 1. 프레임 컴포넌트 생성 예시는 쇼핑몰 상품 리스트 처럼 구성을 해봤다. 프레임 그리기 > 안에 사각 그리기 > 사각 안에 이미지 넣기 > 상품 이름, 금액 등 텍스트 넣기 > 모든 요소 그룹화 > 프레임 선택 후 오른쪽 마우스 > Create component 선택 프레임은 먼저 그려도 괜찮고 나중에 그림, 텍스트 등 요소를 다 그리고 마지막에 그 위로 감싸서 그려도 상.. 2024. 1. 17.
반응형