일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 영어 회화
- 달리기
- 설날
- HTML
- 1일 1독서
- 재택근무
- animation
- 청첩장
- 초코맘
- 결혼준비
- 결혼
- effect
- css
- event
- 1일 1단어
- 1일 1패턴
- 자바스크립트 스타일 가이드
- 신혼
- 스타일 가이드
- 영어공부
- 산책
- 용산아이파크몰
- 예비맘
- javascript
- 신혼생활
- 가을
- 업무
- 출산휴가
- 영어회화
- 1일 1영어회화
- Today
- Total
코딩물고기
[J] JavaScript & jQuery 공부하기 #1 본문
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다.
1. JavaScript :
- 클라이언트 화면을 동적으로 구성할 수 있는 언어로 넷스케이프사에서 개발하였다
- 브라우저에서 주로 실행되었다
- 원래 이름은 모카로 개발되었으나 live - script로 변경된 후
sun사의 승인을 얻어 javascript로 변경되었다
- 컴파일을 하지 않고 바로 실행 가능한 스크립트 언어
< script>
document.write("Hello JavaScript")
alert("Hello Jvascript")
</ script>
2. JavaScript 작성 방법 :
- HTML 페이지 내에 script 태그를 사용해서 javascript 코드 삽입
* script 태그는 html 문서의 head 영역에 작성해도 되고
body 영역에 작성해도 된다
* head 영역에 scipt가 작성되면 html 본문이 로딩되기 전에
javascript가 실행되고, body 영역에 script가 작성되면
html 본문이 로딩되면서 javascript가 실행된다.
< input type = "button" value = "자바스크립트 확인" onclick="alert('HTML 태그 안에서 자바스크립트 사용')" >
< script type="text/javascript">
alert("1 go")
alert("2 go")
alert("3 go")
alert("1 go");alert("2 go");alert("3 go")
</ script>
3. JavaScript 기본 규칙 :
- 변수 : 프로그램에서 사용하는 특정 값을 저장해 놓는 영역
* JavaScript 변수 선언 시 var을 사용 할수도 있고 생략할 수도 있다.
* ECMAScript5부터 적용되는 strict mode에서는 반드시 var을 사용해야한다
* 지역변수를 선언할 때는 let을 사용한다
* 상수를 선언할 때는 const를 사용한다
: 상수는 값이 한번 정해지면 변경될 수 없다
- 변수 사용 시 주의점
* 선언되지 않은 변수 사용 시 referenceError가 발생한다
* 선언은 되었지만 값이 초기화 되지 않으면 undefined 값이 할당된다
* JavaScript의 키워드는 이미 쓰임이 정해진 단어들이므로 변수명으로 사용될 수 없다
* JavaScript는 변수의 대소문자를 구분한다
* undefined 값은 연산 시 NaN으로 판단, null 값은 0으로 판단
* boolean 타입의 데이터로는 false로 판단된다
< script type="text/javascript">
var midExam = 90;
var finalExam = 80;
var reprt = 90;
var attendance = 100;
var score = (midExam + fanalExam) / 2 * 0.6 + reprt * 0.2 + attendance * 0.2;
document.write("성적 =" + score);
</ script>
'코딩물고기의 IT월드' 카테고리의 다른 글
[J] JavaScript & jQuery 공부하기 #6 (0) | 2019.04.02 |
---|---|
[J] JavaScript & jQuery 공부하기 #5 (0) | 2019.04.02 |
[J] JavaScript & jQuery 공부하기 #4 (0) | 2019.04.02 |
[J] JavaScript & jQuery 공부하기 #3 (0) | 2019.04.02 |
[J] JavaScript & jQuery 공부하기 #2 (0) | 2019.04.02 |