분류 전체보기395 이미지 슬라이더 만들기 이미지 슬라이더 만들기 슬라이더를 만드는 방법은 매우 많다. 라디오버튼, 비순서목록, 레이블을 활용하는 방법 기존템플릿 활용하는 방법 bxSlider, boostsrtap 등 CSS 파일 @charset "UTF-8"; /* 전체 페이지에 적용할 스타일- 여백제거 */ * { margin: 0; padding: 0; } /* 리스트 항목의 스타일 변경 */ .image_slider>ul { list-style: none; } /* 슬라이더가 들어갈 공간(div)에 대한 설정*/ .image_slider { position: relative; overflow: hidden; width: 600px; height: 400px; border: 1px solid; } /* 슬라이더 화면의 너비와 높이 설정 슬라.. 2023. 2. 27. 2월 27일 (2) 실습 + 반응형 웹 만들기 실습(실습기록) 이미지 슬라이더 만들기 테이블 스타일링 드룹다운 메뉴 만들기 배경이미지만 투명하게 처리하기 반응형 웹이란? 하나의 사이트 페이지로 데스크톱(컴퓨터), 스마트폰, 스마트패드 등 접속하는 장치(디스플레이 종류)에 따라 요소의 크기 및 배치, 표시 등을 자동으로 변환하도록 웹 html head 태그의 meta 태그에 viewport를 설정하여 반응형 웹 페이지를 제작 meta 태그란? 해당페이지의 정보(메타데이터)를 제공하기 위해 사용하는 태그 사용자에게 보여지는 태그는 아니다. 브라우저에게 작업을 지시하는 태그, 데이터의 데이터 속성종류) 1. name : 메타데이터의 종류를 지정하는 속성 2. content - name에 따라 분류된 메타데이터의 내용을 작성하는 속성 name 주요속성값 d.. 2023. 2. 27. 2월 27일 (1) CSS - transform, transition transform(모양변환) 요소의 모양을 변화시키는 속성 속성값 (2D) 위치와 기울기 변환할 때만 '-' 단위 사용 가능하다. 1. 위치변환 - translate translate(x, y) - 원래 위치에서 x, y 만큼 이동 보통 position으로 이동하고, translate는 동적인 변화를 줄 때 사용한다. translateX(x) - x 축으로만 이동 translateY(y) - y 축으로만 이동 위치 변환 위치 변환 각도 변환 2. 각도변환 - rotate 단위 deg 기본방향 : 시계방향, '-' 반시계방향 각도 변환 :hover 넣은 예제 (마우스를 가져다 대면 이동하는 모습이 나온다) 위치 변환 각도 변환 각도 원으로 만들기 예제 위치 변환 각도 변환 각도 3. 크기변환 - scale.. 2023. 2. 27. 1028. 정수 1개 입력받아 그대로 출력하기2 정수 1개를 입력받아 그대로 출력해보자. (단, 입력되는 정수의 범위는 0 ~ 4,294,967,295 이다.) 참고 -2147483648 ~ +2147483647 범위의 정수를 저장하고 처리하기 위해서는 int 형으로 변수를 선언하면 된다.(int 로 선언하고 %d로 받고 출력) 하지만 이 범위를 넘어가는 정수를 저장하기 위해서는 보다 큰 범위를 저장할 수 있는 다른 데이터형을 사용해야 정상적으로 저장시킬 수 있다. unsigned int 데이터형을 사용하면 0 ~ 4294967295 범위의 정수를 저장할 수 있다. 예시 unsigned int n; scanf("%u", &n); printf("%u", n); 입력 정수 1개가 입력된다. (단, 입력되는 정수의 범위는 0 ~ 4294967295 이다.).. 2023. 2. 27. 1027. 년월일 입력 받아 형식 바꿔 출력하기 년월일을 출력하는 방법은 나라마다, 형식마다 조금씩 다르다. 년월일(yyyy.mm.dd)를 입력받아, 일월년(dd-mm-yyyy)로 출력해보자. (단, 한 자리 일/월은 0을 붙여 두자리로, 년도도 0을 붙여 네자리로 출력한다.) 참고 출력하는 자리수를 지정하기 위해 %4d와 같은 형식을 사용할 수 있는데, 빈칸을 0으로 출력하기 위해서는 %04d와 같은 형식을 사용하면 된다. 예시 printf("%02d-%02d-%04d", d, m, y); 입력 년월일이 '.'(닷)으로 구분되어 입력된다. 출력 년월일을 일월년으로 바꾸어 '-'(대쉬, 마이너스)로 구분해 출력한다. 입력 예시 예시 복사 2014.07.15 출력 예시 15-07-2014 import java.util.Scanner; public cla.. 2023. 2. 26. 1026. 시분초 입력받아 분만 출력하기 입력되는 시:분:초 에서 분만 출력해보자. 참고 int h, m, s; scanf("%d:%d:%d", &h, &m, &s); 를 실행하면 콜론을 사이에 둔 형식으로 입력되어, h, m, s에 각각 정수값만 저장된다. 입력 시 분 초가 시:분:초 형식으로 입력된다. 출력 분만 출력한다. 입력 예시 예시 복사 17:23:57 출력 예시 23 import java.util.Scanner; public class Main { public static void main(String[] args) { String s; Scanner sc = new Scanner(System.in); s=sc.next(); String [] sr = s.split(":"); System.out.println(Integer.valu.. 2023. 2. 25. 이전 1 ··· 50 51 52 53 54 55 56 ··· 66 다음
