Axure RP로 탭 컨트롤 만들기
개요 Axure RP로 탭 컨트롤을 만드는 방법입니다. 탭을 클릭하면 해당 탭의 콘텐츠를 표시하는 방법입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 시작하기 예제 파일 중 Tab control 페이지를 엽니다. 페이지에는 Tab 1,…
Axure RP로 화면 100% 가로 너비에 맞춘 이미지 혹은 배너 만들기
개요 Axure RP로 100% 가로 너비의 이미지 혹은 배너를 만드는 방법입니다. 브라우저 창 크기가 변함에 따라 이미지 혹은 배너의 가로 너비가 함께 변경됩니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 시작하기 예제…
Axure RP로 Lightbox 만들기
개요 Axure RP로 Lightbox를 만드는 방법입니다. Lightbox란 메시지나 이미지, 동영상 등을 화면에 띄우면 그 외 여백은 dimmed 처리되고, dimmed된 영역을 클릭하면 다시 이전 화면으로 돌아오는 기능입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드…
macOS에서 PC 스타일로 키보드 사용하는 방법
개요 맥북 프로를 구매하고 난 이후 키보드 설정을 입맛에 맞게 바꾸는 중입니다. 히스토리를 남겨 두기 위해 적습니다. 숫자 키패드가 있는 맥 키보드에서 Home/End키 이용하기 애플에서 발매한 숫자 키패드가 있는 정품 키보드가 있습니다. 그런데 앱에 따라서 Home/End키가 전혀 동작하지 않거나 페이지의 가장 상단/하단으로 옮기는 동작을 할 때가 있습니다. Windows처럼 문장의 처음/끝으로 이동하도록 설정하는 방법입니다.…
Axure RP로 커스텀 드롭다운 메뉴 만들기
개요 Axure RP로 Droplist를 만드는 방법입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 드롭리스트 옵션 숨기기 예제 파일 중, Custom Droplist 페이지를 엽니다. 캔버스 위에는 Custom Droplist라는 그룹이 있을 것입니다. 그…
Axure RP로 커스텀 체크박스와 라디오 버튼 만들기
개요 Axure RP로 커스텀 체크박스와 라디오 버튼을 만드는 방법입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 체크 표시 숨기기 예제 파일 중, Custom Checkbox and Radio Button이라는 페이지를 엽니다. 캔버스에는 Custom…
Axure RP로 Flyout 메뉴와 커스텀 툴팁 만들기
개요 Axure RP로 Flyout 메뉴와 커스텀 툴팁을 만드는 방법입니다. Flyout 메뉴란 마우스가 메뉴를 벗어나면 메뉴가 자동으로 사라지는 메뉴를 의미합니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 설정 예제 파일 중, Flyout menu…
Axure RP에서 사용되는 인터랙션의 종류
개요 Axure RP에서 사용되는 인터랙션의 종류입니다. 이 글은 공식 홈페이지에 있는 글을 옮긴 글입니다. 이벤트 리스트 모든 위젯에 적용 가능한 이벤트 OnClick: When a widget is clicked OnMouseEnter: When the cursor is moved over a widget OnMouseOut: When the cursor is moved away from a widget OnDoubleClick:…
맥 Safari 글꼴 설정하기
개요 보통 한국의 웹페이지들은 윈도우의 기본 폰트를 화면 기본 글꼴로 설정해두는 경우가 많습니다. 그러다보니 맥에서 한국의 웹페이지에 접속하면 글자가 안 예쁘게 표시되는 경우가 많습니다. 이때 사파리에서 제공하는 스타일 시트 기능을 이용해 특정 글꼴을 내가 원하는 다른 글꼴로 표시되도록 설정할 수 있습니다. 동작 원리 CSS 파일을 하나 만들어야 합니다. 이 CSS 파일의 원리는, 예를 들어…
Axure RP로 이미지 Carousel 만들기
개요 Axure RP로 Carousel을 만드는 방법입니다. Carousel이란 이미지나 배너 등을 좌우로 슬라이드쇼 보듯 자동 혹은 수동으로 넘겨보는 형태를 의미합니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 설정 예제 파일 중, Carousel 페이지를…