Language38 [C/C++] 문자열 출력하기 (char[], string -> cout, printf) 1. char[] 문자열 출력 - cout 은 별도의 처리없이 그대로 사용 - printf 는 %s 사용 char str[4] = "ABC"; cout 2022. 2. 22. [C언어] qsort() 로 정렬하기 qsort : 에서 제공하는 Quick Sort 정렬함수 헤더 #include 프로토타입 void qsort (void *base, size_t nel, size_t width, int (*compare)(const void *, const void *) base: 정렬할 배열 nel: 정렬할 배열의 크기 width: 정렬할 배열의 원소 하나의 크기 compare: 비교 기준 함수 compare 함수 int compare(const void *a, const void *b) { if(*(int*)a > *(int*)b) { return 1; } else if(*(int*)a < *(int*)b) { return -1; } else { return 0; } } 적용 예시 arr 정렬하기 #include #.. 2021. 12. 19. [CSS] 위치 속성 - Display 디스플레이 display 속성 - 해당 HTML 요소가 웹 브라우저에 언제 어떻게 보이는가 결정 1. 블록(block) - 언제나 새로운 라인에서 시작 - 해당 라인의 모든 너비 차지 ex) , , , , , 2. 인라인(inline) - 새로운 라인에서 시작 X - 너비는 해당 HTML 요소의 내용만큼만 차지 ex) , , display 속성의 기본 설정값의 변경 - 블록 요소인 태그의 display 속성값을 인라인으로 변경 가능 li { display: inline; } - 인라인 요소인 태그의 display 속성값을 블록으로 변경 가능 a { display: block; } - 하지만 실제로 해당 요소가 완전히 다른 타입의 요소로 바뀌는 것은 X ex) 인라인 -> 블록이 되어도 변경된 요소 내부에 다른 요소.. 2021. 11. 1. [CSS] 박스 모델 - 패딩, 테두리, 마진, 아웃라인 박스 모델(box-model) - 박스 모양으로 구성된 모든 HTML 요소 1. 내용(content) : 텍스트나 이미지가 들어있는 박스의 실질적인 내용 부분 2. 패딩(padding) : 내용과 테두리 사이의 간격. 눈에 보이지X 3. 테두리(border) : 내용와 패딩 주변을 감싸는 테두리 4. 마진(margin) : 테두리와 이웃하는 요소 사이의 간격. 눈에 보이지X - height와 width 속성 => 내용 부분만을 대상 * IE 8 이하는 height, width에 패딩, 테두리 크기 포함 => 필수!! 패딩(padding) - 내용과 테두리 사이의 간격 - 배경색의 영향을 받음 1. padding-top 2. padding-right 3. padding-bottom 4. padding-le.. 2021. 11. 1. [CSS] 박스 모델 - 크기 크기 단위 - %, em, px, cm, mm, inch 등 - 백분율 단위(%) : 기본 크기 100%, 상대적인 크기 설정 - 배수 단위(em) : 해당 글꼴의 기본 크기 1em, 상대적인 크기 설정 - 픽셀 단위(px) : 스크린의 픽셀 기준, 절대적인 크기 설정 * 1배 = 1em = 100% 크기 속성 1. height 2. width 3. max-width 4. min-width 5. max-height 6. min-height 1. height 와 2. width - HTML 요소의 높이와 너비 설정 - 기본 : auto div { height: 200px; width: 500px; } 3. max-width - HTML 요소의 최대 너비 설정 - 기본 : none (제한 X) - 줄어드는 .. 2021. 11. 1. [CSS] 기본 속성 - 이미지 스프라이트 CSS 이미지 스프라이트(Image Sprite) - 여러 개의 이미지를 하나의 이미지로 합쳐서 관리 - 이미지를 다운받기 위한 서버 요청을 줄일 수 있음 => 로딩 시간 단축 - 관리할 이미지 파일의 수가 줄어 간편 .up, .down, .right, .left { background: url("/examples/images/img_image_sprites.png") no-repeat; } .up { width: 21px; height: 20px; background-position: 0 0; } .down { width: 21px; height: 20px; background-position: -21px 0; } .right { width: 22px; height: 20px; background-po.. 2021. 11. 1. 이전 1 2 3 4 ··· 7 다음
