전체보기 검색 결과

해당 글 223건

[반응형 웹 디자인]뷰포트 이해하기.

뷰포트메타태그뷰포트의 설정을 변경하기 위해 메타태그 형태로 지원된다. 아래의 메타태그는 가장 기본적인 형태로 뷰포트의 가로폭을 기본 값이 980픽셀이 아닌 모바일 단말기 장치의 가로 폭으로 설정하겠다는 의미이다. 뷰포트속성속성명 속성값 속성 설명 width device-width, 양수 뷰포트의 너비를 지정합니다. height device-height, 양수 뷰포트의 높이를 지정합니다. initial-scale 양수 뷰포트의 초기 배율을 지정합니다. 기본값은 1입니다. 1보다 작은 값을 사용하면 축소된 페이지를 표시 하고, 1보다 큰 값을 사용하면 확대된 페이지를 표시합니다. user-scalable yes,no 뷰포트의 확대 / 축소 여부를 지정합니다. 기본값은 yes 입니다. 반대로 no로 설정하면 ..
Program/HTML5 & CSS3 2016. 3. 9. 15:39

[반응형 웹 디자인]미디어 쿼리 이해하기

화면의 크기나 환경에 따라 웹사이트를 변경하는 기술, 미디어 쿼리 이해하기미디어 쿼리의 기본 문법[only 또는 not] @media[미디어 유형][and 또는 ,콤마](조건문){실행문} @media 는 media 쿼리의 시작을 알리는 문법입니다. [미디어 유형] 미디어 쿼리는 미디어 별로 따로 css를 작성한다. 생략이 가능하며, 생략 시 에는 all keyword를 대응합니다. and 는 앞 뒤 조건이 모두 사실일 때 뒤에 따라오는 것을 해석 하라는 의미입니다. ,(콤마)는 앞 뒤 조건이 둘 중 하나만 사실이여도 뒤에 따라오는 것을 해석하라는 의미입니다. and 와 ,(콤마) 모두 생략 가능합니다. and 와 , 는 조건에 따라 판단하는 논리 연산자입니다. {실행문} 앞에 조건들이 모두 사실일 때 실..
Program/HTML5 & CSS3 2016. 3. 9. 15:16

[반응형 웹 디자인]가변

가변 그리드 공식 이해하기( 가변 크기로 만들 박스의 가로 너비 / 가변 크기로 만들 박스를 감싸고 있는 박스의 가로 너비 ) x 100 = 가변 크기의 값 가변마진(가변 마진을 적용할 마진값 / 적용할 박스를 감싸고 있는 박스의 가로 너비 ) x 100 = 가변 가변 패딩( 가변 패딩을 적용할 패딩 값 / 적용할 박스를 감싸고 있는 박스의 가로 너비 ) x 100 = 가변 패딩 값. 가변 폰트크기( vw, vh, vmin, vmax 단위를 적용할 글자 크깃값 x 브라우저의 너빗값 ) / 100 = 크깃값ex) 해상도 너비가 1920 일때 font-size:5vw; 일 때 브라우저에서는 96px 크기 이다. 멀티미디어 요소 가변적으로 만들기비율에 상관없이 가변적인 멀티미디어 요소 만들기기존의 웹사이트에서..
Program/HTML5 & CSS3 2016. 3. 9. 14:25

[JAVA]객체와 인스턴스의 차이점

객체와 인스턴스의 차이점 비슷한 개념이지만 정확히 구별하면 인스턴스가 객체보다 큰 의미이다. 객체는 어떤 클래스를 사용해서 만들어진 것을 의미한다. 그리고 그 객체가 메모리에 할당되어 실제 메모리를 차지하는 것을 인스턴스라고 한다. String str; str = new String("Hello world"); System.out.println(str);위와 같은 코드에서 객체와 인스턴스를 구별해보자.먼저 str은 String 클래스를 사용하여 객체를 선언한 것이다. 즉 아직 str에 문자열이 할당되어 있지 않은 상태이다. 그리고 다음 라인을 보자. new 키워드를 사용하여 JVM에 데이터가 생성된 것을 보여준다. 이렇게 객체를 실제로 메모리에 할당하는 과정을 인스턴스화(instantiate)라고 한다...
Program/JAVA 2016. 3. 8. 11:32

[JAVA]클래스(Class), 객체(Object), 인스턴스(Instance), 생성자(Constructor)

1. 클래스와 객체- 클래스의 정의 : 객체를 정의해 놓은 것- 클래스의 용도 : 객체를 생성하는데 사용- 객체의 정의 : 실제로 존재하는 것 (사물 또는 개념)- 객체의 용도 : 객체의 속성과 기능에 따라 다름- 클래스를 정의하고 클래스를 통해 객체를 생성하는 이유는 설계도를 통해서 제품을 만드는 이유와 같다.- 하나의 설계도만 잘 만들어 놓으면 제품을 만드는 일이 쉬워지는 것과 같기 떄문이다.- JDK에서는 많은 수의 유용한 클래스(API)를 기본적으로 제공하고 있다. 2. 객체와 인스턴스- 객체는 인스턴스를 포함하는 일반적인 의미- 인스턴스화 : 클래스로부터 인스턴스를 생성하는 것- 클래스 > 인스턴스화 > 인스턴스(객체) 3. 객체의 구성요소- 객체는 다수의 속성과 다수의 기능 두 종류의 구성요소..
Program/JAVA 2016. 3. 8. 11:18

[JavaScript] 3일차 변수 미션

미션 미션_01 변수정의변수란? 무엇일까요?답_01(드래그)데이터를 저장하는 공간데이터를 읽고 쓰고 하는 공간데이터를 저장했다가 필요할 때 사용할 수 있는 공간 미션_02 변수문법가장 기본적인 변수 선언 문법은?답_02(드래그)var 변수이름 = 값;ex) var user_name 미션_03 변수에 저장할 수 있는 데이터변수에 저장할 수 있는 데이터를 모두 나열하세요.답_03(드래그)숫자,논리,문자,함수,클래스,클래스 인스턴스,null,undefined 미션_04 단일 변수 만들기1자신의 ID를 변수에 저장한 후 document.write()를 이용해서 화면에 출력해 주세요. 답_04(드래그)var id = "jiwon";document.write(id); 미션_04-1 단일 변수 만들기2현재 날씨가 추..
Program/JavaScript 2016. 3. 7. 16:40

[JavaScript] 3일차 변수종류

01_변수 종류변수 설명 전역변수 전역에서 사용하는 데이터를 담는 변수이며 어디서든 접근해서 사용 가능합니다. 지역변수 특정 영역에서만 사용할 수 있는 변수입니다. 주로 함수 내부에서 만들어지는 변수입니다. 매개변수(파라미터) 함수 외부에서 함수 내부로 데이터를 전달하기 위한 용도로 사용하는 변수입니다. 멤버변수(프로퍼티) 클래스 내부에 만들어지며 주로 객체에서 사용하는 정보를 담는 변수입니다. 02_전역변수 함수 내부에서 var 없이 변수에 값을 대입하면 전역변수로 만들어집니다. 즉, global2="전역변수";는 window.global2="전역변수"와 같습니다. 03_지역변수 local1은 지역변수이며 오직 onload() 함수 영역에서만 사용할 수 있습니다.* 지역변수는 함수를 다룰 때 등장합니다..
Program/JavaScript 2016. 3. 7. 16:00

[JavaScript] 2일차 배열

01_배열이란?일반 변수는 데이터를 하나만 저장할 수 있는 반면, 배열 변수는 변수 하나에 여러 개의 데이터를 담을 수 있는 특별한 데이터형입니다. //일반 변수로 표현한 경우var userName1 = "jiwon";var userName2 = "철수";var userName3 = "영희"; // 배열로 표현한 경우var userName = ["jiwon","철수","영희"]; 02_배열 생성var 변수이름 = [데이터[,데이터]]; Q.01"jiwon","철수","영희" 이름 정보를 담은 배열 만들기var userName = ["jiwon", "철수", "영희"]; 03_배열 요소 접근배열이름[n]; 설명n은 배열 요소의 index를 나타냅니다. 값은 0부터 시작해 배열크기 -1까지의 값을 가집니다...
Program/JavaScript 2016. 2. 29. 11:27

[JavaScript] 2일차 변수값 저장

01_변숫값 저장var 변수A = 데이터; // 데이터가 변수 A에 저장됩니다.var 변수 B = 변수 A; // 변수 B에 변수 A가 저장되는 것이 아니라 변수 A에 들어있는 값이 복사돼 저장됩니다. Q.01 변수 data1를 만든 후 숫자 데이터1234를 저장해 주세요. 그리고 변수 data2를 만든 후 data1의 값을 저장해 주세요.A.01var data1 = 1234;var data2 = data1; 02_변숫값 변경var 변수이름 = 데이터;변수이름 = 신규 데이터1;변수이름 = 신규 데이터2; Q.01 변수 data1을 만든 다음 초깃값을 10으로 한 후 데이터를 다시 20으로 또 다시 한 번 30으로 변경해 주세요.A.01var data1 = 10;data1 = 20;data1 = 30; ..
Program/JavaScript 2016. 2. 29. 10:51

[JavaScript] 1일차 변수02

Lesson03_변수에 저장할 수 있는 데이터 종류 변수에는 숫자와 문자뿐 아니라 함수와 클래스까지 저장할 수 있다.01_데이터 위치 일반적으로 "=" 를 기준 변수는 좌측, 데이터 위치는 우측 좌측 우측 var 변수이름 = 데이터; 02_데이터 종류 변수에 저장할 수 있는 데이터 종류는 8가지 데이터형 예 숫자형(Number) var age=30; 문자형(String) var name = "jjiwon"; 논리형(Boolean) var isLogin = false; 특수형(undefined) var username; 특수값(null) var myClass = null; 함수(Function) function showMenu(){}var func = showMenu; 클래스(Function) 객체(Obj..
Program/JavaScript 2016. 2. 24. 19:50