#Java와 JavaScript 비교
사용자 요청에 대해
1)Java: 서버를 거쳐서 처리(데이터베이스 연결해서 데이터 전송)
2)JavaScript: 사용자 컴퓨터에서 처리. 주로 이벤트 처리
ajax
nodejs
vuejs
reactjs
=======
jquery
#변수
| 종류 | 비고 |
| var(자동 지정변수) | var i=10 => int var i="aaa" => String var i=10.5 => double var i=[] => array var i={} => 객체 단, 지역변수로 인식이 되지 않으므로 가급적 let 사용 권장 |
| const(상수) | java의 final |
| let(지역변수) | 권장 |
#연산자
| 종류 | 비고 | |
| 산술연산자 | + , - , * , /(정수/정수=실수) , % | + : 문자열 결합 기능도 있음 |
| 논리연산자 | && , || | |
| 비교연산자 | == , != , < , > , <= , >= , === , !== (React에서는 반드시 이것으로 사용) 문자열비교: ==, ===(권장) |
※문자열: " ", ' ' 모두 가능 숫자와 문자열에 모두 적용 |
| 삼항연산자 | 조건? 값1(true일때) : 값2(false일때) | |
| 대입연산자 | = , += , -= | |
| 스코프연산자 |
#제어문
| 조건문/반복문 | 단일조건문 | ||
| 다중조건문 | |||
| 선택조건문 | |||
| for | |||
| do~while | |||
| for-each | for(let vo in array) | ||
| for-in | |||
| map | |||
| 반복제어문 | continue | ||
| break |
#우편번호 API 적용예시
위치: <head>(<style>)태그 아래
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="http://dmaps.daum.net/map_js_init/postcode.v2.js"></script>
<script type="text/javascript">
function postfind(){
new daum.Postcode({
oncomplete:function(data)
{
// jquery가 들어간 부분
$('#post').val(data.zonecode);
// document.getElementById("post").value=data.zonecode
$('#addr1').val(data.address);
}
}).open();
}
</script>
|
cs |
이후 onclick="postfind()"로 적용
댓글