2015년 9월 17일 목요일

JavaScript

JS 는 함수다!


--------------------------------------------------------------

- 역슬러시 \
: 뒤에 나온 것을 문자로 처리한다.
:: \+' (= 역슬래시+') 하면  ' 을 문자로 처리한다.

--------------------------------------------------------------

- Math
:: Math.random(); -> 0.11323 같은 1 이하의 랜덤한 수 제공

--------------------------------------------------------------

- document
현재 html 문서 자체를 의미
document.getElementById("아이디") 하면 해당 아이디의 html 객체 튀어나옴
document.write("내용")의 경우 전체 문서를 해당 내용으로 다시 쓴다

DOM, BOM  개념에 대한 서술이 필요

--------------------------------------------------------------

JQuery, ajax 서술이 필요

--------------------------------------------------------------

-http request

form 태그 전송
<form enctype="multipart/form-data" action="1.php" method="POST">
  <input type="hidden" name="maxFileSize" value="30000"/>
  <input type="file" name="userFile"/>
  <input type="submit" value="upload">
</form>

enctype : encoding type, multipart/form-data 로 해야 한다. 심오한 이유는 알면 쓰겠음
action="URL", 전송할 목표 웹서버 페이지의 URL
method="POST", 파일 전송의 경우라서인지 POST 방식을 선택 ( GET no no )

type="hidden" 항목에서 "maxFileSize"은 웹서버측 php파일에서 $_POST["maxFileSize"]로
받아서 사용한다.

파일의 경우도 $_POST["userFile"] 으로 사용할 수 있지 않을까? 하는 생각은 버리자
파일의 경우 $FILES 라는 약속된 변수에 저장되어 있다.
$FILES["userFile"] 으로 배열화 되어있는 파일의 정보에 접근할 수 있다.
$FILES["userFile"]["name"] //-> 파일 이름. 확장자
$FILES["userFile"]["type"] //-> image 인지 text 인지 / 형식?(png , plain 등 )
$FILES["userFile"]["tmp_name"] //->템프 경로, 파일을 목표 경로로 옮기기 전 잠시있는 곳
$FILES["userFile"]["error"] //-> 전송중? 에러 사항?
$FILES["userFile"]["size"] //-> 파일 용량

이후에 일어나는 일은 php 항목에서 "$FILES"를 검색해서 찾아볼 수 있다

--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------

--------------------------------------------------------------

- 참고사항
<script> </script> 사이가 아니라도 자바 스크립트를 사용하 수 있다.

input tag의 onclick 부분
<input type="button" value="white" onclick="alert('hello world')"/>

input tag의 onfocus, onblur 부분
<input type="text" onfocus="alert('focus')" onblur="alert('blur')"/>

--------------------------------------------------------------



댓글 없음:

댓글 쓰기