본문 바로가기
반응형

분류 전체보기607

[WEB HACKING] javascript 이벤트 / php 개념 및 슈퍼 글로벌 변수 javascript 이벤트 / php 개념 및 슈퍼 글로벌 변수에 대해서 정리한다. javascript - 웹 브라우저에서 요소, 속성 등을 제어하기 위한 수단 - 움직이는 애니메이션 효과, 소켓 통신, ... 이벤트 - 글로벌 속성 before mouseover // 해당 이벤트에 실행될 함수를 지정 ( 태그를 이용해서 before mouseover라는 문단을 하나 작성해준다 ) * 태그는 block 속성을 가지고 있기 때문에 해당 라인을 모두 차지하게 된다. ( 이벤트 중에서 커서를 가져가면 이벤트가 발생하는 onmouseover를 이용해서 before mouseover에 커서를 가져가면 event_handler() 함수를 호출해서 onmouseover!라는 내용에 경고창을 출력하게 된다 ) ( 개발.. 2017. 8. 17.
[자바스크립트] javascript 객체 / 모듈 / 라이브러리 / API javascript 객체 - 인덱스 값을 통해서 원소를 구별하는 배열과는 다르게 인덱스를 문자로 사용한다. - key를 통해서 value를 가져올수 있다. * 객체['key'] = value; - 파이썬에서 딕셔너리와 같은 기능을 한다. - 객체를 생성할때는 "{}"를 이용해서 선언하거나 new Object를 이용해서 객체를 생성 할수 있다. ( 객체는 key값을 이용해서 해당 value를 가져올 수 있고 .을 이용해서 객체 안의 key에 접근할 수도 있다 ) ( for in 문을 이용하면 배열 안에 있는 key 값을 가져올 수 있고 그 key값을 이용해서 배열 안에 있는 value들을 출력할 수 있다 ) ( 객체 안에 함수를 value로 넣어서 해당 key를 호출 하게 되면 함수가 실행 되도록 하는게 .. 2017. 8. 16.
[자바스크립트] javascript 줄바꿈 여백 / 비교 연산자 / 조건문 / 반복문 / 함수 / 배열 javascript 줄바꿈 여백 / 비교 연산자 / 조건문 / 반복문 / 함수 / 배열에 대해서 정리한다. javascript 줄바꿈과 여백 - javascript에서는 줄이 바뀌면 명령이 끝났다고 생각한다. ( 다만 한줄에 두개의 명령어를 작성할때는 문장의 종료를 알려주는 ;(세미콜론)을 적어줘야 하기 때문에 습관적으로 세미콜론으로 마무리를 해주는 것이 좋다 ) - 코드를 작성할때 tab키를 이용하는 이유는 가독성을 위한 부분이지 코드에 실행과는 무관한 부분이다. javascript 비교 연산자 - 우항과 좌항의 값을 비교할때 사용하는 연산자 - javascript에서는 "=="라는 동등 연산자와 "==="라는 일치 연산자가 존재한다. ( 동등 연산자는 우항과 좌항의 값의 타입까지는 따지지 않지만 일치.. 2017. 8. 15.
[자바스크립트] javascript 개념 / 실행방법과 실습환경 / 숫자와 문자 javascript 개념 / 실행방법과 실습환경 / 숫자와 문자에 대해서 정리한다. javascript란? - 웹 브라우저를 제어하기 위한 언어라 할 수 있다. - 원래는 html과 javascript는 땔래야 땔 수 없는 관계였지만 요즘에는 javascript가 탈웹브라우저화 되면서 동작환경이 여러가지가 되었다. ( 예를 들면 웹서버에서 동작하는 node.js ) - 탈웹으로써 여러분야에서 javascript를 사용이 가능하다. ( 예를 들면 Google Apps Script ) javascript 실행방법 / 실습환경 - 실습환경은 chrome 웹브라우저를 사용했다. - 코딩을 하는 환경은 메모장이나 텍스트에디터, 웹브라우저 개발자 도구를 이용한다. ( Sublinetext나 생산성을 올리기 위해선 .. 2017. 8. 15.
[WEB HACKING] javascript 반복문( while, for, for in ), 배열 / 간단한 야구게임 만들어보기 javascript 반복문( while, for, for in ), 배열 / 간단한 야구게임 만들어보기에 대해서 정리한다. 반복문: while, for, for in while( 조건 ) { 몸체 } for( 초기화; 조건; 증감 ) { 몸체 } for ( 변수 in 배열 ) { 몸체 } for in - 파이썬의 for 루프와 유사 - 배열(python의 리스트와 같은 개념)을 다룰때 주로 사용 - 배열내의 각 원소들의 인덱스를 가져온다 배열 - 파이썬에서의 리스트 - 전통적인 배열과 동일( C, java, ... ) * 배열내의 원소 타입은 가리지 않는다. ( 즉, 한개의 배열 안에는 여러가지 타입의 원소가 존재할 수 있다 ) 1. 리터럴 2. 객체 ( javascript에서 배열을 나타낼때는 '[]'.. 2017. 8. 14.
[WEB HACKING] html 태그(이미지, 표, 링크, 오디오, 비디오) / javascript 문법, 변수, 입/출력 html 태그(이미지, 표, 링크, 오디오, 비디오) / javascript 문법, 변수, 입/출력에 대해서 정리한다. HTML tag 3. 이미지( jpg, png, bmp, ... ) - 내용이 없는 태그 - 속성을 통해서 이미지의 경로만 표현: src - ex) http://img.etnews.com/photonews/1607/829691_20160728165237_786_0001.jpg - path: local path, URL - img는 인라인 태그이기 때문에 하나의 블록을 다 차지하지 않고 크기에 따라 달라진다. ( img 태그를 이용해서 외부에 있는 그림이나 local에 있는 그림을 가져와서 웹서버에서 공유 할 수 있다 ) ( 인터넷에 있는 그림을 그림 주소만 가져와서 img 태그를 이용해.. 2017. 8. 12.
[WEB HACKING] 웹서버 구성 / html 기본구조 및 태그 웹서버 구성 / html 기본구조 및 태그에 대해서 정리한다. 최초의 웹사이트 - info.cern.ch ( 1989년 ) * 웹 구성 및 동작 Web Browser ↔ Web Server ↔ Application(CGI) * 현재는 front-end와 back-end로 나뉘면서 웹이 더욱 커졌다. 클라이언트: - 웹 브라우저: 크롬 - 프록시 툴, 와이어 샤크, ... 서버: - 아파치 웹 서버 - DBMS: mysql - 웹 어플리케이션: php 1. 클라이언트측 언어 - HTML, Javascript, XML, ... 2. 서버측 언어 - jsp, php, python, ruby, ... 3. SQL - MYSQL 4. 게시판 작성 - ipsum lorem * 웹페이지를 만들때 내용이 들어가면 어떻.. 2017. 8. 11.
[PHP] 게시판 만들기(3) ( 글 읽기<read.php>, 글 삭제시 암호 입력<predel.php>, 글 삭제<del.php>, 글 목록<list.php> ) 게시판 만들기(3) ( 글 읽기, 글 삭제시 암호 입력, 글 삭제, 글 목록 ) 게시판 만들기(3) 글 읽기 - read.php * 글 읽기 파일의 구성 1. 글의 내용을 출력하는 부분 2. 목록보기 글쓰기 수정 등과 같은 버튼 부분 * 글의 내용 출력 부분 - 조회수 업데이트 - 글 정보 가져오기 * 그외 버튼 부분 - 목록보기, 글쓰기, 수정, 삭제, 이전, 다음 글 삭제시 암호 입력, 글 삭제 - predel.php, del.php - 글 삭제시 암호 입력 * 글 삭제시 작성자인지를 비밀번호를 통해서 판단 * 글을 삭제하기 위해서 id값(글번호)를 del.php로 넘겨준다. - 글 삭제 * if문을 이용해 비밀번호를 이용해 작성자를 검증하고 맞다면 삭제 쿼리를 실행하고 비밀번호가 틀리다면 비밀번호가.. 2017. 8. 10.