Web programing 42

HTML5 규격 표준 검사기

/* * http://sosal.kr/ * made by so_Sal */ 웹 표준에 맞춰서 HTML5를 프로그래밍 했는지 보기 위한 사이트를 소개합니다. 1. html5 Validator https://html5.validator.nu/ 위 사이트는 정말 간단하게 구성되어 있습니다.Validator Input: 인풋을 입력하라는 한마디로 텍스트 박스와 버튼 몇개로 구성되어 있습니다.일단 도메인이나 ip로 웹서비스를 지원하는 사이트가 있다면, 바로 Address에 주소를 입력하면해당 주소의 HTML5 규격에 맞는지 확인해주게 됩니다. 주소 뿐 만 아니라, html 파일을 직접 업로드 할 수 있고, text로 줄 수 있습니다.간단한 예제로 Text Field에 소스를 넣어보겠습니다. 간단히 HTML5 규격..

리눅스 (centos)서버에 wordpress 설치하기

/* * http://sosal.kr/ * made by so_Sal */ 1. 웹서버, 데이터베이스, php 설치확인2. 홈페에지 루트풀더 설정하기3. 워드프레스 다운받기4. wp-config.php 설정하기 1. 웹서버, 데이터베이스, php 설치확인 wordpress를 설치하기 위해서는 웹서버와 데이터베이스가 있어야 합니다.apache-http 데몬과 mysql 데몬이 켜져있는지 확인해보겠습니다. 만약 데몬들이 꺼져있다면 service mysqld startservice httpd start 해주시면 됩니다. 혹시 설치되어있지 않다면yum install httpd*yum install php*yum install mysqld* 명령어를 쳐주면 설치가 쉽게 됩니다. 2. 홈페에지 루트풀더 설정하기 웹..

Web programing 2014.07.27

Foreign key로 다른 테이블에 접근하여 값 가져오기

/* * http://sosal.kr/ * made by so_Sal */ 결혼정보회사 데이터베이스를 만드는 과정에서 사용하게된 쿼리문입니다. 회원정보중에 직업, 연봉, 부모님직업, 학벌, 재산에 대해서는 따로 테이블을 만들어 직업별, 연봉별, 학벌별로 스코어를 따로 만들어 뒀는데 이 테이블들을 모두 참조하여 Score값을 다 더한 후 회원정보 테이블의 Score 값에 저장하는 방식입니다. 테이블 구조는 아래와 같습니다. UPDATE `Man_information` INNER JOIN Job_information, Income_information, Prejob_information, School_information, Property_information --외래키로 참조하는 테이블들 inner joi..

Web programing 2014.07.27

phpMyAdmin에서 Foreign key 설정하기

/* * http://sosal.kr/ * made by so_Sal */ 결혼정보회사 데이터베이스를 설계하면서 Foreign key 제약조건을 걸게 되었는데 여기서 phpMyAdmin을 이용하여 남자 회원정보 테이블과 직업테이블간의 제약조건을 예제로 외래키 제약조건을 써보고자 합니다~~ Foreign key 제약조건을 걸기 위해선 테이블의 스토리지 엔진을 꼭 InnoDB로 설정해주셔야 합니다. 테이블을 만들면서 스토리지 엔진을 선택하셔도 되고, 테이블 작업 탭에서 수정가능합니다. 남자 회원정보 테이블에는 아래와 같은 Attribute 들이 있습니다. 여기서 ID는 Primary key이고, Job, School, Property, Income 등등을 다른테이블과 foreign키로 연동하여 데이터베이스를..

Web programing 2014.07.27 (2)

CentOS: phpMyAdmin 설치법

/* * http://sosal.kr/ * made by so_Sal */ 데이터베이스 설계 수업 과제가 있어서 올만에 웹페이지를 구현하게 되었는데요~콘솔에서 답답하게 하나하나 Create*** 하던 작업을 phpMyAdmin이란 녀석을 이용해서쉽게쉽게 데이터베이스 구축, 수정, 값 변경하는 방법을 알아볼게요~ http://www.phpmyadmin.net/home_page/index.php 이곳에서 phpmyadmin이란 녀석을 받아줍니다. 2013년 12월 2일날 글을 쓰고있어요~ 버전은 4.0.9가 있네요ㅎ ㅎㅎDownload 4.0.9 를 누르시면 당연히 윈도우에 받아지겠지요? 여기 direct link녀석의 주소를 복사해서 wget으로 리눅스에 다운로드 해줍시다. wget으로 파일을 다운받고~~..

Web programing 2014.07.27 (2)

Javascript와 HTML Form 객체

/* * http://sosal.kr/ * made by so_Sal */ 포스팅 17.Javascript에서는 html에서 form이라는 태그에 대해서 살펴보았습니다. 그럼 이제 form 객체에 대해서 볼까요? form 객체 :: document 객체 하위에 있는 내장 객체 태그를 자바스크립트로 정의 폼 형식의 내용을 가져오거나 서버로 제출 document.form명.type명.속성(or 메소드, 이벤트) 이번에서는 실제 Javascript 'document' 객체 하위에 있는 내장객체 form으로 정의하여 type.method(or 속성, 이벤트) 등을 사용하는 방법을 이번장에서 보겠습니다 일단 간단한 form 객체를 만들어보겠습니다. NAVER 홍보글이 되어버린듯한? (사실 IU 홍보임) ㅋㅋㅋ아 ..

HTML form 태그, input type 종류

/* * http://sosal.kr/ * made by so_Sal */ form 은 그냥 태그입니다. 이를 자바스크립트와 연동시켜야 하는데.. 지금 포스팅 되는 글은.. 사실 자바스크립트가 아니랍니다 .. >_< 그리고 이번 게시글 만으로는 form 태그를 실용적으로 사용하긴 힘듭니다. 아주 단편적인 정보들을 간략하게 소개하는 정도로 올리는 글이므로.. ;; 검색으로 들어오시는 분들에게는 부족한 정보가 많다고 생각되는군요! 아.. 그럼 일단 ㄱㄱ.. form 태그 : 사용자와 정보를 주고, 받는 기능을 담고 있는 객체입니다. ㅋㅋ Html 태그는 정보를 제공하는 역할은 하지만 사용자와 정보를 주고받는 상호작용에 대한 역할은 미약.. 하죠 ㅎㅎ 오늘은 엄청난 스크롤 압박을 보게될.. 것이므로.. 천천...

Javascript Array 배열, Location 객체

/* * http://sosal.kr/ * made by so_Sal */ Array 객체. 사용될 내용들에 번호를 매겨 체계적으로 정렬하여 사용할 수 있도록 하는 객체. 배열 객체 정의 방법 a = new Array(n) a는 객체의 이름. new :: 객체를 정의해주는 연산자 (내장 객체인 Array 객체를 만들겠다.) n :: 매개변수의 개수. 객체에 사용될 내용들에 번호를 주는데, 그 번호의 수 ** 배열의 속성과 메소드 * length() : 배열의 개수 연산 메소드 -> 배열명.length ex) document.write(a.length) -> 위에서 3개를 만들었으므로 ' 3 ' 출력 * join() : 특정 기호를 사용해서 문자열로 나열한다. ex) document.write(a.join..

Javascript 내장객체 사용법

/* * http://sosal.kr/ * made by so_Sal */ * 객체 :: 작업의 대상이 되는것 (작업의 대상의 예를 들면 들면 붕어빵, 자동차..) 객체 지향 :: 같은 특성을 가지는 대상을 새롭게 만들어서 사용 객체 기반 :: 만들어져 있는 대상(내장 객체)을 사용하여 속성을 바꿈. (자동차의 색, 붕어빵에 들어갈 양념을 바꾼다는 등..) ** Javascript는 객체지향이지만, 거의 내장객체를 사용하기 때문에 객체 기반으로 분류한다. ** * 속성 :: 객체의 상태. * 메소드 :: 속성을 가지는 객체의 동작 방식을 설정 객체를 생성할때 속성과 메소드도 새로 만들어진다. 속성과 메소드를 새로 만드는것은 * 생성자 * 함수가 역할을 한다. 생성자 :: 객체를 정의할때 속성과 메소드를 ..

Javascript 내장함수 eval() isNaN() parseInt()

/* * http://sosal.kr/ * made by so_Sal */ :: 내장함수 :: function이란 함수 명령으로 새로운 함수를 정의하지 않고 간단한 명령어를 사용하여 그 기능을 대신하는것. // 새로 만드는 것이 아닌, 자바스크립트 내부에 이미 존재하는 함수들 alert(), prompt() 또한 내장함수로 볼 수 있다. :: eval() :: 내용을 계산하도록 하는 함수. (문자열을 수식으로 바꿔주는 함수) 계산할 수식을 eval함수의 매개변수로 입력한다면 입력된 매개변수를 계산하여 출력한다. 보통 prompt를 이용해 입력 받은 내용으로 계산할 때 사용한다. :: isNaN() :: Nan = Not a Number. 변수에 입력한 값이 숫자인지 아닌지 판별하는 함수. 혹시나 결과값이..