IT50 HTML 콤보박스 선택 시 페이지 이동하기 HTML 콤보박스 태그에 대하여 알아 보겠습니다. 태그명이 select로 셀렉트박스 라고 부르기도 합니다. 콤보박스의 사용목적 2가지에 대하여 알아보고, 각각의 예제를 살펴 보도록 하겠습니다. 기본 태그 사용 법 항목 텍스트1 항목 텍스트2 콤보박스 사용 목적 값의 전달 : 항목을 선택하여 해당 값을 전달하기 위한 목적 액션 발생 : 항목을 선택 시에 특정 액션을 발생 시키기 위한 목적 목적에 따른 사용 예제 1.값의전달 ※ 회원가입 등의 화면에서 성별에 대한 값을 사용자로 부터 선택 받아 값을 서버로 전달하기 위한 등의 목적에서 사용 됩니다. 다음 예제는 그와 같으 기능을 구현한 예제 입니다. 여성 남성 2. 액션발생 ※ 홈페이지 이동 또는 특정영역을 보여주거나 숨김 액션을 발생시키기 등의 다양한 액션.. 2018. 6. 6. CSS 미디어 쿼리 - 반응형 웹 만들기 미디어 쿼리는 반응형 웹을 만들기 위한 필수 기술 입니다. 그럼 미디어 쿼리에 대하여 알아 보도록 하겠습니다. 미디어 쿼리 기본 구조 @media only all and (조건문) {실행문} @media 미디어 쿼리를 선언하는 부분입니다 only(생략가능) 다음과 같은(뒤에오는) 조건일 때만 적용하겠다라는 의미의 설정 값 입니다. 기본 설정 값이며 다른 설정 값으로는 not가 있습니다. not 는 뒤에 오는 조건이 아닌 경우를 의미하는 설정 값 입니다. all(생략가능) 은 모든 미디어 타입에 적용된다는 의미 입니다. 다른 설정 값으로는 screen, print 등이 있습니다. and(생략가능) 조건이 모두 만족 할 경우를 의미하면 반대 의미로 or 이 있습니다 (조건문) 실행문이 적용 될 조건을 설정 .. 2018. 6. 5. [스크래치2.0 코딩] 무대(배경) 변경 및 효과주기 스크래치 무대(배경)를 변경하고, 간단하게 효과주는 방법에 대하여 알아 보도록 하겠습니다. 먼저 실행 시켜 줍니다. 그러면 다음과 같이 실행 된 모습을 보게 될 것 입니다. 무대를 변경하는 부분은 어디에 있을 까요. 처음 하시는 분들은 찾기 힘들 수도 있겠습니다. 무대를 설정 할 수 있는 부분은 왼쪽 하단 부분에 있습니다. 스프라이트 영역 왼쪽으로 보면, 무대라는 문구를 볼 수 있습니다. 이 무대 텍스트를 클릭 해 보면 무대를 설정 할 수 있게 됩니다. 그리고 그 아래에 새로운 배경을 지정 할 수 있는 다양한 방법의 아이콘들이 있습니다. (저장소에서 배경 선택, 배경 새로 그리기, 배경 파일 업로드 하기, 웹캡으로 배경찍기) 그 중 [저장소에서 배경 선택]을 클릭 해 봅니다. 그러면 다양한 배경들이 있는.. 2018. 6. 3. [반응형웹 만드는 방법] viewport 메타태그 활용 반응형웹이란 다양한 기기(PC, 태블릿, 휴대포)에서 해당 장치의 브라우저의 환경에 반응하여, 그것에 어울리는 형태로 각각 다르게 표시되는 웹페이지를 말합니다. 이런 반응형 웹 페이지를 만들기 위해서는 태그의 선언이 필요 합니다. 반응형 웹 페이지를 만들기 위한 기초 메타태그 입니다. 동일한 웹페이지이지만 뷰포트(viewport) 메타 태그를 선언 한 경우와 하지 않은 경우를 먼저 눈으로 확인 해 보도록 하겠습니다.(소스는 아래에 있습니다) 두 화면을 비교 해 보면, 이미지 및 텍스트의 차이점을 확인 할 수 있습니다. 선언하지 않은 화면의 이미지는 오른쪽 부분이 다 보이지 않지만, 선언 한 화면은 모두 보이게 됩니다. 선언하지 않은 화면을 드래그 해 보면 화면전체 스크롤이 발생하는 것을 확인 할 수 있습.. 2018. 6. 1. 이전 1 2 3 4 5 6 7 8 ··· 13 다음
