변수(Variable)의 이해

1. 변수(Variable)란? - 변하는 수- 하나의 값을 저장할 수 있는 기억공간- 메모리상의 공간- "값을 담을 수 있는 그릇" 2. 변수의 타입(Data type) - 자료형- 문자 : char- 숫자 - 정수 : byte, short, int, long- 실수 : float, double- 논리 (boolean) : true, false ▶변수의 타입(Data type)- 기본형(Primitive type)- 8개 (boolean, char, byte, short, int, long, float, double) 1 2 4 8 논리형 boolean 문자형 char 정수형 byte short int long 실수형 float double - 실제 값을 저장▶ 논리형 – true와 false중 하나를..
코딩교육/JAVA 기초부터 시작하기 2016. 11. 25. 16:19

에디터 설치 eclipse

● java program 제작을 위한 에디터 중 eclipse를 설치합니다. 여기에서는 eclipse juno 버젼을 사용합니다. - eclipse 사이틀에 접속합니다. - https://eclipse.org/downloads/packages/release/juno/sr2 - 붉은칸의 Eclipse Classic 4.4.4 를 클릭합니다. ● 자신의 컴퓨터 사양에 맞추어 다운로드를 선택합니다 - window 64bit 이면 붉은색 네모칸 다운로드 ● 적당한 위치에 앞으로 만들 프로그램을 저장할 폴더를 만들고 다운받은 eclipse 압축파일을 풉니다. ● 설치된 폴더안의 eclipse.exe 파일을 실행합니다. ● File - New -Java Project 순으로 선택합니다 - 새 창이 뜨면 Proje..
코딩교육/JAVA 기초부터 시작하기 2016. 11. 24. 21:53

java 개발환경 구축하기

1. JDK(Java Development Kit)다운로드 및 설치 - 자바를 사용하기위해 오라클 홈페이지에 접속해 프로그램을 다운받습니다 - http:://oracle.com ● Downloads -> Popular Downloads -> Java for Developers ● 붉은 화살표가 가리키는 다운로드 클릭 - 자신의 운영체제가 window 64bit 이면 빨간네모칸의 두번째를 선택해 다운로드 32bit 운영체제이면 첫번째 다운로드 - 시스템 확인방법 : 제어판 ->시스템 및 보안 ->시스템 ● 설치된 경로로 들어가서 확인 ● 환경변수 등록 - 제어판 -> 시스템 및 보안 -> 시스템 -> 고급 시스템 설정 -> 고급 -> 환경변수 ● 시스템 변수의 Path를 더블크릭한 후 변수 값 입력창 맨 ..
코딩교육/JAVA 기초부터 시작하기 2016. 11. 21. 21:54

CSS3 변형 속성 transition-delay | transition-timing-function

● transition-delay 속성 transition-delay 속성은 마우스를 올리거나 클릭을 하는 이벤트 후 몇 초 후에 애니메이션이 작동할지 지정하는 속성입니다. CSS3 변형 속성 마우스를 올려놓으면 차례대로 애니메이션이 실행됩니다. 주의깊게 보시면 애니메이션의 속도가 느렸다가 빠른 속도로 진행되는 것을 알 수 있습니다. 이는 수치 변형 함수의 기본이 ease로 되어있기 때문입니다. 이를 바꾸고 싶으면 transition-timing-function 속성을 사용합니다. ● transiton-timing-function 속성 .space:nth-child(1) { transition-delay: 0s; transition-timing-function: linear; } .space:nth-ch..
웹코딩/HTML5 CSS3 2016. 11. 4. 00:16

CSS3 변형 속성 transition-duration

CSS3에서는 변형속성을 사용해 움직임을 구현할 수 있습니다. 생성된 오렌지색 박스위에 마우스를 올리면 크기가 늘어나고 클릭하면 색상이 붉은색으로 변경됩니다. 이제 여기에 변형 속성을 사용해 부드러운 애니메이션을 만들 수 있습니다. 위처럼 변형속성에는 여러가지가 있습니다. 먼저 transition-duraition 속성을 입력합니다. 다음 붉은색 코드를 추가하면 됩니다. .space [ width : 200px; height: 200px; background : orange; transition-duration: 2s; } 코드를 실행하고 마우스를 올리거나 클릭한 상태로 있으면 2초동안 변형 속성이 적용됩니다. CSS3의 변형 속성은 다음 스타일 속성과 함께 적용할 수 있습니다. * 위치 속성 : top..
웹코딩/HTML5 CSS3 2016. 11. 3. 22:33

HTML5 입력양식 태그

HTML5에서는 기존의 input 타입외에 새로운 타입(type)이 추가 되었습니다. 속성 설명 datetime-local 지역 날짜 선택양식을 생성 email 이메일 입력양식 생성 month 월 선택양식 생성 number 숫자 생성양식을 생성 range 범위 생성양식을 생성 search 검색어 입력양식을 생성 tel 전화번호 입력양식을 생성 time 시간 선택양식을 생성 url URL 주소입력양식을 생성 week 주 선택 양식을 생성 아쉬운 점은 아직 인터넷 익스플로러에서는 지원이 되지 않고 있습니다. 크롬(chrome)으로 실행해보세요.
웹코딩/HTML5 CSS3 2016. 11. 3. 01:04

HTML5 video 태그 ie 에서 실행되지 않을때 video.js 플러그인

웹 브라우저마다 표시되는 video 태그의 형태가 일관되지 않으므로 웹 페이지를 디자인할 때 문제가 될 수 있습니다. 또하 인터넷 익스플로러에서는 video 태그가 잘 동작하지 않습니다. 이러한 문제를 해결할 수 있는 간단한 플러그인이 있습니다. 바로 video.js 플러그인입니다. ● video.js 플러그인 (http://videojs.com/) 플러그인을 다루는 것은 웹 클라이언트 개발에서 어려운 부분에 속하지만 video.js 플러그인은 굉장히 간편합니다 To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video 원문 : video.js 데모
웹코딩/HTML5 CSS3 2016. 11. 3. 00:41

변수의 유형 확인 gettype() 함수 | var_dump() 함수

변수의 유형을 알아보려면 gettype() 함수 또는 var_dump() 함수를 사용합니다. PHP에서 변수의 유형은 기본적으로 프로그래머가 설정하는 것이 아니라 해당 변수가 사용되는 문맥에 따라 PHP가 실행될 때 결정하고 유형이 자동으로 변환되기도 합니다. ● 변수의 유형 확인 변수 $a의 유형은 'integer(정수)'이고 변수 $b의 유형은 'string(문자열)'입니다. 단 gettype() 함수의 출력은 앞으로 변경될 가능성이 있습니다. 변수가 특정한 유형인지 판정하려면 is_int() 함수 등을 사용합니다. 디버그용 var_dump() 함수를 사용해도 변수의 유형을 확인할 수 있습니다. ● 변수의 유형을 판정하는 함수 함수명 설명 is_array() 변수가 배열인지 확인합니다. is_bool..
웹코딩/PHP 2016. 10. 27. 19:32

배열에서 라디오 버튼 생성 foreach

배열에서 라디오 버튼을 생성하려면 미리 value 속성의 값을 배열에 등록해야 합니다. 예를 들어 성별을 선택하는 것처럼 라디오 버튼을 몇 번씩 반복해서 기술해야 할 수 있습니다. 이 경우에도 태그에 있는 value 속성의 값을 배열에 넣어 놓고 foreach문 등으로 반복 처리하면 쉽게 라디오 버튼을 생성할 수 있습니다. ● 배열에서 라디오 버튼 생성
웹코딩/PHP 2016. 10. 24. 15:43