resize2 jQuery resize()를 사용하여 컨텐츠 영역 height를 100%로 유지하기 jQuery의 resize() 함수를 사용하여 헤더, 메뉴, 컨텐츠 영역으로 구성되는 화면에서 컨텐츠 영역의 높이는 브라우저의 크기를 조절 하더라도 항상 100% 가 유지 되고, 컨텐츠 영역 내부의 실제 컨텐츠의 높이가 컨텐츠 영역의 높이보다 크다면 스크롤이 생기도록 만들어 봅니다. 먼저 html 부분 입니다. head와 main이 상하로 나뉘고, main 내부에는 menu와 contents 가 좌,우로 나뉘어져 있습니다. HEADER MENU CONTENTS Lorem ipsum ... 스타일 시트 부분 입니다. html, body, div 부분은 엘리먼트들의 크기를 초기화 하는 부분 입니다. #main 은 flexbox 레이아웃을 사용해서 구성 했습니다. #contents 가 컨텐츠 영역으로 over.. 2018. 11. 16. GIMP 2 사용법 - Rotate, Crop, Resize 앞에서 무료 사진 편집 프로그램인 gimp 2 를 설치해 보았습니다. 여기서는 간단한 사용법을 알아보도록 하겠습니다. 이번에 알아볼 기능을 이미지를 Rotate(회전)하는 기능과, 이미지의 일부분을 잘라내는 Crop, 이미지의 크기를 변경하는 Resize 기능 입니다. 블로그에 올린 캡쳐 이미지를 만들때도 캡쳐해서 필요한 부분만 Crop 하고, 리사이즈 하는 작업을 주로하게 되는 것 같습니다. gimp 2의 설치는 이전글 "무료 사진 편집프로그램 - gimp 설치하기" 를 참조해 주세요. 1. 파일열기먼저 수정할 파일을 열어야 하겠습니다. 메뉴에서 "파일 -> 열기" 를 선택해서 파일 선택창이 뜨면 수정할 파일을 선택하는 방법이 있습니다. 하지만 주로 사용하는 것은 탐색기에서 gimp 창으로 드래그 앤 .. 2018. 4. 9. 이전 1 다음
