jQuery로 CSS 속성 동적추가, 수정, 삭제하기 [요약] 기존의 html class에 css style속성 추가, 삭제하기 class 추가후 style 속성 추가하기 class 삭제하기 jQuery를 이용해서 html 요소에 CSS 속성을 동적으로 추가, 수정, 삭제하는 방법을 알아보자. 1. 기존에 html에서 정의되어 있는 id 또는 클래서의 속성에 css의 style 속성을 직접 추가, 삭제하는 방법과 2. html에 class를 새롭게 추가한 후 style 속성을 추가하는 방법, 3.그리고 class를 삭제하는 방법에 대해서 알아보자. [HTML에서 jQuery 로드] 우선 jQuery를 사용하기 위해서는 HTML의 head에서 jQuery를 로드한다. [기존의 HTML class에 styl..

CSS 반응형 웹 미디어쿼리(@media) 사용방법 미디어쿼리는 css3에서부터 사용할 수 있으며, 사용방법은 다음의 두가지 방법으로 사용할 수 있다. 1. 가장먼저 HTML head 부분에 meta viewport를 설정해준다. 2-1. style.css 파일에 함께 정리하여 사용하고 link로 호출하여 사용하는 방법. 2-2. 2-1항과는 별도의 media_style.css 파일을 따로 정리하여 사용조건에 부합할때 불러와서 사용하는 방법. 만약 본인이 필요하다고 판단되면 해상도별로 미디어css파일을 따로 만들어서 호출하여 쓰는것도 가능하다. 3. 스타일시트에서 @media 선언후 스타일입력 @media (조건입력) { 스타일 입력 } CSS 반응형 웹 미디어쿼리(@media) 디바이스 별 해상도 분기..

010_PHP에서 배열 사용하기 [요약] 배열을 이용하면 하나의 변수에 여러 값을 대입할 수 있다. 변수를 배열로 만들려면 array()를 사용한다. 지금까지는 하나의 변수에 하나의 값만을 대입할 수 있었다.하지만 배열을 이용하면 하나의 변수에 여러개의 값을 대입할 수 있다. 어딘가로 데이터를 보낼때 하나의 변수에 여러개의 값을 대입하여 보내면 더욱 편리하게 사용할 수 있다.변수에 여러 값을 대입하려면 여러개의 값을 받도록 배열로 만들어야 한다. [변수를 배열로 만들기] 변수명 = array(); 배열에 여러 값을 대입하려면 인덱스를 사용한다. 예를들어 여러명의 사람들이 아파트 한 건물에 살고있다. 그 중 택배럴 어떤 사람에게 전달하려면 택배를 받을 사람이 거주하는 동, 호수를 알아야 전달할 수 있다. ..

009_PHP에서 증감 연산자 사용하기 [요약] 대입 연산자를 사용하지 않고도 값을 증가시키거나 감소시킬 수 있다. ++은 값에 1을 더하고 --는 값에 1을 빼는 연산자이다. 증감 연산자는 대상 값에 1을 더하는 (++) 연산자와, 대상 값에 1을 빼는 (--)가 있다. 이 증감 연산자는 대상 값의 앞이나 뒤에 사용할 수 있으며, 위치에 따라 기능이 다르게 작동한다. [증감 연사자의 종류] 위치 기능 변수++ 변수의 현재 값을 반환한 후 값에 1을 더함 ++변수 변수의 현재 값에 1을 더한 후 값을 반환 변수-- 변수의 현재 값을 반환 후 값에 1을 뻄 --변수 변수의 현재 값에 1을 뺸 후 값을 반환 다음의 예제를 통해 확인해보자. [예제: 10_operator.php ] 실행결과 (++)가 변수 뒤..

008_PHP에서 대입 연산자 사용하기 [요약] 대입 연산자는 = 외에도 여러종류가 있다. $num = $num + 2 를 더 간단하게 표현하는 대입 연사자로 $num += 2 가 있다. 대입 연산자는 변수에 값을 대입할 때 사용하는 연산자이다. 대입 연산자에는 = 이외에도 여러 종류가 있다. [대입 연산자] 기호 의미 예시 결과 변수 += 값 변수의 값에서 다른 값을 더한 값을 대입 $num = 10; $num += 2; 12 변수 -= 값 변수의 값에서 다른 값을 뺸 값을 대입 $num = 10; $num -= 2; 8 변수 *= 값 변수의 값에서 다른 값을 곱한 값을 대입 $num = 10; $num *= 2; 20 변수 /= 값 변수의 값에서 다른 값을 나눈 값을 대입 $num = 10; $num..

007_PHP에서 연산자 사용하기 [요약] 더하기, 뺴기, 곱하기, 나누기를 할 수 있는 연산자를 사용해보자 더하려면 +, 뺴려면 -, 곱하려면 *, 나누려면 / 를 사용한다. 수를 더하고 뺴고, 곱하고, 나누고, 나머지를 구하는 기능을 하는 연산자에 대해 알아보자. 연산자에 사용하는 기호는 다음과 같다. 기호 기능 + 더하기 - 뺴기 * 곱하기 / 나누기 % 나머지 위의 표를 보면 사칙연산 외에 % 기호가 있다. 이것은 나누기 연산의 나머지 값을 구할 때 사용한다. 5나누기 3을 연산하면 나머지 2가 나오는데 이와같이 나머지 값을 구할때 사용된다. [연산자 활용하기] 더하기 5 + 5; // 결과: 10 뺴기 5 - 2; // 결과: 3 곱하기 5 * 3; // 결과: 15 나누기 6 / 2; // 결..

XAMPP에서 MySQL root 비밀번호 설정 및 변경 1. XAMPP제어판을 시작한다. 2. XAMPP 제어판에서 MySQL Admin 버튼을 클릭한다. 3. phpMyAdmin 페이지에서 사용자계정(User Accounts) 탭으로 이동한다. 4. 사용자개요 아래에서 사용자명=root, 호스트명=localhot의 권한수정 텝을 클릭한다. 5. 권한수정 페이지로 이동후 상단에 Change password 버튼을 클릭하여 비밀번호 변경페이지로 이동한다. 6. 비밀번호 조합에 따라 안전강도를 시각적으로 보여주니 녹색이 표시될 수 있는 조합으로 설정해주는 것이 좋다. 이렇게 새로운 비밀번호를 생성 또는 변경하게되면 phpMyAdmin에서 엑세스가 거부되는 메시지를 보게될 수도 있다. 이어서 아래의 작업도 ..

006_PHP에서 상수 사용하기 [요약] 한번 값을 대입하면 값이 변경되지 않는 수를 상수라고 한다. 상수를 선언하려면 define을 사용한다. 변수는 변하는 수를 의미한다. 즉 변수의 값이 또 다른 값으로 변해야 할 이유가 있다면 변수를 사용하며, 대입한 값이 절대 변하지 않아야 한다면 상수를 사용한다. [상수 선언 방법] define(상수면, 상수값); 상수명 또한 변수명 짓기의 규칙을 지켜야 한다. 하지만 프로그래머 사이에 관례적으로 상수 선언시 보통 상수명을 대문자를 사용하며 두개의 단어로 상수명을 사용할 경우 언더바를 사용한다. 다음은 상수 선언 후 상수의 값을 출력하며, 이후 같은 상수에 다른 값을 대입하여 값이 변하는지 확인하는 예제이다. [예제: 7_constant.php ] 실행결과 위의..

005_PHP에서 연결 연산자 사용하기 [요약] 연결 연산자를 사용하면 변수와 변수, 문자열과 문자열, 문자열과 변수를 연결할 수 있다. 연결 연산자는 .(dot) 이다. 연결 연산자는 데이터와 데이터를 서로 연결할 때 사용하며 사용 기호는 .(dot)이다. 데이터는 변수의 값 또는 문자열과 문자열이다. [연결 연산자 사용하기] 변수와 변수 연결하기 $str = "안녕"; $str2 = "하세요."; echo $str.$str2; // 결과: 안녕하세요. 문자열과 문자열 연결하기 echo "안녕"."하세요."; // 결과: 안녕하세요. 변수와 문자열 연결하기 $str = "안녕"; echo $str."이라고 그가 말했다."; // 결과: 안녕이라고 그가 말했다. 다음은 연결 연산자를 활용한 예제이다. [..

004_PHP에서 변수명 짓기 규칙과 값 대입하기 [요약] 변수명을 짓는 규칙과 변수 값을 대입하는 방법을 확인해보자. 숫자를 대입할 때 따옴표로 감싸면 컴퓨터는 문자열로 인식한다. 변수를 선언할 떄는 변수명을 짓는 규칙이 있다. 1. 변수명 앞에 숫자를 사용할 수 없다. 2. 언더바(_)를 제외한 특수문자를 사용할 수 없다. 3. 변수명은 대소문자를 구별한다. 위의 규칙에 이어 변수 선언 법칙에 대해 더 알아보자. 변수명 짓기 변수명 가능여부 이유 $1num X 변수명 앞에 숫자가 있기 때문에 사용 불가 $num2 O 변수명 앞에 숫자를 사용하지 않았기 때문에 사용가능 $num3num O 변수명 앞에 숫자를 사용하지 않았기 떄문에 사용가능 $num% X 언더바(_) 이외의 특수문자를 사용했기 때문에 사..